telephone-clients 3.0.103-85 → 3.0.103-86

package/package.json

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

package/src/filiale/wenxi/android/FailureShow.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="row">
+    <label class = "col-sm-4 " v-if="value">故障明细：</label>
+    <span class = "col-sm-8" v-for="failure in failures">
+      {{failure.f_failure_type}}:
+      <span v-for="caes in failure.failurecase">{{caes}}&nbsp;&nbsp;</span>
+    </span>
+  </div>
+</template>
+
+<script>
+  export default {
+    title: "failure-show",
+    props:{
+      // 要显示的故障
+      value: {
+        type: String
+      }
+    },
+    data () {
+      return {
+        // 故障类型
+        failures: [],
+      }
+    },
+    methods: {
+      // 把字符串转换成故障类型列表
+      procValue() {
+        // 清除原来内容
+        this.failures.splice(0, this.failures.length)
+
+        // 空串，直接返回
+        if (this.value) {
+          // 把字符串转换成故障列表对象
+          let array = JSON.parse(this.value)
+          if(Array.isArray(array)) {
+            array.forEach((value) => {
+              this.failures.push(value)
+            })
+          }
+        }
+      },
+    },
+    watch: {
+      'value' () {
+	     this.failures.splice(0, this.failures.length)
+        this.procValue()
+      },
+    },
+    created () {
+    },
+    ready () {
+
+      this.procValue()
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/filiale/wenxi/android/RepairInfo.vue

@@ -18,6 +18,8 @@
           </div>
         </div>
 
+        <failure-show :value='service.failure'>
+        </failure-show>
         <div style="clear:both;">
           <phone-sell-info-lite v-if="showSellInfo" :user="{}"
                                 :f_userinfo_id="service.f_userinfo_id"></phone-sell-info-lite>
@@ -50,6 +52,7 @@
   </modal>
 </template>
 <script>
+  import FailureShow from './FailureShow'
   import {HttpResetClass} from "vue-client";
   import Vue from "vue";
 
@@ -242,6 +245,8 @@
       },
     },
     components: {
+      FailureShow,
+      'failure-show': FailureShow
     }
   }
 </script>