telephone-clients 4.0.0-1-6 → 4.0.0-1-7

package/package.json

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

package/src/components/android/AddMyTask.vue

@@ -214,6 +214,13 @@ export default {
   data() {
     return {
       model: new PagedList(`${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/phoneOperatorService`, 20, { userid: `"${Vue.user.name}"` }, null, false),
+      searchData: {
+        condition:{
+          condition: '1=1',
+          sign:'1=1'
+        },
+        // userid: Vue.user.ename
+      },
       repairTypeOptions: [],
       typeData: [],
       showMessage: true
@@ -226,7 +233,12 @@ export default {
     }
     this.repairTypeOptions = this.$appdata.getParam('报修类型')
   },
+  mounted(){
 
+  },
+  destroyed(){
+
+  },
   methods: {
     //  获取现有的报修类型对应的数量
     async initRepairTypeNum(val) {
@@ -267,6 +279,8 @@ export default {
       }
     },
     search (args) {
+      //tag
+      //tag
       let data = {}
       data.condition = this.$refs.paged.$refs.cri.condition?this.$refs.paged.$refs.cri.condition:'1=1'
       data.condition += " "+"and f_workorder_type like '%报修单%'";
@@ -330,7 +344,11 @@ export default {
     },
     makeAPhoneCall(phoneNumber) {
       this.$androidUtil.makeAPhoneCall(phoneNumber)
-    }
+    },
+  },
+  computed:{
+
   }
+
 }
 </script>

package/src/components/pc/TelLossList.vue

@@ -2,18 +2,12 @@
   <div class="flex-row">
     <div id="stand-work-list" class="flex bg-white p-10 basic-main" style="flex-direction: row">
       <div style="width: 40%;height: 100%" v-show="leftShow">
-        <div class="row" style="height: 10%;width: 100%">
-          <div class="form-group form-input-group" style="display: flex;justify-content: flex-start;width: 80%">
-            <label class="font_normal_body" style="width: 20%">开始日期</label>
+        <div class="row" style="height: 10%;width: 50%">
+          <div class="form-group form-input-group" style="display: flex;justify-content: flex-start">
+            <label class="font_normal_body" style="width: 40%">查询日期</label>
             <datepicker placeholder="查询日期"
-                        :value.sync="startDate"
-                        v-model="startDate"
-                        :format="'yyyy-MM-dd HH:mm:ss'"
-            ></datepicker>
-            <label class="font_normal_body" style="width: 20%">结束日期</label>
-            <datepicker placeholder="查询日期"
-                        :value.sync="endDate"
-                        v-model="endDate"
+                        :value.sync="searchDate"
+                        v-model="searchDate"
                         :format="'yyyy-MM-dd HH:mm:ss'"
             ></datepicker>
             <button type="button" name="button"
@@ -134,8 +128,7 @@ export default {
       wavflie: '',
       idwavfile: '',
       leftShow: true,
-      startDate: Util.toStandardDateString(),
-      endDate: Util.toStandardDateString(),
+      searchDate: Util.toStandardDateString(),
       orderMan: '',
       msgs: [],
       huifangs: [{label: "全部", value: ""}, {label: "已回访", value: "已回访"}, {label: "未回访", value: "未回访"}],
@@ -241,16 +234,16 @@ export default {
       this.model.f_flghuifang = '未回访'
     },
     searchEcharts() {
-      console.log("9334", this.startDate)
-      this.renderEcharts(this.startDate,this.endDate)
+      console.log("9334", this.searchDate)
+      this.renderEcharts(this.searchDate)
     },
     //获取当前日期
-    renderEcharts(startDate,endDate) {
-      console.log("933", startDate, endDate)
+    renderEcharts(date) {
+      console.log("933", Util.addDate(3, date), Util.addDate(-3), date)
       new HttpResetClass().load("post", 'af-telephone/rs/sql/getLossPhoneByTime', {
         data: {
           groupitem: 'SUBSTRING(outltime, 0, 11)',
-          condition: `outltime>='${startDate} 00:00:00' and outltime<='${endDate} 23:59:59'`
+          condition: `outltime>='${Util.addDate(-3, date)} 00:00:00' and outltime<='${Util.addDate(3, date)} 23:59:59'`
         }
       }, {resolveMsg: null, rejectMsg: null}).then(res => {
         let myChart1 = this.$echarts.init(document.getElementById(("husunzhexian1")))
@@ -260,7 +253,7 @@ export default {
       new HttpResetClass().load("post", 'af-telephone/rs/sql/getLossPhoneByTime', {
         data: {
           groupitem: "SUBSTRING(outltime, 12, 2)+':00'",
-          condition: `outltime>='${startDate} 08:00:00' and outltime<='${endDate} 18:59:59'`
+          condition: `outltime>='${Util.toStandardDateString(date)} 08:00:00' and outltime<='${Util.toStandardDateString(date)} 18:59:59'`
         }
       }, {resolveMsg: null, rejectMsg: null}).then(res => {
         let myChart1 = this.$echarts.init(document.getElementById(("husunzhexian2")))

package/src/components/pc/VisitInfo.vue

@@ -237,8 +237,8 @@
           try{
             http.load('POST', wxcon.voiceUrl, {
               aId: this.$login.f.id,
-              aChannel: Util.attendant.aChannel,
-              aModule: Util.attendant.aModule,
+              aChannel: this.aChannel,
+              aModule: this.aModule,
               aBzType:"callout",
               bzExtra: telnum,
               bzId: telnum,

package/src/components/workorder/Outlay.vue

@@ -5,9 +5,7 @@
 
       <div class="bq-parent" v-if="shutype == 'heng'">
         <blockquote class="blockquote">
-          <p>费用<a @click="mute()" style="float:right" href="javascript:void(0)" class="repair-mute-class"><img
-            src="../../assets/novoice.png" width="25px;" alt=""><span
-            style="margin-left:10px;color: #304A66">关闭声音</span></a></p>
+          <p>费用<a  @click="mute()" style="float:right"  href="javascript:void(0)" class="repair-mute-class"><img src="../../assets/novoice.png" width="25px;" alt=""><span style="margin-left:10px;color: #304A66">关闭声音</span></a></p>
         </blockquote>
       </div>
       <div class="auto repair-info-content compatible" v-if="materialsumshow">
@@ -42,49 +40,20 @@
           <!--</div>-->
           <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
             <label class="text-justify lb-left">备注:</label>
-            <span v-if="show" style="font-weight:bold">{{ model.f_remarks }}</span>
-            <textarea class="form-control" cols="30" rows="4" style="resize: vertical;" v-model="model.f_remarks"
-                      v-if="!show" :disabled="issee"></textarea>
-          </div>
-        </div>
-        <div class="form-group col-md-12 col-sm-12 col-xs-12">
-          <div class="row">
-            <label class="text-left">请对我们的服务做出评价：</label>
-          </div>
-          <div class="col-xs-4 col-sm-4" v-for="item in radios">
-            <input v-model="model.f_client_evaluation" :value="item.label" :checked='item.isChecked'
-                   @click="check(item.value)" type="radio">{{ item.label }}
-          </div>
-        </div>
-
-        <div class="form-group col-md-12 col-sm-12 col-xs-12">
-          <label class="text-left font">反馈录音:</label>
-          <div class="col-md-12 col-sm-12 col-xs-12">
-            <button type="button" name="button" class="btn btn-primary btn-voice" @click="record">
-              <img src="../../assets/录音.png" style="width: 14%;">
-              <span v-if="!model.f_recording_path">开始录音</span>
-              <span v-if="model.f_recording_path">已录音</span>
-            </button>
-            &nbsp;&nbsp;&nbsp;&nbsp;<img src="../../assets/remove.png" style="width: 15px;" :class="style__"
-                                         @click="delAudioFile('f_recording_path', model.f_recording_path)"></img>
-          </div>
-        </div>
-        <div class="row auto">
-          <div class="col-xs-12 col-sm-12 col-md-12 form-input-group">
-            <label class="text-justify lb-left">处理前照片</label>
-            <img-area :model="model.imgs" :sutitle="处理前照片"></img-area>
+            <span v-if="show" style="font-weight:bold">{{model.f_remarks}}</span>
+            <textarea class="form-control" cols="30" rows="4" style="resize: vertical;" v-model="model.f_remarks" v-if="!show" :disabled="issee"></textarea>
           </div>
         </div>
         <div class="row auto" v-if="imgtpe">
-          <div class="col-xs-12 col-sm-12 col-md-12 form-input-group" v-for="row in imgstype">
-            <label class="text-justify lb-left">{{ row.title }}</label>
-            <img-area :model="model.imgs" :sutitle="getsutitle(row.title)" :isxiangce="isxiangce"></img-area>
+          <div class="col-xs-12 col-sm-12 col-md-12 form-input-group"  v-for="row in imgstype">
+            <label class="text-justify lb-left">{{row.title}}</label>
+            <img-area  :model="model.imgs"  :sutitle="getsutitle(row.title)" :isxiangce="isxiangce"></img-area>
           </div>
         </div>
-        <!--        <div v-if="pdfurl">-->
-        <!--          <iframe class="prism-player" :src="pdfurl" width="100%" height="100%"></iframe>-->
-        <!--        </div>-->
-        <img-area :model="model.imgs" :sutitle="'总体照片'" v-if="!imgtpe" :isxiangce="isxiangce"></img-area>
+<!--        <div v-if="pdfurl">-->
+<!--          <iframe class="prism-player" :src="pdfurl" width="100%" height="100%"></iframe>-->
+<!--        </div>-->
+        <img-area  :model="model.imgs" :sutitle="'总体照片'" v-if="!imgtpe" :isxiangce="isxiangce"></img-area>
         <p style="font-size: 15px;font-weight: bold" v-if="model.f_sign_imgid">客户签名:</p>
         <div v-if="!show && signType">
           <Sign :signname="model.f_signname" @input="getSignValue"></Sign>
@@ -93,237 +62,189 @@
           <new-sign :value="model.f_signname" @input="getSignValue"></new-sign>
         </div>
         <div v-if="show && model.f_sign_imgid">
-          <img :src="'rs/file/getfile/' + model.f_sign_imgid" :width="150" :height="200">
+          <img :src="'rs/file/getfile/' + model.f_sign_imgid" :width="150" :height="200" >
         </div>
       </div>
       <material-sum v-if="!materialsumshow" v-on:sumchange="sumchange"
-                    v-on:back="showchenge" :material="model.material" :f_cost_material="model.f_cost_material"
-                    :show="show">
+                    v-on:back="showchenge" :material="model.material" :f_cost_material="model.f_cost_material" :show="show">
       </material-sum>
     </validator>
   </div>
 </template>
 
 <script>
-import Vue from 'vue'
-import * as Util from '../Util'
-// import {HttpResetClass} from "vue-client";
-export default {
-  title: '费用',
-  props: {
-    // 本次维修, 包含照片数组  材料数组
-    model: {
-      type: Object
-    },
-    service: {
-      type: Object
-    },
-    show: {
-      type: Boolean,
-      default: false
-    },
-    f_single_man: {
-      type: Object
-    },
-    system: '',
-    shutype: 'heng',
-    issee: ''
-  },
-  data () {
-    return {
-      radios: [
-        {
-          label: '满意',
-          value: 0,
-          isChecked: false
-        },
-        {
-          label: '基本满意',
-          value: 1,
-          isChecked: false
-        },
-        {
-          label: '不满意',
-          value: 2,
-          isChecked: false
-        }
-      ],
-      signType: {
-        type: Boolean,
-        default: true
+  import Vue from 'vue'
+  import * as Util from '../Util'
+  // import {HttpResetClass} from "vue-client";
+  export default {
+    title: '费用',
+    props: {
+      // 本次维修, 包含照片数组  材料数组
+      model: {
+        type: Object
       },
-      // 拍照时的文件名
-      imgurl: 'http://192.168.2.77:8081',
-      fileName: '',
-      materialsumshow: {        //  控制明细组件和费用层的 显示     fasle 明细组建显示
+      service: {
+        type: Object
+      },
+      show: {
         type: Boolean,
-        default: true
+        default: false
       },
-      imgtpe: false,
-      isxiangce: this.$appdata.getSingleValue('维修-开启相册') ? this.$appdata.getSingleValue('维修-开启相册') : '否',
-      image_length: this.$appdata.getSingleValue('维修图片最大数量') ? this.$appdata.getSingleValue('维修图片最大数量') : '99',
-      imgstype: []
-    }
-  },
-  methods: {
-    check (index) {
-      // 先取消所有选中项
-      for (let item of this.radios) {
-        item.isChecked = false
-      }
-      //再设置当前点击项选中
-      this.model.f_client_evaluation = this.radios[index].label
-      // 设置值，以供传递
-      this.radios[index].isChecked = true
-    },
-    amrCallBack (fileName) {
-      HostApp.__this__.$set('model.f_recording_path', fileName)
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
+      f_single_man: {
+        type: Object
+      },
+      system: '',
+      shutype: 'heng',
+      issee:''
     },
-    record () {
-      HostApp.__callback__ = this.amrCallBack
-      HostApp.__this__ = this
-      let fileName
-      if (!this.model.f_recording_path) {
-        fileName = Util.guid() + '.amr'
-      } else {
-        fileName = Util.getFileName(this.model.f_recording_path)
+    data () {
+      return {
+        // pdfurl:'',
+        signType:{
+          type: Boolean,
+          default: true
+        },
+        // 拍照时的文件名
+        imgurl: 'http://192.168.2.77:8081',
+        fileName: '',
+        materialsumshow: {        //  控制明细组件和费用层的 显示     fasle 明细组建显示
+          type: Boolean,
+          default: true
+        },
+        imgtpe:false,
+        isxiangce:this.$appdata.getSingleValue('维修-开启相册')?this.$appdata.getSingleValue('维修-开启相册'):'否',
+        image_length:this.$appdata.getSingleValue('维修图片最大数量')?this.$appdata.getSingleValue('维修图片最大数量'):'99',
+        imgstype:[]
       }
-      HostApp._open_a_page({
-        type: 'boomerang',
-        page: 'com.aofeng.hybrid.android.peripheral.AudioClipActivity',
-        param: {file: fileName, requestCode: 111, callback: 'javascript:HostApp.__callback__("%s");'}
-      })
-    },
-    getSignValue (fileName) {
-      //tag
-      //tag
-      this.model.f_signname = fileName
-      this.model.f_sign_path = this.$androidUtil.getFullFileName(fileName)
-    },
-    getsutitle (val) {
-      return val
-    },
-    mute () {
-      HostApp.mute()
-    },
-    // 签名回调
-    signCallback (prop, fileName) {
-      // HostApp.alert('绑定属性:' + prop + ' 文件全路径如file:///storage/sdcard0/safecheck/abc.jpg：' + fullFileName)
-      HostApp.__this__.$set('model.f_signname', fileName)
-      HostApp.__callback__ = null
-      HostApp.__this__ = null
-    },
-    // 用户签名
-    sign () {
-      this.delAudioFile('f_signname', this.model.f_signname)
-      let prop = 'f_signname'
-      let idx = 'aofeng'
-      let fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
-      HostApp.__callback__ = this.signCallback
-      HostApp.__this__ = this
-      HostApp.getSignature({
-        file: fileName,
-        requestCode: 111,
-        callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");'
-      })
     },
-    delAudioFile (prop, fileName) {
-      if (!fileName) {
-        return
-      } else {
-        HostApp.delfile(fileName)
-        this.model[prop] = null
+    methods: {
+      getSignValue(fileName){
+        //tag
+        //tag
+        this.model.f_signname = fileName
+        this.model.f_sign_path = this.$androidUtil.getFullFileName(fileName)
+      },
+      getsutitle(val){
+        return val
+      },
+      mute () {
+        HostApp.mute()
+      },
+      // 签名回调
+      signCallback(prop, fileName) {
+        // HostApp.alert('绑定属性:' + prop + ' 文件全路径如file:///storage/sdcard0/safecheck/abc.jpg：' + fullFileName)
+        HostApp.__this__.$set('model.f_signname', fileName)
+        HostApp.__callback__ = null
+        HostApp.__this__ = null
+      },
+      // 用户签名
+      sign() {
+        this.delAudioFile('f_signname', this.model.f_signname)
+        let prop = 'f_signname'
+        let idx = 'aofeng'
+        let fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
+        HostApp.__callback__ = this.signCallback
+        HostApp.__this__ = this
+        HostApp.getSignature({
+          file: fileName,
+          requestCode: 111,
+          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");'
+        })
+      },
+      delAudioFile(prop, fileName) {
+        if (!fileName)
+          return
+        else {
+          HostApp.delfile(fileName)
+          this.model[prop] = null
+        }
+      },
+      // 从图片中删除
+      remove (row) {
+        this.$androidUtil.delfile(row.android_file)
+        let pos = this.model.imgs.findIndex((value) => {
+          return value === row
+        })
+        this.model.imgs.splice(pos, 1)
+      },
+      // fileName: 回传文件名,传入的带安卓路径url
+      // prop: 传入的字段名，没做改动
+      cameraCallBack(prop, fileName) {
+        // 当前this只能通过HostApp.__tis__获取
+        let self = this.$androidUtil.getCallBack(this)
+        // 添加新图片
+        self.model.imgs.push({
+          android_file: self.fileName,
+          path: fileName
+        })
+      },
+      takePic() {
+        let prop = 'repair'
+        let idx = 'aofeng'
+        this.fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
+        this.$androidUtil.takePic(this, this.cameraCallBack, this.fileName)
+      },
+      // 明细组件显示
+      sumshow(){
+        this.materialsumshow = false
+      },
+      // 当材料明细发生变化  材料费随之变化
+      sumchange(val){
+        this.model.f_cost_material = val
+      },
+      //  返回 总材料费   关闭材料费详情界面
+      showchenge(val){
+        this.materialsumshow = true
+        if(!isNaN(val)) {
+          this.model.f_cost_material = val
+        }
       }
     },
-    // 从图片中删除
-    remove (row) {
-      this.$androidUtil.delfile(row.android_file)
-      let pos = this.model.imgs.findIndex((value) => {
-        return value === row
-      })
-      this.model.imgs.splice(pos, 1)
-    },
-    // fileName: 回传文件名,传入的带安卓路径url
-    // prop: 传入的字段名，没做改动
-    cameraCallBack (prop, fileName) {
-      // 当前this只能通过HostApp.__tis__获取
-      let self = this.$androidUtil.getCallBack(this)
-      // 添加新图片
-      self.model.imgs.push({
-        android_file: self.fileName,
-        path: fileName
-      })
-    },
-    takePic () {
-      let prop = 'repair'
-      let idx = 'aofeng'
-      this.fileName = Util.guid() + '-valve-' + idx + '-' + prop + '.jpg'
-      this.$androidUtil.takePic(this, this.cameraCallBack, this.fileName)
-    },
-    // 明细组件显示
-    sumshow () {
-      this.materialsumshow = false
-    },
-    // 当材料明细发生变化  材料费随之变化
-    sumchange (val) {
-      this.model.f_cost_material = val
-    },
-    //  返回 总材料费   关闭材料费详情界面
-    showchenge (val) {
-      this.materialsumshow = true
-      if (!isNaN(val)) {
-        this.model.f_cost_material = val
+    ready(){
+      if(Vue.config.telephone.Outlay.data != undefined){
+        //tag
+        //tag)
+        if(this.service.f_user_type == '民用'){
+          this.imgstype = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.service.f_workorder_type].civil)))
+        }else{
+          this.imgstype = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.service.f_workorder_type].nocivil)))
+        }
+        if(this.imgstype.length>0){
+          this.imgtpe = true
+        }
       }
-    }
-  },
-  ready () {
-    if (Vue.config.telephone.Outlay.data != undefined) {
-      //tag
-      //tag)
-      if (this.service.f_user_type == '民用') {
-        this.imgstype = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.service.f_workorder_type].civil)))
-      } else {
-        this.imgstype = Object.assign([], JSON.parse(JSON.stringify(Vue.config.telephone.Outlay.data[this.service.f_workorder_type].nocivil)))
+      if(navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')){
+        this.signType = false
       }
-      if (this.imgstype.length > 0) {
-        this.imgtpe = true
+      if(this.model && this.model.f_single_man){
+        this.model.f_single_man = this.f_single_man
       }
-    }
-    if (navigator.userAgent.match('iPad') || navigator.userAgent.match('iPhone')) {
-      this.signType = false
-    }
-    if (this.model && this.model.f_single_man) {
-      this.model.f_single_man = this.f_single_man
-    }
-    if (!this.show && this.model) {
-      if (Vue.user == undefined) {
-        return
+      if(!this.show&&this.model){
+        if(Vue.user == undefined)
+          return
+        this.model.f_order_man = Vue.user.name
+        this.model.f_order_man_id = Vue.user.id
       }
-      this.model.f_order_man = Vue.user.name
-      this.model.f_order_man_id = Vue.user.id
-    }
-    // if (this.service.f_workorder_type == '置换通气单'){
-    //   new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
-    //     data: {
-    //       items: "*",
-    //       tablename: "t_userinfo",
-    //       condition: ` f_userinfo_id = '${this.model.baseuserinfo.f_userinfo_id}' and f_is_signature is null`,
-    //       orderitem: "id"
-    //     }
-    //   }, {resolveMsg: null, rejectMsg: null}).then((res) => {
-    //     if (res.data.length>0){
-    //       new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/wx/af-telephone/rs/logic/wordToosRept`, {
-    //         data: {
-    //           f_userinfo_id: this.model.baseuserinfo.f_userinfo_id,
-    //         }
-    //       }, {resolveMsg: null, rejectMsg: null}).then((res2) => {
-    //         this.pdfurl = res2.data[0].f_visit_url
-    //       })
-    //     }
-    //   })
-    // }
+      // if (this.service.f_workorder_type == '置换通气单'){
+      //   new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable_OrderBy`, {
+      //     data: {
+      //       items: "*",
+      //       tablename: "t_userinfo",
+      //       condition: ` f_userinfo_id = '${this.model.baseuserinfo.f_userinfo_id}' and f_is_signature is null`,
+      //       orderitem: "id"
+      //     }
+      //   }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+      //     if (res.data.length>0){
+      //       new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/wx/af-telephone/rs/logic/wordToosRept`, {
+      //         data: {
+      //           f_userinfo_id: this.model.baseuserinfo.f_userinfo_id,
+      //         }
+      //       }, {resolveMsg: null, rejectMsg: null}).then((res2) => {
+      //         this.pdfurl = res2.data[0].f_visit_url
+      //       })
+      //     }
+      //   })
+      // }
 //       base64_str = base64.encodeFile(sign_path[0].f_realpath),
 //         pdf2_data={
 //           f_contract_signature_id:pdf[0].f_contract_signature_id,
@@ -335,27 +256,27 @@ export default {
 //       log.debug($合同结果=========>{pdf2}$)
 //     ),null,
 
-    //tag
-    //tag
-    //tag
-  },
-  watch: {
-    'model.imgs' (val) {
-      if (this.model.imgs.length > this.image_length) {
-        this.$showMessage('最大可上传3张照片')
-        this.model.imgs.splice(0, 1)
+      //tag
+      //tag
+      //tag
+    },
+    watch: {
+      'model.imgs' (val){
+        if (this.model.imgs.length > this.image_length){
+          this.$showMessage('最大可上传3张照片')
+          this.model.imgs.splice(0, 1)
+        }
       }
-    }
-  },
-  computed: {
-    Detail () {
-      if (this.model.imgs && this.model.servicerepair.length > 0) {
-        let result = this.model.servicerepair.find((row) => {
-          return row.f_type === this.repairitem.header
-        })
-        return result
+    },
+    computed:{
+      Detail(){
+        if (this.model.imgs && this.model.servicerepair.length > 0) {
+          let result = this.model.servicerepair.find((row) => {
+            return row.f_type === this.repairitem.header
+          })
+          return result
+        }
       }
     }
   }
-}
 </script>