telephone-clients 3.0.103-8 → 3.0.103-80

package/src/filiale/v3new/pc/WorkHistory.vue

@@ -1,537 +1,537 @@
-<template>
-  <partial-view-tel  v-ref:pv>
-    <div class="panel panel-info auto" >
-      <div class="panel-heading auto" style="text-align: center">
-        <h4 style="display:inline-block;margin-top: auto">工单信息</h4>
-      </div>
-      <div class="auto info-content">
-        <!--      <div style="padding:0px 0px 10px 0px;margin-left: 20px;overflow: auto;" id="work-history">-->
-
-        <div class="row">
-          <label class="col-sm-4 ">工单编号：</label>
-          <span class="col-sm-8">{{ service?service.f_service_id:'***********' }}</span>
-        </div>
-        <div class="row"
-             v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
-          <label class="col-sm-4 ">当前状态：</label>
-          <span class="col-sm-8">{{ rowOne.processins.activities[0].defname }}</span>
-        </div>
-        <div class="row">
-          <label class="col-sm-4 ">工单时间：</label>
-          <span class="col-sm-8">{{ service?service.f_created_date:'****年**月**日' }}</span>
-        </div>
-        <div class="row" v-if="service.f_workorder_type=='置换通气单'||service.f_workorder_type=='安装单'">
-          <label class="col-sm-4 ">预约时间：</label>
-          <span class="col-sm-8">{{ service.f_yuyue_date }}</span>
-        </div>
-        <div class="row">
-          <label class="col-sm-4 ">客户姓名：</label>
-          <span class="col-sm-8">{{ service?service.f_user_name:'***' }}</span>
-        </div>
-        <div class="row">
-          <label class="col-sm-4 ">来电电话：</label>
-          <span class="col-sm-8">{{ service?service.f_phone:'***********' }}</span>
-        </div>
-        <div class="row">
-          <label class="col-sm-4 ">联系电话：</label>
-          <span class="col-sm-8">{{ service?service.f_contact_phone:'***********' }}</span>
-        </div>
-        <div class="row" v-if="service.f_workorder_type=='报修单'">
-          <label class="col-sm-4 ">报修类型：</label>
-          <span class="col-sm-8">{{ service.f_repairtype }}</span>
-        </div>
-        <!--          <p>工单编号： <span class="fwb">{{service.f_service_id}}</span></p>-->
-        <!--          <p v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'" >当前状态： <span class="fwb">{{rowOne.processins.activities[0].defname}}</span></p>-->
-        <!--          <p>工单时间： <span class="fwb">{{service.f_created_date}}</span></p>-->
-        <!--          <p v-if="service.f_workorder_type=='置换通气单'||service.f_workorder_type=='安装单'" >预约时间： <span class="fwb">{{service.f_yuyue_date}}</span></p>-->
-        <!--          <p>客户姓名： <span class="fwb">{{service.f_user_name}}</span></p>-->
-        <!--          <p>来电电话： <span class="fwb">{{service.f_phone}}</span></p>-->
-        <!--          <p v-if="service.f_workorder_type=='报修单'">报修类型： <span class="fwb">{{service.f_repairtype}}</span></p>-->
-        <div class="row"
-             v-if="service.f_workorder_type!=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
-          <label class="col-sm-4 ">工单内容：</label>
-          <span class="col-sm-8">{{ service.f_content }}</span>
-        </div>
-        <div class="row" v-if="service.f_workorder_type=='报修单'">
-          <label class="col-sm-4 ">客户编号：</label>
-          <span class="col-sm-8">{{ service.f_userinfo_code }}</span>
-        </div>
-        <div class="row"
-             v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
-          <label class="col-sm-4 ">用户地址：</label>
-          <span class="col-sm-8">{{ service.f_address }}</span>
-        </div>
-        <div class="row"
-             v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
-          <label class="col-sm-4 ">工单备注：</label>
-          <span class="col-sm-8">{{ service.f_remarks }}</span>
-        </div>
-        <!--          <p  v-if="service.f_workorder_type!=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'" >工单内容： <span class="fwb">{{service.f_content}}</span></p>-->
-        <!--          <p  v-if="service.f_workorder_type=='报修单'" >客户编号： <span class="fwb">{{service.f_userinfo_code}}</span></p>-->
-        <!--          <p  v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'" >用户地址： <span class="fwb">{{service.f_address}}</span></p>-->
-        <!--          <p  >备注： <span class="fwb">{{service.f_remarks}}</span></p>-->
-
-        <!--      <p v-if="rowOne.f_single_path||rowOne.f_singlea_path ||rowOne.f_singleb_path"> <button-link type="button" class="btn btn-link" @click="showpicture(rowOne)">抢修图片-->
-        <!--          </button-link></p>-->
-        <!--<button v-if="service.f_workorder_type=='报修单'" class="btn btn-success" @click="discuss">评价</button>-->
-        <div class="row"
-             v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
-          <label class="col-sm-4 ">指导建议：</label>
-          <span class="col-sm-8">{{ service.f_advice }}</span>
-        </div>
-        <div class="row"
-             v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
-          <label class="col-sm-4 ">故障明细：</label>
-          <span class="col-sm-8">{{ trouble(service.failure)}}</span>
-        </div>
-        <div class="row" v-if="service">
-          <label class="col-sm-4 ">信息维护：</label>
-          <span class="col-sm-8">
-            <button type="button"  class="btn-link btn"
-                    @click="infoadd()">工单信息补充
-            </button>
-            </span>
-      </div>
-        <!-- 工单的流转时间轴信息,每个活动的内容各不相同 -->
-      </div>
-      <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>
-            <!-- 用户催单 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_reminder'">
-              <p>{{ activity.f_reminder_date }}</p>
-              <p>用户催单</p>
-              <p>催单内容：{{ activity.f_content }}</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>
-              <button
-                v-if="activity.f_result_status !== '未完成'"
-                type="button" name="button"style="margin-left: 0px" class="button_spacing button_search-1"
-                      @click="repairlist($index)">查看详情
-              </button>
-<!--              <span class="btn btn-link add-postition" >详情</span>-->
-            </div>
-            <!-- 工单结案 -->
-            <div style="margin-top: 5px" v-if="activity.type === 't_serviceend'">
-              <p>{{ activity.f_date }}</p>
-              <p>{{ activity.f_name }}结束工单，备注：{{ activity.f_caseremarks }}</p>
-            </div>
-            <!-- 投诉处理 -->
-            <div style="margin-top: 5px" v-if="rowOne.f_workorder_type === '投诉单' && activity.type === 't_complanintend'">
-              <p>{{ activity.f_date }}</p>
-              <p>{{ activity.f_name }}处理了投诉单</p>
-              <span class="btn btn-link add-postition" @click="reqComplanResult($index)">详情</span>
-            </div>
-            <!--咨询单处理 -->
-            <div style="margin-top: 5px" v-if="rowOne.f_workorder_type === '咨询单'&& activity.type === 't_complanintend'">
-              <p>{{ activity.f_date }}</p>
-              <p>{{ activity.f_name }}处理了咨询单</p>
-              <span class="btn btn-link add-postition" @click="reqComplanResult($index)">详情</span>
-            </div>
-          </timeline-item-tel>
-        </timeline>
-        <!--<button v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'" class="btn btn-success" @click="discuss">评价</button>-->
-        <!--<button v-if="service"class="btn btn-success" @click="takett">操作</button>-->
-        <div v-show="service.f_record_sound.length>0">
-          <button-link type="button" class="btn btn-link" @click="playWav(service.f_record_sound)">播放录音</button-link>
-        </div>
-        <!--          <evaluate-list :evaluate="evaluate" :shownum="num" v-ref:evaluate></evaluate-list>-->
-        <modal :show.sync="repaierShow" large="true" v-ref:modal backdrop="false">
-          <header slot="modal-header" class="modal-header">
-            工单详情
-          </header>
-          <article slot="modal-body" class="modal-body">
-            <div class="from-group col-smm-12 col-md-12 col-xs-12" v-if="repaierShow">
-              <repair-order :show="true" :row="service" system="pc" :repair="curActivity">
-              </repair-order>
-            </div>
-          </article>
-          <footer slot="modal-footer" class="modal-footer">
-            <button type="button" class="btn btn-success" @click='close'>确认</button>
-          </footer>
-        </modal>
-        <div v-if="show">
-          <modal :show.sync="show" v-ref:modal1 backdrop="false">
-            <header slot="modal-header" class="modal-header">
-              <h2 class="modal-title">正在播放{{ wavflie }}语音文件</h2>
-            </header>
-            <article slot="modal-body" class="modal-body">
-              <audio controls>
-                <source src="{{'/Dual/GetWAV/'+wavflie+'.wav'}}" type="audio/wav">
-                您的浏览器不支持 audio 元素。
-              </audio>
-            </article>
-            <footer slot="modal-footer" class="modal-footer">
-              <button type="button" class="btn btn-default" @click='closemodel'>返回</button>
-            </footer>
-          </modal>
-        </div>
-        <!-- <div style="height: 60px;" v-if="show"class="form-inline">
-           <audio controls style="margin-top: 10px;">
-             <source src="{{'/Dual/GetWAV/'+wavflie+'.wav'}}" type="audio/wav" >
-             您的浏览器不支持 audio 元素。
-           </audio>
-           <div class="form-group">
-             <button  type="button" class="btn btn-default" @click='closemodel'>返回</button>
-           </div>
-         </div> -->
-        <!--          <modal :show.sync="takeshow" large="true" v-ref:modal2 backdrop="false">-->
-        <!--            <article slot="modal-body" class="modal-body">-->
-        <!--              <server-appendix-info @clean="clean" @success="renew" :row="service"></server-appendix-info>-->
-        <!--            </article>-->
-        <!--            <footer slot="modal-footer" class="modal-footer">-->
-        <!--            </footer>-->
-        <!--          </modal>-->
-        <!--          <evaluate-model :evaluate="evaluate" :isshow="isshow" @closeevaluate="closeevaluate" @saveevaluate="saveevaluate"></evaluate-model>-->
-        <!--      </div>-->
-
-      </div>
-
-    </div>
-  </partial-view-tel>
-
-  <modal :show.sync="imgshow" v-ref:modal backdrop="true">
-    <header slot="modal-header" class="modal-header">
-      在线抢修照片
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="from-group">
-        <img-self v-if="rowOne.f_single_path" :src="imgfilename" width="500" height="500"></img-self>
-        <img-self v-if="rowOne.f_singlea_path" :src="imgfilenamea" width="500" height="500"></img-self>
-        <img-self v-if="rowOne.f_singleb_path" :src="imgfilenameb" width="500" height="500"></img-self>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" class="btn btn-success" @click='imgclose'>关闭</button>
-    </footer>
-  </modal>
-
-  <modal :show.sync="showinfo" v-ref:infomodal backdrop="true">
-    <header slot="modal-header" class="modal-header">
-      工单信息补充
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="from-group">
-        <label class="font_normal_body"  style="width: 15%">维护内容</label>
-        <textarea  style="width: 80%" name="name" rows="3" class="ver-textarea" class="form-control" v-model='information'></textarea>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" class="btn btn-success" @click='infoaddsure'>添加</button>
-      <button type="button" class="btn btn-success" @click='infoclose'>取消</button>
-    </footer>
-  </modal>
-
-
-  <!-- 投诉单咨询单详情 -->
-  <modal :show.sync="iscomplanAllInfo" v-ref:modal_complan backdrop="true">
-    <header slot="modal-header" class="modal-header">
-      工单详情
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="select-overspread form-horizontal auto workOrderInfo">
-        <div class="row">
-          <div class="col-sm-12 form-group form-input-group" >
-            <label class="font_normal_body" style="width: 10%">工单编号</label>
-            <h5 style="padding: 0px">{{ rowOne.f_service_id }}</h5>
-          </div>
-          <div class="col-sm-12  form-input-group" >
-            <label class="font_normal_body" style="width: 10%" v-if="rowOne.f_workorder_type === '咨询单'">咨询内容</label>
-            <label class="font_normal_body" style="width: 10%"  v-if="rowOne.f_workorder_type === '投诉单'">投诉内容</label>
-            <textarea name="name" rows="3" v-model="rowOne.f_content"
-                      class="form-control ver-textarea" id="f_content" name="f_content" readonly="readonly"></textarea>
-          </div>
-          <div class="col-sm-4 form-group form-input-group" >
-            <label class="font_normal_body" style="width: 30%">来电电话</label>
-            <input type="text" name="" v-model='rowOne.f_phone'
-                   class="form-control" readonly="readonly">
-          </div>
-          <div class="col-sm-4 form-group form-input-group" >
-            <label class="font_normal_body" style="width: 30%">联系人</label>
-            <input type="text" name="" v-model='rowOne.f_user_name'
-                   class="form-control" readonly="readonly">
-          </div>
-          <div class="col-sm-4 form-group form-input-group" >
-            <label class="font_normal_body" style="width: 30%">联系电话</label>
-            <input type="text" name="" v-model='rowOne.f_contact_phone'
-                   class="form-control" readonly="readonly">
-          </div>
-          <div class="col-sm-12  form-input-group" >
-            <label class="font_normal_body" style="width: 10%">备注</label>
-            <textarea name="name" rows="3" v-model="rowOne.f_remarks"
-                      class="form-control ver-textarea" readonly="readonly"></textarea>
-          </div>
-          <div class="col-sm-12  form-input-group">
-            <label class="font_normal_body" style="width: 10%">处理结果</label>
-            <textarea name="name" rows="3" v-model="complanResult.f_complaint_results"
-                      class="form-control ver-textarea" readonly="readonly"></textarea>
-          </div>
-        </div>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" name="button" class="button_search button_spacing"
-              @click='iscomplanAllInfo = false;complanResult={}'>确定</button>
-    </footer>
-  </modal>
-
-
-</template>
-<script>
-import co from 'co'
-
-let getGen = function * (self) {
-  yield self.$resetpost('rs/path/getService', {data: {id: self.rowOne.id}}, {resolveMsg: null, rejectMsg: null})
-    .then((res) => {
-      self.service = res.data[0]
-      // self.getrepair()
-    })
-}
-export default {
-  title: '工单历史记录',
-  data () {
-    return {
-      imgshow: false,
-      imgfilename: '',
-      imgfilenamea: '',
-      imgfilenameb: '',
-      service: null,
-      // 是否显示详情modal
-      repaierShow: false,
-      isshow: false,
-      show: false,
-      takeshow: false,   // 操作面板显示
-      repair: {},
-      evaluate: {},
-      num: 14,
-      wavflie: '',
-      iscomplanAllInfo: false, // 是否显示投诉单详情
-      complanResult: {}, //投诉单详情信息
-      showinfo:false,
-      information:'',
-      loginUser:{
-        name:this.$login.f.name,
-        ename:this.$login.f.ename
-      }
-    }
-  },
-  props: {
-    rowOne: { // 传入一条工单信息
-      type: Object
-    }
-  },
-  methods: {
-    //添加信息维护
-    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('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(`/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()
-
-  }
-}
-</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">
+        <h4 style="display:inline-block;margin-top: auto">工单信息</h4>
+      </div>
+      <div class="auto info-content">
+        <!--      <div style="padding:0px 0px 10px 0px;margin-left: 20px;overflow: auto;" id="work-history">-->
+
+        <div class="row">
+          <label class="col-sm-4 ">工单编号：</label>
+          <span class="col-sm-8">{{ service?service.f_service_id:'***********' }}</span>
+        </div>
+        <div class="row"
+             v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
+          <label class="col-sm-4 ">当前状态：</label>
+          <span class="col-sm-8">{{ rowOne.processins.activities[0].defname }}</span>
+        </div>
+        <div class="row">
+          <label class="col-sm-4 ">工单时间：</label>
+          <span class="col-sm-8">{{ service?service.f_created_date:'****年**月**日' }}</span>
+        </div>
+        <div class="row" v-if="service.f_workorder_type=='置换通气单'||service.f_workorder_type=='安装单'">
+          <label class="col-sm-4 ">预约时间：</label>
+          <span class="col-sm-8">{{ service.f_yuyue_date }}</span>
+        </div>
+        <div class="row">
+          <label class="col-sm-4 ">客户姓名：</label>
+          <span class="col-sm-8">{{ service?service.f_user_name:'***' }}</span>
+        </div>
+        <div class="row">
+          <label class="col-sm-4 ">来电电话：</label>
+          <span class="col-sm-8">{{ service?service.f_phone:'***********' }}</span>
+        </div>
+        <div class="row">
+          <label class="col-sm-4 ">联系电话：</label>
+          <span class="col-sm-8">{{ service?service.f_contact_phone:'***********' }}</span>
+        </div>
+        <div class="row" v-if="service.f_workorder_type=='报修单'">
+          <label class="col-sm-4 ">报修类型：</label>
+          <span class="col-sm-8">{{ service.f_repairtype }}</span>
+        </div>
+        <!--          <p>工单编号： <span class="fwb">{{service.f_service_id}}</span></p>-->
+        <!--          <p v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'" >当前状态： <span class="fwb">{{rowOne.processins.activities[0].defname}}</span></p>-->
+        <!--          <p>工单时间： <span class="fwb">{{service.f_created_date}}</span></p>-->
+        <!--          <p v-if="service.f_workorder_type=='置换通气单'||service.f_workorder_type=='安装单'" >预约时间： <span class="fwb">{{service.f_yuyue_date}}</span></p>-->
+        <!--          <p>客户姓名： <span class="fwb">{{service.f_user_name}}</span></p>-->
+        <!--          <p>来电电话： <span class="fwb">{{service.f_phone}}</span></p>-->
+        <!--          <p v-if="service.f_workorder_type=='报修单'">报修类型： <span class="fwb">{{service.f_repairtype}}</span></p>-->
+        <div class="row"
+             v-if="service.f_workorder_type!=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
+          <label class="col-sm-4 ">工单内容：</label>
+          <span class="col-sm-8">{{ service.f_content }}</span>
+        </div>
+        <div class="row" v-if="service.f_workorder_type=='报修单'">
+          <label class="col-sm-4 ">客户编号：</label>
+          <span class="col-sm-8">{{ service.f_userinfo_code }}</span>
+        </div>
+        <div class="row"
+             v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
+          <label class="col-sm-4 ">用户地址：</label>
+          <span class="col-sm-8">{{ service.f_address }}</span>
+        </div>
+        <div class="row"
+             v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
+          <label class="col-sm-4 ">工单备注：</label>
+          <span class="col-sm-8">{{ service.f_remarks }}</span>
+        </div>
+        <!--          <p  v-if="service.f_workorder_type!=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'" >工单内容： <span class="fwb">{{service.f_content}}</span></p>-->
+        <!--          <p  v-if="service.f_workorder_type=='报修单'" >客户编号： <span class="fwb">{{service.f_userinfo_code}}</span></p>-->
+        <!--          <p  v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'" >用户地址： <span class="fwb">{{service.f_address}}</span></p>-->
+        <!--          <p  >备注： <span class="fwb">{{service.f_remarks}}</span></p>-->
+
+        <!--      <p v-if="rowOne.f_single_path||rowOne.f_singlea_path ||rowOne.f_singleb_path"> <button-link type="button" class="btn btn-link" @click="showpicture(rowOne)">抢修图片-->
+        <!--          </button-link></p>-->
+        <!--<button v-if="service.f_workorder_type=='报修单'" class="btn btn-success" @click="discuss">评价</button>-->
+        <div class="row"
+             v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
+          <label class="col-sm-4 ">指导建议：</label>
+          <span class="col-sm-8">{{ service.f_advice }}</span>
+        </div>
+        <div class="row"
+             v-if="service.f_workorder_type=='报修单' || service.f_workorder_type=='置换通气单'|| service.f_workorder_type=='安装单'">
+          <label class="col-sm-4 ">故障明细：</label>
+          <span class="col-sm-8">{{ trouble(service.failure)}}</span>
+        </div>
+        <div class="row" v-if="service">
+          <label class="col-sm-4 ">信息维护：</label>
+          <span class="col-sm-8">
+            <button type="button"  class="btn-link btn"
+                    @click="infoadd()">工单信息补充
+            </button>
+            </span>
+      </div>
+        <!-- 工单的流转时间轴信息,每个活动的内容各不相同 -->
+      </div>
+      <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>
+            <!-- 用户催单 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_reminder'">
+              <p>{{ activity.f_reminder_date }}</p>
+              <p>用户催单</p>
+              <p>催单内容：{{ activity.f_content }}</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>
+              <button
+                v-if="activity.f_result_status !== '未完成'"
+                type="button" name="button"style="margin-left: 0px" class="button_spacing button_search-1"
+                      @click="repairlist($index)">查看详情
+              </button>
+<!--              <span class="btn btn-link add-postition" >详情</span>-->
+            </div>
+            <!-- 工单结案 -->
+            <div style="margin-top: 5px" v-if="activity.type === 't_serviceend'">
+              <p>{{ activity.f_date }}</p>
+              <p>{{ activity.f_name }}结束工单，备注：{{ activity.f_caseremarks }}</p>
+            </div>
+            <!-- 投诉处理 -->
+            <div style="margin-top: 5px" v-if="rowOne.f_workorder_type === '投诉单' && activity.type === 't_complanintend'">
+              <p>{{ activity.f_date }}</p>
+              <p>{{ activity.f_name }}处理了投诉单</p>
+              <span class="btn btn-link add-postition" @click="reqComplanResult($index)">详情</span>
+            </div>
+            <!--咨询单处理 -->
+            <div style="margin-top: 5px" v-if="rowOne.f_workorder_type === '咨询单'&& activity.type === 't_complanintend'">
+              <p>{{ activity.f_date }}</p>
+              <p>{{ activity.f_name }}处理了咨询单</p>
+              <span class="btn btn-link add-postition" @click="reqComplanResult($index)">详情</span>
+            </div>
+          </timeline-item-tel>
+        </timeline>
+        <!--<button v-if="service.f_workorder_type=='报修单'|| service.f_workorder_type=='置换通气单'" class="btn btn-success" @click="discuss">评价</button>-->
+        <!--<button v-if="service"class="btn btn-success" @click="takett">操作</button>-->
+        <div v-show="service.f_record_sound.length>0">
+          <button-link type="button" class="btn btn-link" @click="playWav(service.f_record_sound)">播放录音</button-link>
+        </div>
+        <!--          <evaluate-list :evaluate="evaluate" :shownum="num" v-ref:evaluate></evaluate-list>-->
+        <modal :show.sync="repaierShow" large="true" v-ref:modal backdrop="false">
+          <header slot="modal-header" class="modal-header">
+            工单详情
+          </header>
+          <article slot="modal-body" class="modal-body">
+            <div class="from-group col-smm-12 col-md-12 col-xs-12" v-if="repaierShow">
+              <repair-order :show="true" :row="service" system="pc" :repair="curActivity">
+              </repair-order>
+            </div>
+          </article>
+          <footer slot="modal-footer" class="modal-footer">
+            <button type="button" class="btn btn-success" @click='close'>确认</button>
+          </footer>
+        </modal>
+        <div v-if="show">
+          <modal :show.sync="show" v-ref:modal1 backdrop="false">
+            <header slot="modal-header" class="modal-header">
+              <h2 class="modal-title">正在播放{{ wavflie }}语音文件</h2>
+            </header>
+            <article slot="modal-body" class="modal-body">
+              <audio controls>
+                <source src="{{'/Dual/GetWAV/'+wavflie+'.wav'}}" type="audio/wav">
+                您的浏览器不支持 audio 元素。
+              </audio>
+            </article>
+            <footer slot="modal-footer" class="modal-footer">
+              <button type="button" class="btn btn-default" @click='closemodel'>返回</button>
+            </footer>
+          </modal>
+        </div>
+        <!-- <div style="height: 60px;" v-if="show"class="form-inline">
+           <audio controls style="margin-top: 10px;">
+             <source src="{{'/Dual/GetWAV/'+wavflie+'.wav'}}" type="audio/wav" >
+             您的浏览器不支持 audio 元素。
+           </audio>
+           <div class="form-group">
+             <button  type="button" class="btn btn-default" @click='closemodel'>返回</button>
+           </div>
+         </div> -->
+        <!--          <modal :show.sync="takeshow" large="true" v-ref:modal2 backdrop="false">-->
+        <!--            <article slot="modal-body" class="modal-body">-->
+        <!--              <server-appendix-info @clean="clean" @success="renew" :row="service"></server-appendix-info>-->
+        <!--            </article>-->
+        <!--            <footer slot="modal-footer" class="modal-footer">-->
+        <!--            </footer>-->
+        <!--          </modal>-->
+        <!--          <evaluate-model :evaluate="evaluate" :isshow="isshow" @closeevaluate="closeevaluate" @saveevaluate="saveevaluate"></evaluate-model>-->
+        <!--      </div>-->
+
+      </div>
+
+    </div>
+  </partial-view-tel>
+
+  <modal :show.sync="imgshow" v-ref:modal backdrop="true">
+    <header slot="modal-header" class="modal-header">
+      在线抢修照片
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="from-group">
+        <img-self v-if="rowOne.f_single_path" :src="imgfilename" width="500" height="500"></img-self>
+        <img-self v-if="rowOne.f_singlea_path" :src="imgfilenamea" width="500" height="500"></img-self>
+        <img-self v-if="rowOne.f_singleb_path" :src="imgfilenameb" width="500" height="500"></img-self>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" class="btn btn-success" @click='imgclose'>关闭</button>
+    </footer>
+  </modal>
+
+  <modal :show.sync="showinfo" v-ref:infomodal backdrop="true">
+    <header slot="modal-header" class="modal-header">
+      工单信息补充
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="from-group">
+        <label class="font_normal_body"  style="width: 15%">维护内容</label>
+        <textarea  style="width: 80%" name="name" rows="3" class="ver-textarea" class="form-control" v-model='information'></textarea>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" class="btn btn-success" @click='infoaddsure'>添加</button>
+      <button type="button" class="btn btn-success" @click='infoclose'>取消</button>
+    </footer>
+  </modal>
+
+
+  <!-- 投诉单咨询单详情 -->
+  <modal :show.sync="iscomplanAllInfo" v-ref:modal_complan backdrop="true">
+    <header slot="modal-header" class="modal-header">
+      工单详情
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="select-overspread form-horizontal auto workOrderInfo">
+        <div class="row">
+          <div class="col-sm-12 form-group form-input-group" >
+            <label class="font_normal_body" style="width: 10%">工单编号</label>
+            <h5 style="padding: 0px">{{ rowOne.f_service_id }}</h5>
+          </div>
+          <div class="col-sm-12  form-input-group" >
+            <label class="font_normal_body" style="width: 10%" v-if="rowOne.f_workorder_type === '咨询单'">咨询内容</label>
+            <label class="font_normal_body" style="width: 10%"  v-if="rowOne.f_workorder_type === '投诉单'">投诉内容</label>
+            <textarea name="name" rows="3" v-model="rowOne.f_content"
+                      class="form-control ver-textarea" id="f_content" name="f_content" readonly="readonly"></textarea>
+          </div>
+          <div class="col-sm-4 form-group form-input-group" >
+            <label class="font_normal_body" style="width: 30%">来电电话</label>
+            <input type="text" name="" v-model='rowOne.f_phone'
+                   class="form-control" readonly="readonly">
+          </div>
+          <div class="col-sm-4 form-group form-input-group" >
+            <label class="font_normal_body" style="width: 30%">联系人</label>
+            <input type="text" name="" v-model='rowOne.f_user_name'
+                   class="form-control" readonly="readonly">
+          </div>
+          <div class="col-sm-4 form-group form-input-group" >
+            <label class="font_normal_body" style="width: 30%">联系电话</label>
+            <input type="text" name="" v-model='rowOne.f_contact_phone'
+                   class="form-control" readonly="readonly">
+          </div>
+          <div class="col-sm-12  form-input-group" >
+            <label class="font_normal_body" style="width: 10%">备注</label>
+            <textarea name="name" rows="3" v-model="rowOne.f_remarks"
+                      class="form-control ver-textarea" readonly="readonly"></textarea>
+          </div>
+          <div class="col-sm-12  form-input-group">
+            <label class="font_normal_body" style="width: 10%">处理结果</label>
+            <textarea name="name" rows="3" v-model="complanResult.f_complaint_results"
+                      class="form-control ver-textarea" readonly="readonly"></textarea>
+          </div>
+        </div>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" name="button" class="button_search button_spacing"
+              @click='iscomplanAllInfo = false;complanResult={}'>确定</button>
+    </footer>
+  </modal>
+
+
+</template>
+<script>
+import co from 'co'
+
+let getGen = function * (self) {
+  yield self.$resetpost('rs/path/getService', {data: {id: self.rowOne.id}}, {resolveMsg: null, rejectMsg: null})
+    .then((res) => {
+      self.service = res.data[0]
+      // self.getrepair()
+    })
+}
+export default {
+  title: '工单历史记录',
+  data () {
+    return {
+      imgshow: false,
+      imgfilename: '',
+      imgfilenamea: '',
+      imgfilenameb: '',
+      service: null,
+      // 是否显示详情modal
+      repaierShow: false,
+      isshow: false,
+      show: false,
+      takeshow: false,   // 操作面板显示
+      repair: {},
+      evaluate: {},
+      num: 14,
+      wavflie: '',
+      iscomplanAllInfo: false, // 是否显示投诉单详情
+      complanResult: {}, //投诉单详情信息
+      showinfo:false,
+      information:'',
+      loginUser:{
+        name:this.$login.f.name,
+        ename:this.$login.f.ename
+      }
+    }
+  },
+  props: {
+    rowOne: { // 传入一条工单信息
+      type: Object
+    }
+  },
+  methods: {
+    //添加信息维护
+    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('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(`/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()
+
+  }
+}
+</script>
+<style scoped lang="less">
+.workOrderInfo{
+  .row {
+    div {
+      margin-top: 10px;
+      [readonly] {
+        background-color:#eeeeee;
+      }
+    }
+  }
+}
+</style>