telephone-clients 4.0.0-1-10 → 4.0.0-1-12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "telephone-clients",
-  "version": "4.0.0-1-10",
+  "version": "4.0.0-1-12",
   "description": "呼叫模块前台组件",
   "main": "src/index.js",
   "directories": {

package/src/components/pc/FailureEdit.vue

@@ -1,197 +1,197 @@
-<template>
-  <div class="auto">
-    <!-- 故障类型选择，根据选择出现对应的内容填写框 -->
-    <div class="row form-fix-width" v-if="show">
-      <label class="font_normal_body" style="width: 15%;float: left">故障类型</label>
-      <div class="form-control" style="width: 80%;float: left">
-        <label class="checkbox-inline checkbox-fix-width" style="width:25%" v-for="failure in failuresAll" >
-          <input type="checkbox"
-                 :checked="failures.getFault(failure.f_failure_type)"
-                 @change="switchFault(failure.f_failure_type, $event)">
-          {{failure.f_failure_type}}
-        </label>
-      </div>
-    </div>
-
-    <!--根据选中的内容进行循环处理-->
-    <div class="row" v-if="failures.length>0">
-      <!--有品牌的故障内容-->
-      <label class="font_normal_body" style="width: 15%;float: left">故障明细</label>
-      <div class="form-control" style="width: 85%;float: left">
-        <div v-for="failure in failures">
-        <template v-if="getEquipment(failure.f_failure_type)">
-          <!--品牌-->
-          <div class="col-sm-6 form-group form-fix-width">
-            <label class="font_normal_body" style="width: 40%">{{getEquipment(failure.f_failure_type)}}品牌</label>
-            <v-select :value.sync="failure.f_equipment" close-on-select :value-single="true"
-                      :options="selectPara(`${getEquipment(failure.f_failure_type)}品牌`)"
-                      @change="fireInput()" placeholder='请选择'>
-            </v-select>
-          </div>
-          <!-- 故障 -->
-          <div class="col-sm-6 form-group form-fix-width">
-            <label class="font_normal_body" style="width: 40%">{{getEquipment(failure.f_failure_type)}}故障</label>
-            <v-select :value.sync="failure.failurecase" multiple search
-                      :options="selectPara(`${getEquipment(failure.f_failure_type)}故障`)"
-                      @change="fireInput()" placeholder='请选择'>
-            </v-select>
-          </div>
-        </template>
-
-        <!--无品牌的故障内容-->
-        <div v-else class="col-sm-12 form-group form-fix-width">
-          <label class="font_normal_body" style="width: 20%">{{failure.f_failure_type}}</label>
-          <v-select :value.sync="failure.failurecase" multiple search
-                    :options="selectPara(failure.f_failure_type)" style="80%"
-                    @change="fireInput()" placeholder='请选择'>
-          </v-select>
-        </div>
-        </div>
-      </div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-  import AppData from '../../stores/AppData'
-  import Vue from 'vue'
-  import {HttpResetClass} from 'vue-client'
-  export default {
-    title: "failure-edit",
-    props:{
-      value: {
-        type: String
-      },
-      show: {
-        type: Boolean,
-        default:true
-      }
-
-    },
-    data () {
-      return {
-        // 选择的故障类型
-        failures: [],
-        // 可用故障类型列表
-        failuresAll: [
-          {f_failure_type: '表具故障'},
-          {f_failure_type: '管道故障'},
-          {f_failure_type: '报警器', f_equipment: '报警器'},
-          {f_failure_type: '燃气灶', f_equipment: '燃气灶'},
-          {f_failure_type: '壁挂炉', f_equipment: '壁挂炉'},
-          {f_failure_type: '热水器', f_equipment: '热水器'},
-          {f_failure_type: '抽油烟机', f_equipment: '油烟机'},
-          {f_failure_type: '调压箱故障'}
-        ]
-      }
-    },
-    methods: {
-      // 增加或者去掉一种故障
-      switchFault(faultType, event) {
-        // 如果选中
-        if (event.srcElement.checked) {
-          let failure = {f_failure_type: faultType, failurecase: []}
-          // 获得设备名，有设备，故障添加空的设备内容
-          let f_equipment = this.getEquipment(faultType)
-          if (f_equipment) {
-            failure.f_equipment = ""
-          }
-          let pos = this.findPos(faultType)
-          this.failures.splice(pos, 0, failure)
-        } else {
-          // 未选中，删除掉
-          let pos = this.failures.findIndex((value) => {
-            return value.f_failure_type === faultType
-          })
-          this.failures.splice(pos, 1)
-        }
-        this.fireInput()
-      },
-      // 获取设备名
-      getEquipment (faultType) {
-        // 获得设备名
-        let failure = this.failuresAll.find((value) => {
-          return value.f_failure_type === faultType
-        })
-        return failure.f_equipment
-      },
-      // 把字符串转换成故障类型列表
-      procValue () {
-        // 清除原来内容
-        this.failures.splice(0, this.failures.length)
-
-        // 空串，直接返回
-        if (this.value) {
-          // 把字符串转换成故障列表对象
-          let array = JSON.parse(this.value)
-          array.forEach((value) => {
-            this.failures.push(value)
-          })
-        }
-      },
-      // 找到故障插入位置
-      findPos (faultType) {
-        // 找到当前故障索引
-        let index = this.findIndex(faultType)
-        // 看在已有故障什么位置
-        for(let [pos, v] of this.failures.entries()) {
-          let vIndex = this.findIndex(v.f_failure_type)
-          if (index < vIndex) {
-            return pos
-          }
-        }
-        return this.failures.length
-      },
-      // 找到故障索引
-      findIndex (faultType) {
-        let pos = this.failuresAll.findIndex((value) => {
-          return value.f_failure_type === faultType
-        })
-        return pos
-      },
-      // 故障数据发生变化，对外发送变化事件
-      fireInput() {
-        // 把故障对象转换成字符串
-        let result = JSON.stringify(this.failures)
-        this.$emit('input', result)
-      },
-      // 取得对应类型的参数内容
-      selectPara(type) {
-        let result = this.$appdata.getParam(type)
-        return result
-      },
-    },
-    watch: {
-      'value' () {
-        this.procValue()
-      },
-    },
-    created () {
-      // 给故障列表添加根据类型找故障的方法
-      this.failures.getFault = function (faultType) {
-        let result = this.find((value) => {
-          return value.f_failure_type === faultType
-        })
-        return result
-      }
-    },
-    ready () {
-      let http  = new HttpResetClass()
-      http.load('GET', `/af-telephone/rs/vue`, {}, {resolveMsg: null, rejectMsg: null}).then(res=>{
-        if(res.data.telephone){
-          if (res.data.telephone.FailuresConfig){
-            this.failuresAll=res.data.telephone.FailuresConfig.data
-          }
-        }
-        this.procValue()
-      })
-
-
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <div class="auto">
+    <!-- 故障类型选择，根据选择出现对应的内容填写框 -->
+    <div class="row form-fix-width" v-if="show">
+      <label class="font_normal_body" style="width: 15%;float: left">故障类型</label>
+      <div class="form-control" style="width: 80%;float: left">
+        <label class="checkbox-inline checkbox-fix-width" style="width:25%" v-for="failure in failuresAll" >
+          <input type="checkbox"
+                 :checked="failures.getFault(failure.f_failure_type)"
+                 @change="switchFault(failure.f_failure_type, $event)">
+          {{failure.f_failure_type}}
+        </label>
+      </div>
+    </div>
+
+    <!--根据选中的内容进行循环处理-->
+    <div class="row" v-if="failures.length>0">
+      <!--有品牌的故障内容-->
+      <label class="font_normal_body" style="width: 15%;float: left">故障明细</label>
+      <div class="form-control" style="width: 85%;float: left">
+        <div v-for="failure in failures">
+        <template v-if="getEquipment(failure.f_failure_type)">
+          <!--品牌-->
+          <div class="col-sm-6 form-group form-fix-width">
+            <label class="font_normal_body" style="width: 40%">{{getEquipment(failure.f_failure_type)}}品牌</label>
+            <v-select :value.sync="failure.f_equipment" close-on-select :value-single="true"
+                      :options="selectPara(`${getEquipment(failure.f_failure_type)}品牌`)"
+                      @change="fireInput()" placeholder='请选择'>
+            </v-select>
+          </div>
+          <!-- 故障 -->
+          <div class="col-sm-6 form-group form-fix-width">
+            <label class="font_normal_body" style="width: 40%">{{getEquipment(failure.f_failure_type)}}故障</label>
+            <v-select :value.sync="failure.failurecase" multiple search
+                      :options="selectPara(`${getEquipment(failure.f_failure_type)}故障`)"
+                      @change="fireInput()" placeholder='请选择'>
+            </v-select>
+          </div>
+        </template>
+
+        <!--无品牌的故障内容-->
+        <div v-else class="col-sm-12 form-group form-fix-width">
+          <label class="font_normal_body" style="width: 20%">{{failure.f_failure_type}}</label>
+          <v-select :value.sync="failure.failurecase" multiple search
+                    :options="selectPara(failure.f_failure_type)" style="80%"
+                    @change="fireInput()" placeholder='请选择'>
+          </v-select>
+        </div>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+  import AppData from '../../stores/AppData'
+  import Vue from 'vue'
+  import {HttpResetClass} from 'vue-client'
+  export default {
+    title: "failure-edit",
+    props:{
+      value: {
+        type: String
+      },
+      show: {
+        type: Boolean,
+        default:true
+      }
+
+    },
+    data () {
+      return {
+        // 选择的故障类型
+        failures: [],
+        // 可用故障类型列表
+        failuresAll: [
+          {f_failure_type: '表具故障'},
+          {f_failure_type: '管道故障'},
+          {f_failure_type: '报警器', f_equipment: '报警器'},
+          {f_failure_type: '燃气灶', f_equipment: '燃气灶'},
+          {f_failure_type: '壁挂炉', f_equipment: '壁挂炉'},
+          {f_failure_type: '热水器', f_equipment: '热水器'},
+          {f_failure_type: '抽油烟机', f_equipment: '油烟机'},
+          {f_failure_type: '调压箱故障'}
+        ]
+      }
+    },
+    methods: {
+      // 增加或者去掉一种故障
+      switchFault(faultType, event) {
+        // 如果选中
+        if (event.srcElement.checked) {
+          let failure = {f_failure_type: faultType, failurecase: []}
+          // 获得设备名，有设备，故障添加空的设备内容
+          let f_equipment = this.getEquipment(faultType)
+          if (f_equipment) {
+            failure.f_equipment = ""
+          }
+          let pos = this.findPos(faultType)
+          this.failures.splice(pos, 0, failure)
+        } else {
+          // 未选中，删除掉
+          let pos = this.failures.findIndex((value) => {
+            return value.f_failure_type === faultType
+          })
+          this.failures.splice(pos, 1)
+        }
+        this.fireInput()
+      },
+      // 获取设备名
+      getEquipment (faultType) {
+        // 获得设备名
+        let failure = this.failuresAll.find((value) => {
+          return value.f_failure_type === faultType
+        })
+        return failure.f_equipment
+      },
+      // 把字符串转换成故障类型列表
+      procValue () {
+        // 清除原来内容
+        this.failures.splice(0, this.failures.length)
+
+        // 空串，直接返回
+        if (this.value) {
+          // 把字符串转换成故障列表对象
+          let array = JSON.parse(this.value)
+          array.forEach((value) => {
+            this.failures.push(value)
+          })
+        }
+      },
+      // 找到故障插入位置
+      findPos (faultType) {
+        // 找到当前故障索引
+        let index = this.findIndex(faultType)
+        // 看在已有故障什么位置
+        for(let [pos, v] of this.failures.entries()) {
+          let vIndex = this.findIndex(v.f_failure_type)
+          if (index < vIndex) {
+            return pos
+          }
+        }
+        return this.failures.length
+      },
+      // 找到故障索引
+      findIndex (faultType) {
+        let pos = this.failuresAll.findIndex((value) => {
+          return value.f_failure_type === faultType
+        })
+        return pos
+      },
+      // 故障数据发生变化，对外发送变化事件
+      fireInput() {
+        // 把故障对象转换成字符串
+        let result = JSON.stringify(this.failures)
+        this.$emit('input', result)
+      },
+      // 取得对应类型的参数内容
+      selectPara(type) {
+        let result = this.$appdata.getParam(type)
+        return result
+      },
+    },
+    watch: {
+      'value' () {
+        this.procValue()
+      },
+    },
+    created () {
+      // 给故障列表添加根据类型找故障的方法
+      this.failures.getFault = function (faultType) {
+        let result = this.find((value) => {
+          return value.f_failure_type === faultType
+        })
+        return result
+      }
+    },
+    ready () {
+      let http  = new HttpResetClass()
+      http.load('GET', `/af-telephone/rs/vue`, {}, {resolveMsg: null, rejectMsg: null}).then(res=>{
+        if(res.data.telephone){
+          if (res.data.telephone.FailuresConfig){
+            this.failuresAll=res.data.telephone.FailuresConfig.data
+          }
+        }
+        this.procValue()
+      })
+
+
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>