telephone-clients 4.0.0-1-69 → 4.0.0-1-71

package/src/filiale/meihekou/android/AppWorkHistory.vue

@@ -1,324 +1,324 @@
-<template>
-  <partial-view-tel  v-ref:pv>
-    <div class="panel panel-info auto" >
-      <div class="panel-heading auto" style="text-align: center" v-show="service.serviceacitivity.length>0">
-        <h4 style="display:inline-block;margin-top: auto">工单历史</h4>
-      </div>
-      <div class="tab-content span">
-        <timeline style="margin-left: 20px"
-                  v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'|| service.f_workorder_type=='投诉单'||service.f_workorder_type=='咨询单'">
-          <timeline-item-tel v-for="activity in service.serviceacitivity"
-                             :color="$index === service.serviceacitivity.length - 1 ? 'blue' : 'default'"
-                             :isblue="$index === service.serviceacitivity.length - 1 ? true : false">
-            <!-- 派单 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_servicesend'">
-              <p>{{ activity.f_date }}</p>
-              <p>{{ activity.f_name }}派单给{{ getReciever(activity) }}</p>
-            </div>
-            <!-- 工单打回 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_service_back'">
-              <p>{{ activity.f_date }}</p>
-              <p>{{ activity.f_operator }}将工单{{activity.f_back_type}}</p>
-              <p v-if="activity.f_remarks">原因：{{ activity.f_remarks }}</p>
-            </div>
-            <!-- 工单打回 工单打回旧版使用t_site_back，兼容之前的逻辑。新版本无需调整此项-->
-            <div style="margin-top: 5px" v-if="activity.type === 't_site_back'">
-              <p>{{ activity.f_site_back_date }}</p>
-              <p>{{ activity.f_site_back_name }}将工单打回</p>
-              <p>原因：{{ activity.f_site_back_reason }}</p>
-            </div>
-            <!-- 未维修，属于维修员打回 兼容之前的逻辑。新版本无需调整此项 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_notwork'">
-              <p>{{ activity.f_date }}</p>
-              <p>{{ activity.f_name }}未处理</p>
-              <p>原因：{{ activity.f_reason }}</p>
-            </div>
-            <!-- 用户催单 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_reminder'">
-              <p>用户催单</p>
-              <p>{{ activity.f_reminder_date }}</p>
-              <p>操作人：{{ activity.f_operator_name }}</p>
-              <p>催单内容：{{ activity.f_content }}</p>
-            </div>
-            <!-- 工单撤回 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_recall'">
-              <p>{{ activity.f_recall_date }}</p>
-              <p>{{ activity.f_recall_name }}撤回工单</p>
-              <p>备注：{{ activity.f_remarks }}</p>
-            </div>
-            <!-- 工单信息补充 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_telinformation'">
-              <p>{{ activity.f_information_date }}</p>
-              <p>{{ activity.f_operator_name }}进行信息补充</p>
-              <p>维护内容：{{ activity.f_content }}</p>
-            </div>
-            <!-- 一次维修 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_servicework'">
-              <p>入户时间： {{ activity.f_date_come }}</p>
-              <p>离开时间： {{ activity.f_date_leave }}</p>
-              <!--<img-self v-for="img in activity.imgs" :src="`rs/file/getfile/${img.imgid}`" alt="测试" :width="150"-->
-              <!--:height="200"></img-self>-->
-              <p>接单员： {{ activity.f_name }} &nbsp;&nbsp;&nbsp;完成结果： {{ activity.f_result_status }}
-              </p>
-              <p v-if="activity.f_result_status === '未完成'">原因： {{ activity.f_reason }}
-              </p>
-            </div>
-            <!-- 工单结案 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_serviceend'">
-              <p>{{ activity.f_date }}</p>
-              <p>{{ activity.f_name }}结束工单，备注：{{ activity.f_caseremarks }} {{activity.f_remakes}}</p>
-              <span class="btn btn-link add-postition" v-if="activity.f_caseimgs" @click="getcaseimgs(activity.f_caseimgs)">结案照片</span>
-            </div>
-          </timeline-item-tel>
-        </timeline>
-      </div>
-    </div>
-  </partial-view-tel>
-</template>
-<script>
-import co from 'co'
-import Vue from 'vue'
-import FailureShow from '../../../components/pc/FailureShow.vue'
-
-let getGen = function * (self) {
-  yield self.$resetpost(self.$androidUtil.getProxyUrl() +'/af-telephone/rs/path/getService', {data: {id: self.rowOne.id}}, {resolveMsg: null, rejectMsg: null})
-    .then((res) => {
-      self.service = res.data[0]
-    })
-}
-export default {
-  title: '工单历史记录',
-  data () {
-    return {
-      curactivity:{},
-      attachment:{},
-      attachmentShow:false,
-      caseimgs:[],
-      caseimgshow:false,
-      imgshow: false,
-      imgfilename: '',
-      imgfilenamea: '',
-      imgfilenameb: '',
-      service: null,
-      repaierShow: false,
-      isshow: false,
-      show: false,
-      takeshow: false,   // 操作面板显示
-      repair: {},
-      evaluate: {},
-      num: 14,
-      wavflie: '',
-      iscomplanAllInfo: false, // 是否显示投诉单详情
-      complanResult: {}, //投诉单详情信息
-      showinfo:false,
-      information:'',
-      loginUser:{
-        name:Vue.user.name,
-        ename:Vue.user.ename
-      }
-    }
-  },
-  props: {
-    rowOne: { // 传入一条工单信息
-      type: Object
-    }
-  },
-  methods: {
-    showAttachment(activity){
-      this.attachment = activity
-      this.attachmentShow = true
-    },
-    getcaseimgs(val){
-      if(val){
-        this.caseimgs = val.split(";")
-      }
-      this.caseimgshow= true
-    },
-    caseclose(){
-      this.caseimgshow= false
-    },
-    //添加信息维护
-    infoadd(){
-      this.showinfo = true
-    },
-    infoaddsure(){
-      if(!this.information){
-        return this.$showMessage('请填写维护内容！')
-      }
-      var data = {
-        id :this.service.id,
-        f_processid:this.service.f_processid,
-        f_content:this.information,
-        serviceacitivity : [{}]
-      }
-      // 将数据发送给业务逻辑
-      this.$resetpost(this.$androidUtil.getProxyUrl() +'/af-telephone/rs/logic/telinformation', {model: data, loginUser: this.loginUser},{resolveMsg: null, rejectMsg: null}).then(() => {
-        this.$showMessage('维护内容添加成功！',['confirm'])
-        this.information = ''
-        this.showinfo =false
-        this.selfSearch()
-      })
-    },
-    infoclose(){
-      this.showinfo =false
-    },
-    trouble (val) {
-      let failureall=''
-      // val=[{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""}]
-
-      let failure = JSON.parse(val)
-      for (let i = 0; i <failure.length; i++) {
-        if (failure[i].failurecase.length>0){
-          failureall+=failure[i].f_failure_type+":"
-          for (let j = 0; j < failure[i].failurecase.length; j++) {
-            failureall+=failure[i].failurecase[j]
-            if (j+1!=failure[i].failurecase.length){
-              failureall+=","
-            }
-          }
-
-        }else{
-          failureall+=failure[i].f_failure_type
-        }
-        if (i+1!=failure.length){
-          failureall+=';'
-        }
-      }
-      return failureall
-    },
-    // 投诉单详情
-    reqComplanResult (index) {
-      this.complanResult = Object.assign({}, this.service.serviceacitivity[index])
-      this.iscomplanAllInfo = true
-    },
-    showpicture (val) {
-      //tag
-      //tag)
-      this.imgshow = true
-      this.imgfilename = 'rs/image/file/' + val.f_single_path
-      this.imgfilenamea = 'rs/image/file/' + val.f_singlea_path
-      this.imgfilenameb = 'rs/image/file/' + val.f_singleb_path
-    },
-    imgclose () {
-      this.imgshow = false
-    },
-    renew () {
-      this.takeshow = false
-    },
-    clean () {
-      this.takeshow = false
-    },
-    takett () {
-      this.takeshow = true
-    },
-    playWav (val) {
-      let condition = `id = '${val}'`
-      let result = ''
-      this.$resetpost( `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable`, {
-        data: {
-          items: 'recordfile', tablename: 't_records',
-          condition: condition, orderitem: 'outltime'
-        }
-      }, {resolveMsg: null, rejectMsg: null}).then((res) => {
-        result = res.data
-        this.wavflie = result[0].recordfile
-        this.show = true
-      })
-    },
-    closemodel () {
-      this.wavflie = ''
-      this.show = false
-    },
-    getReciever (val) {
-      let str = val.f_reciever
-      var i = parseInt(str)
-      if (isNaN(i)) {
-        return val.f_reciever
-      }
-      return val.f_meetunit
-    },
-    selfSearch () {
-      if (!this.rowOne) {
-        return
-      }
-      if (this.rowOne.f_workorder_type != '报修单' && this.rowOne.f_workorder_type != '置换通气单' && this.rowOne.f_workorder_type != '安装单' && this.rowOne.f_workorder_type != '投诉单' && this.rowOne.f_workorder_type != '咨询单') {
-        this.service = this.rowOne
-      } else {
-        let gen = getGen(this)
-        co(gen)
-      }
-      // if (this.rowOne.processins) {
-      //   this.service = this.rowOne
-      // } else {
-      //   let gen = getGen(this)
-      //   co(gen)
-      // }
-    },
-    getrepair () {
-      // if(!this.rowOne) {
-      //   return
-      // }
-      let gen = getrepairGen(this)
-      co(gen)
-    },
-    repairlist (index) {
-      this.curactivity = Object.assign({}, this.service.serviceacitivity[index])
-      //tag
-      //tag)
-      // this.repaierShow = true
-      this.$goto('new-repair-paper', {service:this.service,curactivity: this.curactivity}, 'self')
-    },
-    close () {
-      this.repaierShow = false
-    },
-    discuss () {
-      //tag
-      this.isshow = true
-    },
-    closeevaluate () {
-      this.isshow = false
-    },
-    // 评论完成
-    saveevaluate (val) {
-      //tag
-      this.isshow = false
-      this.$refs.evaluate.init(this.evaluate.f_type, this.evaluate.f_middle_id).then(() => {
-      })
-    }
-  },
-  watch: {
-    'rowOne' () {
-      this.selfSearch()
-      //tag
-      //tag
-    },
-    'service' (val) {
-      if (val) {
-        this.evaluate = {
-          f_type: val.f_workorder_type,
-          f_middle_id: val.f_service_id
-        }
-      }
-    }
-  },
-  ready () {
-    this.selfSearch()
-
-  },
-  components: {
-    'failure-show': FailureShow
-  }
-}
-</script>
-<style scoped lang="less">
-.workOrderInfo{
-  .row {
-    div {
-      margin-top: 10px;
-      [readonly] {
-        background-color:#eeeeee;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <partial-view-tel  v-ref:pv>
+    <div class="panel panel-info auto" >
+      <div class="panel-heading auto" style="text-align: center" v-show="service.serviceacitivity.length>0">
+        <h4 style="display:inline-block;margin-top: auto">工单历史</h4>
+      </div>
+      <div class="tab-content span">
+        <timeline style="margin-left: 20px"
+                  v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'|| service.f_workorder_type=='投诉单'||service.f_workorder_type=='咨询单'">
+          <timeline-item-tel v-for="activity in service.serviceacitivity"
+                             :color="$index === service.serviceacitivity.length - 1 ? 'blue' : 'default'"
+                             :isblue="$index === service.serviceacitivity.length - 1 ? true : false">
+            <!-- 派单 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_servicesend'">
+              <p>{{ activity.f_date }}</p>
+              <p>{{ activity.f_name }}派单给{{ getReciever(activity) }}</p>
+            </div>
+            <!-- 工单打回 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_service_back'">
+              <p>{{ activity.f_date }}</p>
+              <p>{{ activity.f_operator }}将工单{{activity.f_back_type}}</p>
+              <p v-if="activity.f_remarks">原因：{{ activity.f_remarks }}</p>
+            </div>
+            <!-- 工单打回 工单打回旧版使用t_site_back，兼容之前的逻辑。新版本无需调整此项-->
+            <div style="margin-top: 5px" v-if="activity.type === 't_site_back'">
+              <p>{{ activity.f_site_back_date }}</p>
+              <p>{{ activity.f_site_back_name }}将工单打回</p>
+              <p>原因：{{ activity.f_site_back_reason }}</p>
+            </div>
+            <!-- 未维修，属于维修员打回 兼容之前的逻辑。新版本无需调整此项 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_notwork'">
+              <p>{{ activity.f_date }}</p>
+              <p>{{ activity.f_name }}未处理</p>
+              <p>原因：{{ activity.f_reason }}</p>
+            </div>
+            <!-- 用户催单 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_reminder'">
+              <p>用户催单</p>
+              <p>{{ activity.f_reminder_date }}</p>
+              <p>操作人：{{ activity.f_operator_name }}</p>
+              <p>催单内容：{{ activity.f_content }}</p>
+            </div>
+            <!-- 工单撤回 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_recall'">
+              <p>{{ activity.f_recall_date }}</p>
+              <p>{{ activity.f_recall_name }}撤回工单</p>
+              <p>备注：{{ activity.f_remarks }}</p>
+            </div>
+            <!-- 工单信息补充 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_telinformation'">
+              <p>{{ activity.f_information_date }}</p>
+              <p>{{ activity.f_operator_name }}进行信息补充</p>
+              <p>维护内容：{{ activity.f_content }}</p>
+            </div>
+            <!-- 一次维修 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_servicework'">
+              <p>入户时间： {{ activity.f_date_come }}</p>
+              <p>离开时间： {{ activity.f_date_leave }}</p>
+              <!--<img-self v-for="img in activity.imgs" :src="`rs/file/getfile/${img.imgid}`" alt="测试" :width="150"-->
+              <!--:height="200"></img-self>-->
+              <p>接单员： {{ activity.f_name }} &nbsp;&nbsp;&nbsp;完成结果： {{ activity.f_result_status }}
+              </p>
+              <p v-if="activity.f_result_status === '未完成'">原因： {{ activity.f_reason }}
+              </p>
+            </div>
+            <!-- 工单结案 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_serviceend'">
+              <p>{{ activity.f_date }}</p>
+              <p>{{ activity.f_name }}结束工单，备注：{{ activity.f_caseremarks }} {{activity.f_remakes}}</p>
+              <span class="btn btn-link add-postition" v-if="activity.f_caseimgs" @click="getcaseimgs(activity.f_caseimgs)">结案照片</span>
+            </div>
+          </timeline-item-tel>
+        </timeline>
+      </div>
+    </div>
+  </partial-view-tel>
+</template>
+<script>
+import co from 'co'
+import Vue from 'vue'
+import FailureShow from '../../../components/pc/FailureShow.vue'
+
+let getGen = function * (self) {
+  yield self.$resetpost(self.$androidUtil.getProxyUrl() +'/af-telephone/rs/path/getService', {data: {id: self.rowOne.id}}, {resolveMsg: null, rejectMsg: null})
+    .then((res) => {
+      self.service = res.data[0]
+    })
+}
+export default {
+  title: '工单历史记录',
+  data () {
+    return {
+      curactivity:{},
+      attachment:{},
+      attachmentShow:false,
+      caseimgs:[],
+      caseimgshow:false,
+      imgshow: false,
+      imgfilename: '',
+      imgfilenamea: '',
+      imgfilenameb: '',
+      service: null,
+      repaierShow: false,
+      isshow: false,
+      show: false,
+      takeshow: false,   // 操作面板显示
+      repair: {},
+      evaluate: {},
+      num: 14,
+      wavflie: '',
+      iscomplanAllInfo: false, // 是否显示投诉单详情
+      complanResult: {}, //投诉单详情信息
+      showinfo:false,
+      information:'',
+      loginUser:{
+        name:Vue.user.name,
+        ename:Vue.user.ename
+      }
+    }
+  },
+  props: {
+    rowOne: { // 传入一条工单信息
+      type: Object
+    }
+  },
+  methods: {
+    showAttachment(activity){
+      this.attachment = activity
+      this.attachmentShow = true
+    },
+    getcaseimgs(val){
+      if(val){
+        this.caseimgs = val.split(";")
+      }
+      this.caseimgshow= true
+    },
+    caseclose(){
+      this.caseimgshow= false
+    },
+    //添加信息维护
+    infoadd(){
+      this.showinfo = true
+    },
+    infoaddsure(){
+      if(!this.information){
+        return this.$showMessage('请填写维护内容！')
+      }
+      var data = {
+        id :this.service.id,
+        f_processid:this.service.f_processid,
+        f_content:this.information,
+        serviceacitivity : [{}]
+      }
+      // 将数据发送给业务逻辑
+      this.$resetpost(this.$androidUtil.getProxyUrl() +'/af-telephone/rs/logic/telinformation', {model: data, loginUser: this.loginUser},{resolveMsg: null, rejectMsg: null}).then(() => {
+        this.$showMessage('维护内容添加成功！',['confirm'])
+        this.information = ''
+        this.showinfo =false
+        this.selfSearch()
+      })
+    },
+    infoclose(){
+      this.showinfo =false
+    },
+    trouble (val) {
+      let failureall=''
+      // val=[{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""},{"f_failure_type":"抽油烟机","failurecase":[],"f_equipment":""}]
+
+      let failure = JSON.parse(val)
+      for (let i = 0; i <failure.length; i++) {
+        if (failure[i].failurecase.length>0){
+          failureall+=failure[i].f_failure_type+":"
+          for (let j = 0; j < failure[i].failurecase.length; j++) {
+            failureall+=failure[i].failurecase[j]
+            if (j+1!=failure[i].failurecase.length){
+              failureall+=","
+            }
+          }
+
+        }else{
+          failureall+=failure[i].f_failure_type
+        }
+        if (i+1!=failure.length){
+          failureall+=';'
+        }
+      }
+      return failureall
+    },
+    // 投诉单详情
+    reqComplanResult (index) {
+      this.complanResult = Object.assign({}, this.service.serviceacitivity[index])
+      this.iscomplanAllInfo = true
+    },
+    showpicture (val) {
+      //tag
+      //tag)
+      this.imgshow = true
+      this.imgfilename = 'rs/image/file/' + val.f_single_path
+      this.imgfilenamea = 'rs/image/file/' + val.f_singlea_path
+      this.imgfilenameb = 'rs/image/file/' + val.f_singleb_path
+    },
+    imgclose () {
+      this.imgshow = false
+    },
+    renew () {
+      this.takeshow = false
+    },
+    clean () {
+      this.takeshow = false
+    },
+    takett () {
+      this.takeshow = true
+    },
+    playWav (val) {
+      let condition = `id = '${val}'`
+      let result = ''
+      this.$resetpost( `${this.$androidUtil.getProxyUrl()}/af-telephone/rs/sql/tel_singleTable`, {
+        data: {
+          items: 'recordfile', tablename: 't_records',
+          condition: condition, orderitem: 'outltime'
+        }
+      }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        result = res.data
+        this.wavflie = result[0].recordfile
+        this.show = true
+      })
+    },
+    closemodel () {
+      this.wavflie = ''
+      this.show = false
+    },
+    getReciever (val) {
+      let str = val.f_reciever
+      var i = parseInt(str)
+      if (isNaN(i)) {
+        return val.f_reciever
+      }
+      return val.f_meetunit
+    },
+    selfSearch () {
+      if (!this.rowOne) {
+        return
+      }
+      if (this.rowOne.f_workorder_type != '报修单' && this.rowOne.f_workorder_type != '置换通气单' && this.rowOne.f_workorder_type != '安装单' && this.rowOne.f_workorder_type != '投诉单' && this.rowOne.f_workorder_type != '咨询单') {
+        this.service = this.rowOne
+      } else {
+        let gen = getGen(this)
+        co(gen)
+      }
+      // if (this.rowOne.processins) {
+      //   this.service = this.rowOne
+      // } else {
+      //   let gen = getGen(this)
+      //   co(gen)
+      // }
+    },
+    getrepair () {
+      // if(!this.rowOne) {
+      //   return
+      // }
+      let gen = getrepairGen(this)
+      co(gen)
+    },
+    repairlist (index) {
+      this.curactivity = Object.assign({}, this.service.serviceacitivity[index])
+      //tag
+      //tag)
+      // this.repaierShow = true
+      this.$goto('new-repair-paper', {service:this.service,curactivity: this.curactivity}, 'self')
+    },
+    close () {
+      this.repaierShow = false
+    },
+    discuss () {
+      //tag
+      this.isshow = true
+    },
+    closeevaluate () {
+      this.isshow = false
+    },
+    // 评论完成
+    saveevaluate (val) {
+      //tag
+      this.isshow = false
+      this.$refs.evaluate.init(this.evaluate.f_type, this.evaluate.f_middle_id).then(() => {
+      })
+    }
+  },
+  watch: {
+    'rowOne' () {
+      this.selfSearch()
+      //tag
+      //tag
+    },
+    'service' (val) {
+      if (val) {
+        this.evaluate = {
+          f_type: val.f_workorder_type,
+          f_middle_id: val.f_service_id
+        }
+      }
+    }
+  },
+  ready () {
+    this.selfSearch()
+
+  },
+  components: {
+    'failure-show': FailureShow
+  }
+}
+</script>
+<style scoped lang="less">
+.workOrderInfo{
+  .row {
+    div {
+      margin-top: 10px;
+      [readonly] {
+        background-color:#eeeeee;
+      }
+    }
+  }
+}
+</style>