telephone-clients 4.0.0-1-89 → 4.0.0-1-90

package/src/components/pc/WorkListNew.vue

@@ -1,838 +1,838 @@
-<template>
-  <div class="flex">
-    <criteria-paged :model="model" v-ref:paged>
-      <criteria partial='criteria' v-ref:criteria @condition-changed='$parent.search'>
-        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-          <div class="row">
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">工单编号</label>
-              <input type="text" class="input_search" v-model="model.f_service_id" placeholder='工单编号'
-                     condition="tswo.f_service_id like '%{}%'"
-                     :size="model.f_service_id ? model.f_service_id.length : 6"
-              >
-            </div>
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">用户编号</label>
-              <input type="text" class="input_search" v-model="model.f_userinfo_code" placeholder='用户编号'
-                     condition="tswo.f_userinfo_code like '%{}%'"
-                     :size="model.f_userinfo_code ? model.f_userinfo_code.length : 6"
-              >
-            </div>
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">用户姓名</label>
-              <input type="text" class="input_search" v-model="model.f_user_name" placeholder='用户姓名'
-                     condition="tswo.f_user_name like '%{}%'"
-                     :size="model.f_user_name ? model.f_user_name.length : 6"
-              >
-            </div>
-            <div class="form-group col-sm-6 button-range" style="margin-right: 10px">
-
-              <button class="button_search button_spacing" @click="search(),$dispatch('search')"
-                      style="margin-right: 9px">查询
-              </button>
-              <button class="button_search button_spacing" @click="$parent.$parent.repairSendAll()"
-                      style="margin-right: 9px">批量下发
-              </button>
-
-              <export-excel-tel
-                :data="$parent.$parent.searchData"
-                :field="$parent.$parent.excelHeaders"
-                sqlurl="af-telephone/rs/logic/telephoneExport" sql-name="operatorService" template-name='工单导出'
-                :choose-col="true"></export-excel-tel>
-              <div style="float: right;" class="button_spacing"
-                   :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
-                   @click="$parent.$parent.hidden()"></div>
-
-            </div>
-          </div>
-          <div class="row" v-show="$parent.$parent.criteriaShow">
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">来电电话</label>
-              <input type="text" class="input_search" v-model="model.f_phone" placeholder='来电电话'
-                     condition="tswo.f_phone like '%{}%'"
-                     :size="model.f_phone ? model.f_phone.length : 6"
-              >
-            </div>
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">联系电话</label>
-              <input type="text" class="input_search" v-model="model.f_contact_phone" placeholder='联系电话'
-                     condition="tswo.f_contact_phone = '{}'"
-                     :size="model.f_contact_phone ? model.f_contact_phone.length : 6"
-              >
-            </div>
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">地&emsp;&emsp;址</label>
-              <input type="text" class="input_search" v-model="model.f_address" placeholder='地址'
-                     condition="tswo.f_address like '%{}%'"
-                     :size="model.f_address ? model.f_address.length : 6"
-              >
-            </div>
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">受&ensp;理&ensp;人</label>
-              <input type="text" class="input_search" v-model="model.f_attendant" placeholder='受理人'
-                     condition="tswo.f_attendant like '%{}%'"
-                     :size="model.f_attendant ? model.f_attendant.length : 6"
-              >
-            </div>
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">接&ensp;单&ensp;人</label>
-              <input type="text" class="input_search" v-model="model.f_order_man" placeholder='接单人'
-                     condition="tswo.f_order_man like '%{}%'"
-                     :size="model.f_order_man ? model.f_order_man.length : 6"
-              >
-            </div>
-          </div>
-          <div class="row" v-show="$parent.$parent.criteriaShow">
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class=" font_normal_body" for="f_workorder_type" style="width: 40%">工单类型</label>
-              <v-select id="f_workorder_type" :value.sync="model.f_workorder_type" :value-single="true"
-                        v-model="model.f_workorder_type"
-                        :options='$parent.$parent.serviceorders' placeholder='工单类型'
-                        condition="tswo.f_workorder_type like '%{}%'"
-                        close-on-select>
-              </v-select>
-            </div>
-
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">派单时间</label>
-              <datepicker placeholder="起始派单时间"
-                          :value.sync="model.f_created_date"
-                          v-model="model.f_created_date"
-                          :format="'yyyy-MM-dd 00:00:00'"
-                          condition="tswo.f_created_date > '{}'"
-              ></datepicker>
-            </div>
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">派单时间</label>
-              <datepicker placeholder="终止派单时间"
-                          :value.sync="model.f_finish_date"
-                          v-model="model.f_finish_date"
-                          :format="'yyyy-MM-dd 23:59:59'"
-                          condition="tswo.f_created_date < '{}'"
-              ></datepicker>
-            </div>
-            <div class="col-sm-2 form-group form-input-group" style="float:right;width: 15%;margin-left: 20px">
-              <input type="radio" id="one" value="wait" style="float: left" v-model="$parent.$parent.picked">
-              <label for="one" style="margin-top: 10px;float: left">待办</label>
-              <input type="radio" id="two" value="done" style="float: left" v-model="$parent.$parent.picked">
-              <label for="two" style="margin-top: 10px;float: left">已办</label>
-            </div>
-
-          </div>
-          <div class="row" v-show="$parent.$parent.criteriaShow">
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">故障明细</label>
-              <input type="text" class="input_search" v-model="model.f_failure" placeholder='故障明细'
-                     condition="tswo.failure like '%{}%'"
-                     :size="model.f_failure ? model.f_failure.length : 6"
-              >
-            </div>
-            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
-              <label class="font_normal_body" style="width: 40%">工单备注</label>
-              <input type="text" class="input_search" v-model="model.fo_remarks" placeholder='工单备注'
-                     condition="tswo.f_remarks like '%{}%'"
-                     :size="model.fo_remarks ? model.fo_remarks.length : 6"
-              >
-            </div>
-          </div>
-
-
-        </div>
-      </criteria>
-      <data-grid partial='list' v-ref:grid :model="model" class="list_area table_sy"
-                 :classname="'table tablenew table-bordered table-striped table-hover'">
-        <template partial='head'>
-          <tr>
-            <th>
-              <nobr><input type="checkbox" v-model="$parent.$parent.$parent.checkAll"/> 全选</nobr>
-            </th>
-
-            <th><nobr>
-              工单类型
-            </nobr></th>
-            <th><nobr>
-              工单编号
-            </nobr></th>
-            <th><nobr>
-              派单时间
-            </nobr></th>
-            <th><nobr>
-              用户信息
-            </nobr></th>
-            <th><nobr>
-              来电电话
-            </nobr></th>
-            <th><nobr>
-              工单状态
-            </nobr></th>
-            <th><nobr>
-              报修内容
-            </nobr></th>
-            <th><nobr>
-              故障明细
-            </nobr></th>
-            <th><nobr>
-              工单备注
-            </nobr></th>
-            <th><nobr>
-              操作
-            </nobr></th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <td style="text-align: center;white-space:nowrap;"><input class="rowCheckbox" type="checkbox"
-                                                                    v-if="row.defname === '站点接单'"
-                                                                    onClick="event.cancelBubble = true"
-                                                                    :checked="$parent.$parent.$parent.isChecked(row.id)"
-                                                                    @change="$parent.$parent.$parent.setCheckes(row)"/><nobr></nobr>
-          </td>
-
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.f_workorder_type }}<span style="color: red" v-if="row.f_remindersign==='true'">(催单)</span>
-            <nobr><span style="color: red" v-if="row.f_state==='打回'">(打回)</span>
-            </nobr></td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
-            <nobr>{{ row.f_service_id }}</nobr>
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
-            <nobr>{{ row.f_created_date }}</nobr>
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
-            <nobr> {{ row.f_user_name }}&nbsp;&nbsp;&nbsp;{{ row.f_address }}&nbsp;&nbsp;&nbsp;{{ row.f_contact_name }}</nobr>
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
-            <nobr>{{ row.f_phone }}</nobr>
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
-            <nobr>{{ row.defname }}</nobr>
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
-            <nobr>{{ row.f_repairtype + ':' + row.f_json}}</nobr>
-          </td>
-           <td
-           :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
-             <nobr>{{ $parent.$parent.$parent.trouble(row.failure)  }}</nobr>
-            </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
-            <nobr>{{ row.f_remarks}}</nobr>
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''"
-            style="text-align: center;"><nobr>
-            <div
-              v-show="row.defname === '站点接单' && $parent.$parent.$parent.picked === 'wait' && row.f_workorder_type != '投诉单'&&row.f_workorder_type != '咨询单'">
-              <button type="button" name="button" class="button_spacing button_search-2"
-                      @click.stop="$parent.$parent.$parent.proc(row, '结案')">结案
-              </button>
-              <button type="button" name="button" class="button_spacing button_search-2"
-                      @click.stop="$parent.$parent.$parent.proc(row, '工单退回')">退回
-              </button>
-              <button type="button" name="button" class="button_spacing button_search-2"
-                      @click.stop="$parent.$parent.$parent.proc(row, '工单下发')">下发
-              </button>
-              <div v-if="row.f_single_path">
-                <button type="button" name="button" class="button_spacing button_search-2"
-                        @click.stop="$parent.$parent.$parent.showpicture(row)">抢修图片
-                </button>
-              </div>
-            </div>
-            <div
-              v-show="row.defname === '站点接单' && $parent.$parent.$parent.picked === 'wait' && row.f_workorder_type == '投诉单'">
-              <button type="button" name="button" class="button_spacing button_search-2"
-                      @click.stop="$parent.$parent.$parent.complanReview(row, '投诉处理')">
-                投诉处理
-              </button>
-            </div>
-
-            <div
-              v-show="row.defname === '站点接单' && $parent.$parent.$parent.picked === 'wait' && row.f_workorder_type == '咨询单'">
-              <button type="button" name="button" class="button_spacing button_search-2"
-                      @click.stop="$parent.$parent.$parent.seekworkReview(row, '咨询处理')">
-                咨询处理
-              </button>
-            </div>
-          </nobr></td>
-        </template>
-      </data-grid>
-    </criteria-paged>
-  </div>
-  <modal :show.sync="editflag==='工单退回'||editflag==='工单下发'" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      {{ editflag }}
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div v-if="editflag==='工单退回'" class="form-inline">
-        <site-back :row="selectone" @success="selfSearch()" @cancel='editflag = null'></site-back>
-      </div>
-      <div v-if="editflag==='工单下发'">
-        <site-send :row="selectone" :rowlist="serlist" @success="selfSearch()" @cancel="editflag = null"></site-send>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer" v-show="false">
-      <button type="button" class="btn btn-success" @click='imgclose'>关闭</button>
-    </footer>
-  </modal>
-  <modal :show.sync="editflag==='结案'" v-ref:modalCase backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      工单结案
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="col-sm-12 form-group">
-        <label class="control-label col-sm-2">结案备注</label>
-        <div class="col-sm-9">
-          <input class="form-control" type="text" v-model="f_caseremarks"/>
-        </div>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" class="btn btn-success" @click='caseok'>确定</button>
-      <button type="button" class="btn btn-success" @click='caseclose'>关闭</button>
-    </footer>
-  </modal>
-  <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" style="display: flex">
-        <img-self :src="'rs/image/file/'+imgfilename" width="220" height="300"></img-self>
-        <img-self v-if="imgfilename1" :src="'rs/image/file/'+imgfilename1" style="margin-left: 10px" width="220"
-                  height="300"></img-self>
-        <img-self v-if="imgfilename2" :src="'rs/image/file/'+imgfilename2" style="margin-left: 10px" width="220"
-                  height="300"></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="isComplanReview" v-ref:complanModal backdrop="false">
-    <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">{{ showModalComplan.f_service_id }}</h5>
-          </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="showModalComplan.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='showModalComplan.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='showModalComplan.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='showModalComplan.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="showModalComplan.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="4" v-model="f_complaint_results"
-                      class="form-control ver-textarea"></textarea>
-          </div>
-        </div>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" name="button"
-              class="button_search button_spacing" @click='inputCompainInfo()'>提交
-      </button>
-      <button type="button" name="button" style="background-color: #5ac0d9;border-radius: 4px;"
-              class="button_spacing button_search" @click='isComplanReview=false;showModalComplan = {}'>取消
-      </button>
-    </footer>
-  </modal>
-  <!-- 咨询处理弹窗 -->
-  <modal :show.sync="isSeekWork" v-ref:seekWorkModel backdrop="false">
-    <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">{{ showModalSeekWork.f_service_id }}</h5>
-          </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="showModalSeekWork.f_content"
-                      class="form-control ver-textarea" id="f_content1" 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='showModalSeekWork.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='showModalSeekWork.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='showModalSeekWork.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="showModalSeekWork.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="4" v-model="f_complaint_seekwork_results"
-                      class="form-control ver-textarea"></textarea>
-          </div>
-        </div>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-
-      <button type="button" name="button"
-              class="button_search button_spacing" @click='inputSeekWorkInfo()'>提交
-      </button>
-      <button type="button" name="button" style="background-color: #5ac0d9;border-radius: 4px;"
-              class="button_spacing button_search" @click='isSeekWork=false;showModalSeekWork = {}'>取消
-      </button>
-    </footer>
-  </modal>
-</template>
-
-<script>
-import {PagedList, HttpResetClass} from 'vue-client'
-
-export default {
-  title: '工单列表',
-  data() {
-    return {
-      // 结案备注
-      f_caseremarks: '',
-      criteriaShow: false,
-      f_complaint_results: '',
-      serlist: [],
-      checkes: [],
-      remakes: null,
-      editflag: null,
-      selectone: '',
-      model: new PagedList('af-telephone/rs/sql/operatorService', 20),
-      row: null,
-      orderMan: '',
-      checkAll: false,
-      msgs: [],
-      // repairstypes : [{label: '全部', value: ''}, ...this.$appdata.getParam('报修全部类型')],
-      service: Object,
-      pendingCount: 0,
-      imgfilename: '',
-      imgfilename1: '',
-      imgfilename2: '',
-      select: {
-        defname: ''
-      },
-      rowlist: [],
-      // 待办/已办选择
-      picked: 'wait',
-      imgshow: false,
-      isComplanReview: false,
-      // defname:this.$appdata.getParam('工单状态'),
-      searchData: {
-        condition: {
-          condition: '1=1',
-          sign: '1=1'
-        },
-        userid: this.$login.f.name
-      },
-      excelHeaders: {
-        'f_workorder_type': '工单类型',
-        'f_service_id': '工单编号',
-        'f_created_date': '派单时间',
-        'f_user_name': '用户姓名',
-        'f_address': '用户地址',
-        'f_contact_name': '联系人',
-        'f_phone': '来电电话',
-        'f_repairtype' : '报修类型',
-        'f_json': '故障明细',
-        'f_remarks': '工单备注'
-      },
-      //投诉单在modal框显示的信息
-      showModalComplan: {
-        serviceacitivity: [{f_complaint_results: ''}]
-      },
-      isSeekWork: false,
-      /*咨询单信息*/
-      showModalSeekWork: {
-        serviceacitivity: [{f_complaint_results: ''}]
-      },
-      /*咨询单结果*/
-      f_complaint_seekwork_results: ''
-    }
-
-  },
-  props: {
-    user: {
-      type: Object
-    },
-    maintenance: [],
-    // serviceId : [String, Number]
-    serviceId: '',
-    // 工单状态 工单位置
-    defname: {
-      type: String
-    }
-  },
-  ready() {
-    // this.getEmp()
-    let messageTime = 60
-    const time = this.$appdata.getSingleValue("站点提醒时间")
-    if (time && time > 60) {
-      messageTime = time
-    }
-    setInterval(() => {
-      const data = {
-        condition: {
-          condition: '1=1',
-          sign: '1=1'
-        },
-        userid: this.$login.f.name
-      }
-      new HttpResetClass().load('post', 'af-telephone/rs/sql/operatorService', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: null
-      }).then(res => {
-        if (res.data && res.data.length > 0) {
-          this.$showMessage("您有" + res.data.length + "条工单待处理，请及时处理")
-        }
-      })
-    }, messageTime * 1000)
-    this.selfSearch().then(() => {
-      this.$emit('ready')
-    }).catch((error) => {
-      this.$emit('error', error)
-    })
-    // 开启轮询查询是否由自己的工单
-    // this.pollQuery()
-  },
-  watch: {
-    'serviceId'() {
-      this.selfSearch()
-    },
-    // 待办/已办选择变化后，根据选择内容，重新设置path查询路径，进行查询
-    'picked'() {
-      this.serlist = []
-      if (this.picked) {
-        if (this.picked === 'wait') {
-          this.model.url = 'af-telephone/rs/sql/operatorService'
-        } else if (this.picked === 'done') {
-          this.model.url = 'af-telephone/rs/sql/doneService'
-        }
-        this.model.rows = []
-        this.selfSearch()
-      }
-    }
-  },
-  methods: {
-    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
-    },
-    // 结案确认
-    caseok() {
-      // 工单结案操作
-      let data = {
-        model: this.selectone,
-        loginUser: {name: this.$login.f.name, ename: this.$login.f.ename},
-        f_caseremarks: this.f_caseremarks
-      }
-      this.$resetpost(`af-telephone/rs/logic/serviceCase`, data).then(() => {
-        this.f_caseremarks = ''
-        // 刷新界面
-        this.selfSearch()
-      })
-    },
-    // 结案返回
-    caseclose() {
-      this.f_caseremarks = ''
-      this.editflag = null
-    },
-    repairSendAll() {
-      //tag
-      if (!this.$refs.paged.$refs.criteria.model.f_workorder_type) {
-        this.$showMessage('必须选择工单类型后查询')
-        return
-      }
-      this.selectone = {
-        f_workorder_type: this.$refs.paged.$refs.criteria.model.f_workorder_type
-      }
-
-      if (this.checkAll) {
-        //如果全选，根据条件去查询数据
-        let data = {
-          condition: this.model.params.condition,
-          userid: this.$login.f.name
-        }
-        new HttpResetClass().load('post', 'af-telephone/rs/sql/operatorService', {data: data}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then(res => {
-          const results = res.data
-          this.rowlist = results.filter(result => {
-            //tag)
-            console.log("999", result, JSON.stringify(result).indexOf('站点接单') != -1)
-            return JSON.stringify(result).indexOf('站点接单') != -1
-          })
-          console.log(this.rowlist)
-          //tag
-          this.serlist = JSON.parse(JSON.stringify(this.rowlist))
-          this.editflag = '工单下发'
-        })
-
-      } else {
-        if (this.rowlist.length === 0) {
-          this.$showMessage('请选择工单')
-          return
-        }
-        //不全选，去取数据
-        this.serlist = JSON.parse(JSON.stringify(this.rowlist))
-        console.log("752752", this.rowlist)
-        this.editflag = '工单下发'
-      }
-    },
-    isChecked(v) {
-      // 如果全选，不在的按选中算，否则，在的按选中算
-      if (this.checkAll) {
-        return true
-      } else {
-        return this.rowlist.includes(v)
-      }
-    },
-
-    setCheckes(row) {
-      if (!this.checkAll) {
-        let index = this.checkes.indexOf(row.id)
-        if (index < 0) {
-          this.checkes.push(row.id)
-          this.rowlist.push(row)
-        } else {
-          this.checkes.splice(index, 1)
-          this.rowlist.splice(this.rowlist.findIndex(res => {
-            return res.id === row.id
-          }), 1)
-        }
-      }
-    },
-    hidden() {
-      this.criteriaShow = !this.criteriaShow
-    },
-    // 提交投诉单内容
-    inputCompainInfo() {
-      if (this.f_complaint_results != '') {
-        this.showModalComplan.serviceacitivity[0].f_complaint_results = this.f_complaint_results
-        this.$resetpost('af-telephone/rs/logic/saveComplaintResult', {
-          showModalComplan: this.showModalComplan,
-          loginUser: {name: this.$login.f.name, ename: this.$login.f.ename, loginid: this.$login.f.id}
-        }).then((res) => {
-          this.isComplanReview = false
-          this.showModalComplan = {}
-          this.$refs.paged.$refs.criteria.search()
-        })
-      } else {
-        //tag
-        return this.$showAlert('请填写投诉单结果！', 'warning', 2000)
-      }
-
-    },
-    //提交咨询单内容
-    inputSeekWorkInfo() {
-      if (this.f_complaint_seekwork_results != '') {
-        this.showModalSeekWork.serviceacitivity[0].f_complaint_results = this.f_complaint_seekwork_results
-        this.$resetpost('af-telephone/rs/logic/saveConsultResult', {
-          model: this.showModalSeekWork,
-          loginUser: {name: this.$login.f.name, ename: this.$login.f.ename, loginid: this.$login.f.id}
-        }).then((res) => {
-          this.isSeekWork = false
-          this.showModalSeekWork = {}
-          this.f_complaint_seekwork_results = ''
-          this.$refs.paged.$refs.criteria.search()
-        })
-      } else {
-        //tag
-        return this.$showAlert('请填写咨询单结果！', 'warning', 2000)
-      }
-    },
-    imgclose() {
-      this.imgshow = false
-    },
-    //检查是否为同一类型
-    addInList(val) {
-      if (!this.checkInList(val)) {
-        this.serlist.push(val)
-        //tag
-      } else {
-        var copyserlist = []
-        for (var index in this.serlist) {
-          if (this.serlist[index].f_service_id != val.f_service_id) {
-            copyserlist.push(this.serlist[index])
-          }
-        }
-        this.serlist = copyserlist
-        //tag
-      }
-    },
-    checkInList(val) {
-      var checkstr = false
-      this.serlist.forEach((item) => {
-        if (item.f_service_id == val.f_service_id) {
-          checkstr = true
-        }
-      })
-      return checkstr
-    },
-    isInList(val) {
-      var checkstr = false
-      this.serlist.forEach((item) => {
-        if (item.f_service_id == val.f_service_id) {
-          checkstr = true
-        }
-      })
-      return checkstr
-    },
-    proc(selectone, type) {
-      this.editflag = type
-      this.selectone = selectone
-    },
-    complanReview(itemVal, type) {
-      //tag
-      this.showModalComplan = itemVal
-      this.showModalComplan.serviceacitivity = [
-        {f_service_acitivity_type: '投诉单', f_result_status: '已完成'}]
-      this.showModalComplan.id_back = this.showModalComplan.id
-      this.isComplanReview = true
-    },
-    seekworkReview(itemVal, type) {
-      //tag
-      this.showModalSeekWork = itemVal
-      this.showModalSeekWork.serviceacitivity = [
-        {f_service_acitivity_type: '投诉单', f_result_status: '已完成'}]
-      this.showModalSeekWork.id_back = this.showModalSeekWork.id
-      this.isSeekWork = true
-    },
-    showpicture(val) {
-      //tag
-      //tag)
-      this.imgshow = true
-      this.imgfilename = val.f_single_path
-      this.imgfilename1 = val.f_singlea_path
-      this.imgfilename2 = val.f_singleb_path
-    },
-    search(args) {
-      this.serlist = []
-      this.checkes = []
-      //tag
-      let data = {}
-      data.condition = this.$refs.paged.$refs.criteria.condition ? this.$refs.paged.$refs.criteria.condition : '1=1'
-      data.sign = this.$refs.paged.$refs.criteria.select ? `defname = '${this.$refs.paged.$refs.criteria.select.defname[0]}'` : '1=1'
-      data.condition += ` and tswo.f_filiale_id = '${this.$login.f.orgid}'`
-      this.searchData.condition = data
-      this.searchData = Object.assign(this.searchData, args.model)
-      return this.model.search(data, args.model)
-    },
-    clearAllCheckboxes() {
-      const checkboxes = document.querySelectorAll('.rowCheckbox');
-      checkboxes.forEach(checkbox => {
-        checkbox.checked = false;
-      });
-    },
-    selfSearch() {
-      this.clearAllCheckboxes()
-      // 取消编辑状态
-      this.serlist = []
-      this.rowlist = []
-      this.checkes = []
-      this.editflag = null
-
-      this.model.paramSource = {
-        userid: '\'' + this.$login.f.name + '\''
-      }
-      //tag
-      let data = {}
-      data.condition = ` 1 = 1 and tswo.f_filiale_id = '${this.$login.f.orgid}'`
-      data.sign = '1=1'
-      return this.model.search(data)
-    },
-  },
-  computed: {
-    serviceorders() {
-      return [{label: '全部', value: ''}, ...this.$appdata.getParam('工单类型')]
-    },
-    repairstypes() {
-      return [{label: '全部', value: ''}, ...this.$appdata.getParam('报修全部类型')]
-    },
-    defname() {
-      return [{label: '全部', value: ''}, ...this.$appdata.getParam('工单状态')]
-    }
-
-  }
-}
-</script>
-<style scoped lang="less">
-.workOrderInfo {
-  .row {
-    div {
-      margin-top: 10px;
-
-      [readonly] {
-        background-color: #eeeeee;
-      }
-    }
-  }
-}
-</style>
-
+<template>
+  <div class="flex">
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' v-ref:criteria @condition-changed='$parent.search'>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">工单编号</label>
+              <input type="text" class="input_search" v-model="model.f_service_id" placeholder='工单编号'
+                     condition="tswo.f_service_id like '%{}%'"
+                     :size="model.f_service_id ? model.f_service_id.length : 6"
+              >
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">用户编号</label>
+              <input type="text" class="input_search" v-model="model.f_userinfo_code" placeholder='用户编号'
+                     condition="tswo.f_userinfo_code like '%{}%'"
+                     :size="model.f_userinfo_code ? model.f_userinfo_code.length : 6"
+              >
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">用户姓名</label>
+              <input type="text" class="input_search" v-model="model.f_user_name" placeholder='用户姓名'
+                     condition="tswo.f_user_name like '%{}%'"
+                     :size="model.f_user_name ? model.f_user_name.length : 6"
+              >
+            </div>
+            <div class="form-group col-sm-6 button-range" style="margin-right: 10px">
+
+              <button class="button_search button_spacing" @click="search(),$dispatch('search')"
+                      style="margin-right: 9px">查询
+              </button>
+              <button class="button_search button_spacing" @click="$parent.$parent.repairSendAll()"
+                      style="margin-right: 9px">批量下发
+              </button>
+
+              <export-excel-tel
+                :data="$parent.$parent.searchData"
+                :field="$parent.$parent.excelHeaders"
+                sqlurl="af-telephone/rs/logic/telephoneExport" sql-name="operatorService" template-name='工单导出'
+                :choose-col="true"></export-excel-tel>
+              <div style="float: right;" class="button_spacing"
+                   :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                   @click="$parent.$parent.hidden()"></div>
+
+            </div>
+          </div>
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">来电电话</label>
+              <input type="text" class="input_search" v-model="model.f_phone" placeholder='来电电话'
+                     condition="tswo.f_phone like '%{}%'"
+                     :size="model.f_phone ? model.f_phone.length : 6"
+              >
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">联系电话</label>
+              <input type="text" class="input_search" v-model="model.f_contact_phone" placeholder='联系电话'
+                     condition="tswo.f_contact_phone = '{}'"
+                     :size="model.f_contact_phone ? model.f_contact_phone.length : 6"
+              >
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">地&emsp;&emsp;址</label>
+              <input type="text" class="input_search" v-model="model.f_address" placeholder='地址'
+                     condition="tswo.f_address like '%{}%'"
+                     :size="model.f_address ? model.f_address.length : 6"
+              >
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">受&ensp;理&ensp;人</label>
+              <input type="text" class="input_search" v-model="model.f_attendant" placeholder='受理人'
+                     condition="tswo.f_attendant like '%{}%'"
+                     :size="model.f_attendant ? model.f_attendant.length : 6"
+              >
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">接&ensp;单&ensp;人</label>
+              <input type="text" class="input_search" v-model="model.f_order_man" placeholder='接单人'
+                     condition="tswo.f_order_man like '%{}%'"
+                     :size="model.f_order_man ? model.f_order_man.length : 6"
+              >
+            </div>
+          </div>
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class=" font_normal_body" for="f_workorder_type" style="width: 40%">工单类型</label>
+              <v-select id="f_workorder_type" :value.sync="model.f_workorder_type" :value-single="true"
+                        v-model="model.f_workorder_type"
+                        :options='$parent.$parent.serviceorders' placeholder='工单类型'
+                        condition="tswo.f_workorder_type like '%{}%'"
+                        close-on-select>
+              </v-select>
+            </div>
+
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">派单时间</label>
+              <datepicker placeholder="起始派单时间"
+                          :value.sync="model.f_created_date"
+                          v-model="model.f_created_date"
+                          :format="'yyyy-MM-dd 00:00:00'"
+                          condition="tswo.f_created_date > '{}'"
+              ></datepicker>
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">派单时间</label>
+              <datepicker placeholder="终止派单时间"
+                          :value.sync="model.f_finish_date"
+                          v-model="model.f_finish_date"
+                          :format="'yyyy-MM-dd 23:59:59'"
+                          condition="tswo.f_created_date < '{}'"
+              ></datepicker>
+            </div>
+            <div class="col-sm-2 form-group form-input-group" style="float:right;width: 15%;margin-left: 20px">
+              <input type="radio" id="one" value="wait" style="float: left" v-model="$parent.$parent.picked">
+              <label for="one" style="margin-top: 10px;float: left">待办</label>
+              <input type="radio" id="two" value="done" style="float: left" v-model="$parent.$parent.picked">
+              <label for="two" style="margin-top: 10px;float: left">已办</label>
+            </div>
+
+          </div>
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">故障明细</label>
+              <input type="text" class="input_search" v-model="model.f_failure" placeholder='故障明细'
+                     condition="tswo.failure like '%{}%'"
+                     :size="model.f_failure ? model.f_failure.length : 6"
+              >
+            </div>
+            <div class="col-sm-3 form-group form-input-group" style="width: 20%">
+              <label class="font_normal_body" style="width: 40%">工单备注</label>
+              <input type="text" class="input_search" v-model="model.fo_remarks" placeholder='工单备注'
+                     condition="tswo.f_remarks like '%{}%'"
+                     :size="model.fo_remarks ? model.fo_remarks.length : 6"
+              >
+            </div>
+          </div>
+
+
+        </div>
+      </criteria>
+      <data-grid partial='list' v-ref:grid :model="model" class="list_area table_sy"
+                 :classname="'table tablenew table-bordered table-striped table-hover'">
+        <template partial='head'>
+          <tr>
+            <th>
+              <nobr><input type="checkbox" v-model="$parent.$parent.$parent.checkAll"/> 全选</nobr>
+            </th>
+
+            <th><nobr>
+              工单类型
+            </nobr></th>
+            <th><nobr>
+              工单编号
+            </nobr></th>
+            <th><nobr>
+              派单时间
+            </nobr></th>
+            <th><nobr>
+              用户信息
+            </nobr></th>
+            <th><nobr>
+              来电电话
+            </nobr></th>
+            <th><nobr>
+              工单状态
+            </nobr></th>
+            <th><nobr>
+              报修内容
+            </nobr></th>
+            <th><nobr>
+              故障明细
+            </nobr></th>
+            <th><nobr>
+              工单备注
+            </nobr></th>
+            <th><nobr>
+              操作
+            </nobr></th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <td style="text-align: center;white-space:nowrap;"><input class="rowCheckbox" type="checkbox"
+                                                                    v-if="row.defname === '站点接单'"
+                                                                    onClick="event.cancelBubble = true"
+                                                                    :checked="$parent.$parent.$parent.isChecked(row.id)"
+                                                                    @change="$parent.$parent.$parent.setCheckes(row)"/><nobr></nobr>
+          </td>
+
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.f_workorder_type }}<span style="color: red" v-if="row.f_remindersign==='true'">(催单)</span>
+            <nobr><span style="color: red" v-if="row.f_state==='打回'">(打回)</span>
+            </nobr></td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
+            <nobr>{{ row.f_service_id }}</nobr>
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
+            <nobr>{{ row.f_created_date }}</nobr>
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
+            <nobr> {{ row.f_user_name }}&nbsp;&nbsp;&nbsp;{{ row.f_address }}&nbsp;&nbsp;&nbsp;{{ row.f_contact_name }}</nobr>
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
+            <nobr>{{ row.f_phone }}</nobr>
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
+            <nobr>{{ row.defname }}</nobr>
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
+            <nobr>{{ row.f_repairtype + ':' + row.f_json}}</nobr>
+          </td>
+           <td
+           :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
+             <nobr>{{ $parent.$parent.$parent.trouble(row.failure)  }}</nobr>
+            </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''">
+            <nobr>{{ row.f_remarks}}</nobr>
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.defname=='站点接单'?'background-color: #f1eecb':''"
+            style="text-align: center;"><nobr>
+            <div
+              v-show="row.defname === '站点接单' && $parent.$parent.$parent.picked === 'wait' && row.f_workorder_type != '投诉单'&&row.f_workorder_type != '咨询单'">
+              <button type="button" name="button" class="button_spacing button_search-2"
+                      @click.stop="$parent.$parent.$parent.proc(row, '结案')">结案
+              </button>
+              <button type="button" name="button" class="button_spacing button_search-2"
+                      @click.stop="$parent.$parent.$parent.proc(row, '工单退回')">退回
+              </button>
+              <button type="button" name="button" class="button_spacing button_search-2"
+                      @click.stop="$parent.$parent.$parent.proc(row, '工单下发')">下发
+              </button>
+              <div v-if="row.f_single_path">
+                <button type="button" name="button" class="button_spacing button_search-2"
+                        @click.stop="$parent.$parent.$parent.showpicture(row)">抢修图片
+                </button>
+              </div>
+            </div>
+            <div
+              v-show="row.defname === '站点接单' && $parent.$parent.$parent.picked === 'wait' && row.f_workorder_type == '投诉单'">
+              <button type="button" name="button" class="button_spacing button_search-2"
+                      @click.stop="$parent.$parent.$parent.complanReview(row, '投诉处理')">
+                投诉处理
+              </button>
+            </div>
+
+            <div
+              v-show="row.defname === '站点接单' && $parent.$parent.$parent.picked === 'wait' && row.f_workorder_type == '咨询单'">
+              <button type="button" name="button" class="button_spacing button_search-2"
+                      @click.stop="$parent.$parent.$parent.seekworkReview(row, '咨询处理')">
+                咨询处理
+              </button>
+            </div>
+          </nobr></td>
+        </template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+  <modal :show.sync="editflag==='工单退回'||editflag==='工单下发'" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      {{ editflag }}
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div v-if="editflag==='工单退回'" class="form-inline">
+        <site-back :row="selectone" @success="selfSearch()" @cancel='editflag = null'></site-back>
+      </div>
+      <div v-if="editflag==='工单下发'">
+        <site-send :row="selectone" :rowlist="serlist" @success="selfSearch()" @cancel="editflag = null"></site-send>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer" v-show="false">
+      <button type="button" class="btn btn-success" @click='imgclose'>关闭</button>
+    </footer>
+  </modal>
+  <modal :show.sync="editflag==='结案'" v-ref:modalCase backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      工单结案
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="col-sm-12 form-group">
+        <label class="control-label col-sm-2">结案备注</label>
+        <div class="col-sm-9">
+          <input class="form-control" type="text" v-model="f_caseremarks"/>
+        </div>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" class="btn btn-success" @click='caseok'>确定</button>
+      <button type="button" class="btn btn-success" @click='caseclose'>关闭</button>
+    </footer>
+  </modal>
+  <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" style="display: flex">
+        <img-self :src="'rs/image/file/'+imgfilename" width="220" height="300"></img-self>
+        <img-self v-if="imgfilename1" :src="'rs/image/file/'+imgfilename1" style="margin-left: 10px" width="220"
+                  height="300"></img-self>
+        <img-self v-if="imgfilename2" :src="'rs/image/file/'+imgfilename2" style="margin-left: 10px" width="220"
+                  height="300"></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="isComplanReview" v-ref:complanModal backdrop="false">
+    <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">{{ showModalComplan.f_service_id }}</h5>
+          </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="showModalComplan.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='showModalComplan.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='showModalComplan.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='showModalComplan.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="showModalComplan.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="4" v-model="f_complaint_results"
+                      class="form-control ver-textarea"></textarea>
+          </div>
+        </div>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" name="button"
+              class="button_search button_spacing" @click='inputCompainInfo()'>提交
+      </button>
+      <button type="button" name="button" style="background-color: #5ac0d9;border-radius: 4px;"
+              class="button_spacing button_search" @click='isComplanReview=false;showModalComplan = {}'>取消
+      </button>
+    </footer>
+  </modal>
+  <!-- 咨询处理弹窗 -->
+  <modal :show.sync="isSeekWork" v-ref:seekWorkModel backdrop="false">
+    <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">{{ showModalSeekWork.f_service_id }}</h5>
+          </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="showModalSeekWork.f_content"
+                      class="form-control ver-textarea" id="f_content1" 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='showModalSeekWork.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='showModalSeekWork.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='showModalSeekWork.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="showModalSeekWork.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="4" v-model="f_complaint_seekwork_results"
+                      class="form-control ver-textarea"></textarea>
+          </div>
+        </div>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+
+      <button type="button" name="button"
+              class="button_search button_spacing" @click='inputSeekWorkInfo()'>提交
+      </button>
+      <button type="button" name="button" style="background-color: #5ac0d9;border-radius: 4px;"
+              class="button_spacing button_search" @click='isSeekWork=false;showModalSeekWork = {}'>取消
+      </button>
+    </footer>
+  </modal>
+</template>
+
+<script>
+import {PagedList, HttpResetClass} from 'vue-client'
+
+export default {
+  title: '工单列表',
+  data() {
+    return {
+      // 结案备注
+      f_caseremarks: '',
+      criteriaShow: false,
+      f_complaint_results: '',
+      serlist: [],
+      checkes: [],
+      remakes: null,
+      editflag: null,
+      selectone: '',
+      model: new PagedList('af-telephone/rs/sql/operatorService', 20),
+      row: null,
+      orderMan: '',
+      checkAll: false,
+      msgs: [],
+      // repairstypes : [{label: '全部', value: ''}, ...this.$appdata.getParam('报修全部类型')],
+      service: Object,
+      pendingCount: 0,
+      imgfilename: '',
+      imgfilename1: '',
+      imgfilename2: '',
+      select: {
+        defname: ''
+      },
+      rowlist: [],
+      // 待办/已办选择
+      picked: 'wait',
+      imgshow: false,
+      isComplanReview: false,
+      // defname:this.$appdata.getParam('工单状态'),
+      searchData: {
+        condition: {
+          condition: '1=1',
+          sign: '1=1'
+        },
+        userid: this.$login.f.name
+      },
+      excelHeaders: {
+        'f_workorder_type': '工单类型',
+        'f_service_id': '工单编号',
+        'f_created_date': '派单时间',
+        'f_user_name': '用户姓名',
+        'f_address': '用户地址',
+        'f_contact_name': '联系人',
+        'f_phone': '来电电话',
+        'f_repairtype' : '报修类型',
+        'f_json': '故障明细',
+        'f_remarks': '工单备注'
+      },
+      //投诉单在modal框显示的信息
+      showModalComplan: {
+        serviceacitivity: [{f_complaint_results: ''}]
+      },
+      isSeekWork: false,
+      /*咨询单信息*/
+      showModalSeekWork: {
+        serviceacitivity: [{f_complaint_results: ''}]
+      },
+      /*咨询单结果*/
+      f_complaint_seekwork_results: ''
+    }
+
+  },
+  props: {
+    user: {
+      type: Object
+    },
+    maintenance: [],
+    // serviceId : [String, Number]
+    serviceId: '',
+    // 工单状态 工单位置
+    defname: {
+      type: String
+    }
+  },
+  ready() {
+    // this.getEmp()
+    let messageTime = 60
+    const time = this.$appdata.getSingleValue("站点提醒时间")
+    if (time && time > 60) {
+      messageTime = time
+    }
+    setInterval(() => {
+      const data = {
+        condition: {
+          condition: '1=1',
+          sign: '1=1'
+        },
+        userid: this.$login.f.name
+      }
+      new HttpResetClass().load('post', 'af-telephone/rs/sql/operatorService', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then(res => {
+        if (res.data && res.data.length > 0) {
+          this.$showMessage("您有" + res.data.length + "条工单待处理，请及时处理")
+        }
+      })
+    }, messageTime * 1000)
+    this.selfSearch().then(() => {
+      this.$emit('ready')
+    }).catch((error) => {
+      this.$emit('error', error)
+    })
+    // 开启轮询查询是否由自己的工单
+    // this.pollQuery()
+  },
+  watch: {
+    'serviceId'() {
+      this.selfSearch()
+    },
+    // 待办/已办选择变化后，根据选择内容，重新设置path查询路径，进行查询
+    'picked'() {
+      this.serlist = []
+      if (this.picked) {
+        if (this.picked === 'wait') {
+          this.model.url = 'af-telephone/rs/sql/operatorService'
+        } else if (this.picked === 'done') {
+          this.model.url = 'af-telephone/rs/sql/doneService'
+        }
+        this.model.rows = []
+        this.selfSearch()
+      }
+    }
+  },
+  methods: {
+    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
+    },
+    // 结案确认
+    caseok() {
+      this.selectone.f_caseremarks = this.f_caseremarks
+      let data = {
+        model: this.selectone,
+        loginUser: {name: this.$login.f.name, ename: this.$login.f.ename},
+        f_caseremarks: this.f_caseremarks
+      }
+      this.$resetpost(`af-telephone/rs/logic/serviceCase`, data).then(() => {
+        this.f_caseremarks = ''
+        // 刷新界面
+        this.selfSearch()
+      })
+    },
+    // 结案返回
+    caseclose() {
+      this.f_caseremarks = ''
+      this.editflag = null
+    },
+    repairSendAll() {
+      //tag
+      if (!this.$refs.paged.$refs.criteria.model.f_workorder_type) {
+        this.$showMessage('必须选择工单类型后查询')
+        return
+      }
+      this.selectone = {
+        f_workorder_type: this.$refs.paged.$refs.criteria.model.f_workorder_type
+      }
+
+      if (this.checkAll) {
+        //如果全选，根据条件去查询数据
+        let data = {
+          condition: this.model.params.condition,
+          userid: this.$login.f.name
+        }
+        new HttpResetClass().load('post', 'af-telephone/rs/sql/operatorService', {data: data}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then(res => {
+          const results = res.data
+          this.rowlist = results.filter(result => {
+            //tag)
+            console.log("999", result, JSON.stringify(result).indexOf('站点接单') != -1)
+            return JSON.stringify(result).indexOf('站点接单') != -1
+          })
+          console.log(this.rowlist)
+          //tag
+          this.serlist = JSON.parse(JSON.stringify(this.rowlist))
+          this.editflag = '工单下发'
+        })
+
+      } else {
+        if (this.rowlist.length === 0) {
+          this.$showMessage('请选择工单')
+          return
+        }
+        //不全选，去取数据
+        this.serlist = JSON.parse(JSON.stringify(this.rowlist))
+        console.log("752752", this.rowlist)
+        this.editflag = '工单下发'
+      }
+    },
+    isChecked(v) {
+      // 如果全选，不在的按选中算，否则，在的按选中算
+      if (this.checkAll) {
+        return true
+      } else {
+        return this.rowlist.includes(v)
+      }
+    },
+
+    setCheckes(row) {
+      if (!this.checkAll) {
+        let index = this.checkes.indexOf(row.id)
+        if (index < 0) {
+          this.checkes.push(row.id)
+          this.rowlist.push(row)
+        } else {
+          this.checkes.splice(index, 1)
+          this.rowlist.splice(this.rowlist.findIndex(res => {
+            return res.id === row.id
+          }), 1)
+        }
+      }
+    },
+    hidden() {
+      this.criteriaShow = !this.criteriaShow
+    },
+    // 提交投诉单内容
+    inputCompainInfo() {
+      if (this.f_complaint_results != '') {
+        this.showModalComplan.serviceacitivity[0].f_complaint_results = this.f_complaint_results
+        this.$resetpost('af-telephone/rs/logic/saveComplaintResult', {
+          showModalComplan: this.showModalComplan,
+          loginUser: {name: this.$login.f.name, ename: this.$login.f.ename, loginid: this.$login.f.id}
+        }).then((res) => {
+          this.isComplanReview = false
+          this.showModalComplan = {}
+          this.$refs.paged.$refs.criteria.search()
+        })
+      } else {
+        //tag
+        return this.$showAlert('请填写投诉单结果！', 'warning', 2000)
+      }
+
+    },
+    //提交咨询单内容
+    inputSeekWorkInfo() {
+      if (this.f_complaint_seekwork_results != '') {
+        this.showModalSeekWork.serviceacitivity[0].f_complaint_results = this.f_complaint_seekwork_results
+        this.$resetpost('af-telephone/rs/logic/saveConsultResult', {
+          model: this.showModalSeekWork,
+          loginUser: {name: this.$login.f.name, ename: this.$login.f.ename, loginid: this.$login.f.id}
+        }).then((res) => {
+          this.isSeekWork = false
+          this.showModalSeekWork = {}
+          this.f_complaint_seekwork_results = ''
+          this.$refs.paged.$refs.criteria.search()
+        })
+      } else {
+        //tag
+        return this.$showAlert('请填写咨询单结果！', 'warning', 2000)
+      }
+    },
+    imgclose() {
+      this.imgshow = false
+    },
+    //检查是否为同一类型
+    addInList(val) {
+      if (!this.checkInList(val)) {
+        this.serlist.push(val)
+        //tag
+      } else {
+        var copyserlist = []
+        for (var index in this.serlist) {
+          if (this.serlist[index].f_service_id != val.f_service_id) {
+            copyserlist.push(this.serlist[index])
+          }
+        }
+        this.serlist = copyserlist
+        //tag
+      }
+    },
+    checkInList(val) {
+      var checkstr = false
+      this.serlist.forEach((item) => {
+        if (item.f_service_id == val.f_service_id) {
+          checkstr = true
+        }
+      })
+      return checkstr
+    },
+    isInList(val) {
+      var checkstr = false
+      this.serlist.forEach((item) => {
+        if (item.f_service_id == val.f_service_id) {
+          checkstr = true
+        }
+      })
+      return checkstr
+    },
+    proc(selectone, type) {
+      this.editflag = type
+      this.selectone = selectone
+    },
+    complanReview(itemVal, type) {
+      //tag
+      this.showModalComplan = itemVal
+      this.showModalComplan.serviceacitivity = [
+        {f_service_acitivity_type: '投诉单', f_result_status: '已完成'}]
+      this.showModalComplan.id_back = this.showModalComplan.id
+      this.isComplanReview = true
+    },
+    seekworkReview(itemVal, type) {
+      //tag
+      this.showModalSeekWork = itemVal
+      this.showModalSeekWork.serviceacitivity = [
+        {f_service_acitivity_type: '投诉单', f_result_status: '已完成'}]
+      this.showModalSeekWork.id_back = this.showModalSeekWork.id
+      this.isSeekWork = true
+    },
+    showpicture(val) {
+      //tag
+      //tag)
+      this.imgshow = true
+      this.imgfilename = val.f_single_path
+      this.imgfilename1 = val.f_singlea_path
+      this.imgfilename2 = val.f_singleb_path
+    },
+    search(args) {
+      this.serlist = []
+      this.checkes = []
+      //tag
+      let data = {}
+      data.condition = this.$refs.paged.$refs.criteria.condition ? this.$refs.paged.$refs.criteria.condition : '1=1'
+      data.sign = this.$refs.paged.$refs.criteria.select ? `defname = '${this.$refs.paged.$refs.criteria.select.defname[0]}'` : '1=1'
+      data.condition += ` and tswo.f_filiale_id = '${this.$login.f.orgid}'`
+      this.searchData.condition = data
+      this.searchData = Object.assign(this.searchData, args.model)
+      return this.model.search(data, args.model)
+    },
+    clearAllCheckboxes() {
+      const checkboxes = document.querySelectorAll('.rowCheckbox');
+      checkboxes.forEach(checkbox => {
+        checkbox.checked = false;
+      });
+    },
+    selfSearch() {
+      this.clearAllCheckboxes()
+      // 取消编辑状态
+      this.serlist = []
+      this.rowlist = []
+      this.checkes = []
+      this.editflag = null
+
+      this.model.paramSource = {
+        userid: '\'' + this.$login.f.name + '\''
+      }
+      //tag
+      let data = {}
+      data.condition = ` 1 = 1 and tswo.f_filiale_id = '${this.$login.f.orgid}'`
+      data.sign = '1=1'
+      return this.model.search(data)
+    },
+  },
+  computed: {
+    serviceorders() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('工单类型')]
+    },
+    repairstypes() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('报修全部类型')]
+    },
+    defname() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('工单状态')]
+    }
+
+  }
+}
+</script>
+<style scoped lang="less">
+.workOrderInfo {
+  .row {
+    div {
+      margin-top: 10px;
+
+      [readonly] {
+        background-color: #eeeeee;
+      }
+    }
+  }
+}
+</style>
+