telephone-clients 3.0.103-6 → 3.0.103-7

package/src/filiale/zhongsheng/pc/WorkList.vue

@@ -1,805 +1,805 @@
-<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="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_id" placeholder='用户编号'
-                     condition="f_userinfo_id like '%{}%'"
-                     :size="model.f_userinfo_id ? model.f_userinfo_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_user_name" placeholder='用户姓名'
-                     condition="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="rs/logic/telephoneExport" path-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="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="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="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="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="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="f_workorder_type like '%{}%'"
-                        close-on-select>
-              </v-select>
-            </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>
-      </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></th>-->
-            <!--<th>-->
-            <!--预约时间-->
-            <!--</th>-->
-            <th><nobr><input type="checkbox" v-model="$parent.$parent.$parent.checkAll"/> 全选</nobr></th>
-
-            <th>
-              工单类型
-            </th>
-            <!--<th>-->
-            <!--报修类型-->
-            <!--</th>-->
-            <th>
-              工单编号
-            </th>
-            <th>
-              派单时间
-            </th>
-            <th>
-              用户信息
-            </th>
-            <th>
-              燃气具
-            </th>
-            <th>
-              热水器
-            </th>
-            <th>
-              壁挂炉
-            </th>
-            <th>
-              资料
-            </th>
-            <th>
-              工单状态
-            </th>
-            <th>
-              操作
-            </th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <!--<td > <input type="checkbox" v-show="row.f_service_id.length>0"-->
-          <!--:checked="$parent.$parent.$parent.isInList(row)"-->
-          <!--@click=$parent.$parent.$parent.addInList(row)></td>-->
-          <!--<td>{{row.f_repair_date}}</td>-->
-          <td style="text-align: center;white-space:nowrap;"><input type="checkbox" v-if="row.processins.activities[0].defname === '站点接单'" onClick="event.cancelBubble = true" :checked="$parent.$parent.$parent.isChecked(row.id)"  @change="$parent.$parent.$parent.setCheckes(row)" /></td>
-
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.f_workorder_type }}<span style="color: red" v-if="row.f_remindersign==='true'">(催单)</span></td>
-          <!--<td>{{row.f_repairtype}}</td>-->
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.f_service_id }}
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.f_created_date }}
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.f_user_name }}&nbsp;&nbsp;&nbsp;{{ row.f_address }}&nbsp;&nbsp;&nbsp;{{ row.f_contact_name }}
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.f_gasstoves }}
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.f_waterheater }}
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.f_wallhangingfurnace }}
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.f_submitdata }}
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
-            {{ row.processins.activities[0].defname }}
-          </td>
-          <td
-            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''"
-            style="text-align: center;">
-            <div
-              v-show="row.processins.activities[0].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.proc(row, '派单')">派单
-              </button>
-              <button type="button" name="button" class="button_spacing button_search-2"
-                      @click.stop="$parent.$parent.$parent.post(row, 'serviceDelete')">撤销
-              </button>
-            </div>
-            <div
-              v-show="row.processins.activities[0].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>
-              <div
-                v-show="row.processins.activities[0].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.showsubmits(row)">修改
-                </button>
-              </div>
-              <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.processins.activities[0].defname === '延期审批' && row.f_workorder_type != '投诉单'">
-              <button type="button" name="button" class="button_spacing button_search-2"
-                      @click.stop="$parent.$parent.$parent.proc(row, '延期审批')">
-                延期审批
-              </button>
-            </div>
-
-            <div
-              v-show="row.processins.activities[0].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.processins.activities[0].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>
-
-            <div v-show="$parent.$parent.$parent.canRecall(row)">
-              <button type="button" name="button" class="button_spacing button_search-2"
-                      @click.stop="$parent.$parent.$parent.post(row, 'TelWorkeCancle')">撤回
-              </button>
-            </div>
-          </td>
-        </template>
-      </data-grid>
-    </criteria-paged>
-
-
-    <div v-if="false" class="form-inline">
-      <group-resend :row="selectone" @cancel="editflag = null" @resend-success="selfSearch()"></group-resend>
-    </div>
-    <div v-if="false" class="form-inline">
-      <site-back :row="selectone" @success="selfSearch()" @cancel='editflag = null'></site-back>
-    </div>
-    <div v-if="false">
-      <site-send :row="selectone" :rowlist="serlist" @success="selfSearch()" @cancel="editflag = null"></site-send>
-    </div>
-    <div v-if="editflag==='延期审批'" class="form-inline">
-      <delay-reply :row="selectone" @success="selfSearch()" @cancel="editflag = null"></delay-reply>
-    </div>
-  </div>
-  <!--资料修改  -->
-  <modal :show.sync=showsubmit v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      <h4 class="modal-title">资料修改</h4>
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="from-group">
-        <div class="col-sm-6 form-group form-fix-width">
-          <label class=" font_normal_body" style="width: 30%">提交资料</label>
-          <v-select :value.sync="f_submitdata" :value-single="true"
-                    :options='submitdata' placeholder='请选择是否提交资料'
-                    close-on-select style="width: 60%"
-                    v-ref:name></v-select>
-          <textarea placeholder="备注" v-show="false"></textarea>
-        </div>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button v-show="true" type="button" class="btn btn-default" @click='closeedit'>取消</button>
-      <button v-show="true" type="button" class="btn btn-success" v-on:click='savesumbit'>修改</button>
-    </footer>
-  </modal>
-  <modal :show.sync="editflag==='工单打回'||editflag==='工单下发'||editflag==='派单'" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      {{ editflag === '工单打回' ? '工单打回' : 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>
-      <div v-if="editflag==='派单'">
-        <group-resend :row="selectone" @cancel="editflag = null" @resend-success="selfSearch()"></group-resend>
-      </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="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 :src="imgfilename" 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="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'
-import DelayReply from '../../../components/pc/DelayReply'
-import * as Util from '../../../components/Util'
-
-export default {
-  title: '工单列表',
-  data () {
-    return {
-      criteriaShow: false,
-      f_complaint_results: '',
-      serlist: [],
-      checkes:[],
-      itemRowData:null,
-      editflag: null,
-      selectone: '',
-      serviceorders:[{label: '全部', value: ''},{label: '咨询单', value: '咨询单'},{label: '投诉单', value: '投诉单'},{label: '报修单', value: '报修单'},{label: '通气点火', value: '置换通气'}],
-      model: new PagedList('rs/path/operatorService', 20),
-      row: null,
-      submitdata:[{label:'是',value:'是'},{label:'否',value:'否'}],
-      f_submitdata:[],
-      orderMan: '',
-      checkAll:false,
-      showsubmit:false, //资料修改弹框
-      msgs: [],
-      // repairstypes : [{label: '全部', value: ''}, ...this.$appdata.getParam('报修全部类型')],
-      service: Object,
-      pendingCount: 0,
-      imgfilename: '',
-      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': '联系人'
-      },
-      //投诉单在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()
-    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 = 'rs/path/operatorService'
-        } else if (this.picked === 'done') {
-          this.model.url = 'rs/path/doneService'
-        }
-        this.model.rows = []
-        this.selfSearch()
-      }
-    }
-  },
-  methods: {
-    //修改资料提交
-    savesumbit(val){
-      //tag)
-      // //tag
-      if (!this.f_submitdata) {
-        this.$showMessage('请选择资料是否修改！！！')
-      }
-      let rowdate ={
-        rowda:this.itemRowData,
-        datasum:this.f_submitdata
-      }
-      //tag)
-      this.$resetpost('rs/logic/ModifySubmitteddata', rowdate,{resolveMsg: '修改成功！！！', rejectMsg: '修改失败~~~'}).then((res) => {
-        this.$refs.paged.$refs.criteria.search()
-        this.showsubmit=false
-      })
-    },
-    closeedit () {
-      this.showsubmit = false
-    },
-    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','rs/path/operatorService',{data:data}).then(res=>{
-          const results=res.data
-          this.rowlist=results.filter(result=>{
-            //tag)
-            return JSON.stringify(result).indexOf('站点接单')!=-1
-          })
-          //tag
-          this.editflag ='工单下发'
-        })
-
-      }else{
-        if (this.rowlist.length===0){
-          this.$showMessage('请选择工单')
-          return
-        }
-        //不全选，去取数据
-        this.serlist=JSON.parse(JSON.stringify(this.rowlist))
-        this.editflag ='工单下发'
-      }
-    },
-    isChecked(v) {
-      // 如果全选，不在的按选中算，否则，在的按选中算
-      if (this.checkAll) {
-        return this.checkes.indexOf(v) == -1
-      } else {
-        return this.checkes.indexOf(v) != -1
-      }
-    },
-
-    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('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('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
-    },
-    //资料修改
-    showsubmits (val) {
-      //tag
-      //tag)
-      this.itemRowData = val
-      this.showsubmit = true
-    },
-    showpicture (val) {
-      //tag
-      //tag)
-      this.imgshow = true
-      this.imgfilename = 'rs/image/file/' + val.f_single_path
-    },
-    search (args) {
-      this.serlist = []
-      //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'
-      this.searchData.condition = data
-      this.searchData = Object.assign(this.searchData, args.model)
-      return this.model.search(data, args.model)
-    },
-    selfSearch () {
-      // 取消编辑状态
-      this.serlist = []
-      this.editflag = null
-
-      this.model.paramSource = {
-        userid: '\'' + this.$login.f.name + '\''
-      }
-      //tag
-      let data = {}
-      data.condition = '1=1'
-      data.sign = '1=1'
-      return this.model.search(data)
-    },
-    // 发送数据给业务逻辑，并刷新界面
-    post (row, logic) {
-      // 调取工单撤回操作
-      let data = {model: row, loginUser: {name: this.$login.f.name, ename: this.$login.f.ename}}
-      let msg=logic=='TelWorkeCancle'?'确认撤销工单编号为':logic == 'serviceDelete' ? '确认撤销工单编号为':''
-      this.$showMessage(msg + row.f_service_id + '的工单', ['confirm', 'cancel']).then((res) => {
-        if (res === 'confirm') {
-          this.$resetpost(`rs/logic/${logic}`, data).then(() => {
-            // 刷新界面
-            this.selfSearch()
-          })
-        }
-      })
-    },
-    // 是否可以撤回
-    canRecall (row) {
-      let result =
-        this.picked === 'done' &&
-        row.processins.activities[0].sender === this.$login.f.name&&row.processins.activities[0].defname!='维修完成'&&row.processins.activities[0].defname!='置换完成'
-      return result
-    }
-  },
-  computed: {
-    repairstypes () {
-      return [{label: '全部', value: ''}, ...this.$appdata.getParam('报修全部类型')]
-    },
-    defname () {
-      return [{label: '全部', value: ''}, ...this.$appdata.getParam('工单状态')]
-    }
-
-  },
-  components: {
-    'delay-reply': DelayReply
-  }
-}
-</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="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_id" placeholder='用户编号'
+                     condition="f_userinfo_id like '%{}%'"
+                     :size="model.f_userinfo_id ? model.f_userinfo_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_user_name" placeholder='用户姓名'
+                     condition="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="rs/logic/telephoneExport" path-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="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="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="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="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="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="f_workorder_type like '%{}%'"
+                        close-on-select>
+              </v-select>
+            </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>
+      </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></th>-->
+            <!--<th>-->
+            <!--预约时间-->
+            <!--</th>-->
+            <th><nobr><input type="checkbox" v-model="$parent.$parent.$parent.checkAll"/> 全选</nobr></th>
+
+            <th>
+              工单类型
+            </th>
+            <!--<th>-->
+            <!--报修类型-->
+            <!--</th>-->
+            <th>
+              工单编号
+            </th>
+            <th>
+              派单时间
+            </th>
+            <th>
+              用户信息
+            </th>
+            <th>
+              燃气具
+            </th>
+            <th>
+              热水器
+            </th>
+            <th>
+              壁挂炉
+            </th>
+            <th>
+              资料
+            </th>
+            <th>
+              工单状态
+            </th>
+            <th>
+              操作
+            </th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <!--<td > <input type="checkbox" v-show="row.f_service_id.length>0"-->
+          <!--:checked="$parent.$parent.$parent.isInList(row)"-->
+          <!--@click=$parent.$parent.$parent.addInList(row)></td>-->
+          <!--<td>{{row.f_repair_date}}</td>-->
+          <td style="text-align: center;white-space:nowrap;"><input type="checkbox" v-if="row.processins.activities[0].defname === '站点接单'" onClick="event.cancelBubble = true" :checked="$parent.$parent.$parent.isChecked(row.id)"  @change="$parent.$parent.$parent.setCheckes(row)" /></td>
+
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.f_workorder_type }}<span style="color: red" v-if="row.f_remindersign==='true'">(催单)</span></td>
+          <!--<td>{{row.f_repairtype}}</td>-->
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.f_service_id }}
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.f_created_date }}
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.f_user_name }}&nbsp;&nbsp;&nbsp;{{ row.f_address }}&nbsp;&nbsp;&nbsp;{{ row.f_contact_name }}
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.f_gasstoves }}
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.f_waterheater }}
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.f_wallhangingfurnace }}
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.f_submitdata }}
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''">
+            {{ row.processins.activities[0].defname }}
+          </td>
+          <td
+            :style="Math.floor((new Date().getTime() - new Date(row.f_created_date).getTime())/1000/60/60)>3&&row.processins.activities[0].defname=='站点接单'?'background-color: #f1eecb':''"
+            style="text-align: center;">
+            <div
+              v-show="row.processins.activities[0].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.proc(row, '派单')">派单
+              </button>
+              <button type="button" name="button" class="button_spacing button_search-2"
+                      @click.stop="$parent.$parent.$parent.post(row, 'serviceDelete')">撤销
+              </button>
+            </div>
+            <div
+              v-show="row.processins.activities[0].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>
+              <div
+                v-show="row.processins.activities[0].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.showsubmits(row)">修改
+                </button>
+              </div>
+              <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.processins.activities[0].defname === '延期审批' && row.f_workorder_type != '投诉单'">
+              <button type="button" name="button" class="button_spacing button_search-2"
+                      @click.stop="$parent.$parent.$parent.proc(row, '延期审批')">
+                延期审批
+              </button>
+            </div>
+
+            <div
+              v-show="row.processins.activities[0].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.processins.activities[0].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>
+
+            <div v-show="$parent.$parent.$parent.canRecall(row)">
+              <button type="button" name="button" class="button_spacing button_search-2"
+                      @click.stop="$parent.$parent.$parent.post(row, 'TelWorkeCancle')">撤回
+              </button>
+            </div>
+          </td>
+        </template>
+      </data-grid>
+    </criteria-paged>
+
+
+    <div v-if="false" class="form-inline">
+      <group-resend :row="selectone" @cancel="editflag = null" @resend-success="selfSearch()"></group-resend>
+    </div>
+    <div v-if="false" class="form-inline">
+      <site-back :row="selectone" @success="selfSearch()" @cancel='editflag = null'></site-back>
+    </div>
+    <div v-if="false">
+      <site-send :row="selectone" :rowlist="serlist" @success="selfSearch()" @cancel="editflag = null"></site-send>
+    </div>
+    <div v-if="editflag==='延期审批'" class="form-inline">
+      <delay-reply :row="selectone" @success="selfSearch()" @cancel="editflag = null"></delay-reply>
+    </div>
+  </div>
+  <!--资料修改  -->
+  <modal :show.sync=showsubmit v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <h4 class="modal-title">资料修改</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="from-group">
+        <div class="col-sm-6 form-group form-fix-width">
+          <label class=" font_normal_body" style="width: 30%">提交资料</label>
+          <v-select :value.sync="f_submitdata" :value-single="true"
+                    :options='submitdata' placeholder='请选择是否提交资料'
+                    close-on-select style="width: 60%"
+                    v-ref:name></v-select>
+          <textarea placeholder="备注" v-show="false"></textarea>
+        </div>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button v-show="true" type="button" class="btn btn-default" @click='closeedit'>取消</button>
+      <button v-show="true" type="button" class="btn btn-success" v-on:click='savesumbit'>修改</button>
+    </footer>
+  </modal>
+  <modal :show.sync="editflag==='工单打回'||editflag==='工单下发'||editflag==='派单'" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      {{ editflag === '工单打回' ? '工单打回' : 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>
+      <div v-if="editflag==='派单'">
+        <group-resend :row="selectone" @cancel="editflag = null" @resend-success="selfSearch()"></group-resend>
+      </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="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 :src="imgfilename" 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="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'
+import DelayReply from '../../../components/pc/DelayReply'
+import * as Util from '../../../components/Util'
+
+export default {
+  title: '工单列表',
+  data () {
+    return {
+      criteriaShow: false,
+      f_complaint_results: '',
+      serlist: [],
+      checkes:[],
+      itemRowData:null,
+      editflag: null,
+      selectone: '',
+      serviceorders:[{label: '全部', value: ''},{label: '咨询单', value: '咨询单'},{label: '投诉单', value: '投诉单'},{label: '报修单', value: '报修单'},{label: '通气点火', value: '置换通气'}],
+      model: new PagedList('rs/path/operatorService', 20),
+      row: null,
+      submitdata:[{label:'是',value:'是'},{label:'否',value:'否'}],
+      f_submitdata:[],
+      orderMan: '',
+      checkAll:false,
+      showsubmit:false, //资料修改弹框
+      msgs: [],
+      // repairstypes : [{label: '全部', value: ''}, ...this.$appdata.getParam('报修全部类型')],
+      service: Object,
+      pendingCount: 0,
+      imgfilename: '',
+      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': '联系人'
+      },
+      //投诉单在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()
+    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 = 'rs/path/operatorService'
+        } else if (this.picked === 'done') {
+          this.model.url = 'rs/path/doneService'
+        }
+        this.model.rows = []
+        this.selfSearch()
+      }
+    }
+  },
+  methods: {
+    //修改资料提交
+    savesumbit(val){
+      //tag)
+      // //tag
+      if (!this.f_submitdata) {
+        this.$showMessage('请选择资料是否修改！！！')
+      }
+      let rowdate ={
+        rowda:this.itemRowData,
+        datasum:this.f_submitdata
+      }
+      //tag)
+      this.$resetpost('rs/logic/ModifySubmitteddata', rowdate,{resolveMsg: '修改成功！！！', rejectMsg: '修改失败~~~'}).then((res) => {
+        this.$refs.paged.$refs.criteria.search()
+        this.showsubmit=false
+      })
+    },
+    closeedit () {
+      this.showsubmit = false
+    },
+    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','rs/path/operatorService',{data:data}).then(res=>{
+          const results=res.data
+          this.rowlist=results.filter(result=>{
+            //tag)
+            return JSON.stringify(result).indexOf('站点接单')!=-1
+          })
+          //tag
+          this.editflag ='工单下发'
+        })
+
+      }else{
+        if (this.rowlist.length===0){
+          this.$showMessage('请选择工单')
+          return
+        }
+        //不全选，去取数据
+        this.serlist=JSON.parse(JSON.stringify(this.rowlist))
+        this.editflag ='工单下发'
+      }
+    },
+    isChecked(v) {
+      // 如果全选，不在的按选中算，否则，在的按选中算
+      if (this.checkAll) {
+        return this.checkes.indexOf(v) == -1
+      } else {
+        return this.checkes.indexOf(v) != -1
+      }
+    },
+
+    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('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('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
+    },
+    //资料修改
+    showsubmits (val) {
+      //tag
+      //tag)
+      this.itemRowData = val
+      this.showsubmit = true
+    },
+    showpicture (val) {
+      //tag
+      //tag)
+      this.imgshow = true
+      this.imgfilename = 'rs/image/file/' + val.f_single_path
+    },
+    search (args) {
+      this.serlist = []
+      //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'
+      this.searchData.condition = data
+      this.searchData = Object.assign(this.searchData, args.model)
+      return this.model.search(data, args.model)
+    },
+    selfSearch () {
+      // 取消编辑状态
+      this.serlist = []
+      this.editflag = null
+
+      this.model.paramSource = {
+        userid: '\'' + this.$login.f.name + '\''
+      }
+      //tag
+      let data = {}
+      data.condition = '1=1'
+      data.sign = '1=1'
+      return this.model.search(data)
+    },
+    // 发送数据给业务逻辑，并刷新界面
+    post (row, logic) {
+      // 调取工单撤回操作
+      let data = {model: row, loginUser: {name: this.$login.f.name, ename: this.$login.f.ename}}
+      let msg=logic=='TelWorkeCancle'?'确认撤销工单编号为':logic == 'serviceDelete' ? '确认撤销工单编号为':''
+      this.$showMessage(msg + row.f_service_id + '的工单', ['confirm', 'cancel']).then((res) => {
+        if (res === 'confirm') {
+          this.$resetpost(`rs/logic/${logic}`, data).then(() => {
+            // 刷新界面
+            this.selfSearch()
+          })
+        }
+      })
+    },
+    // 是否可以撤回
+    canRecall (row) {
+      let result =
+        this.picked === 'done' &&
+        row.processins.activities[0].sender === this.$login.f.name&&row.processins.activities[0].defname!='维修完成'&&row.processins.activities[0].defname!='置换完成'
+      return result
+    }
+  },
+  computed: {
+    repairstypes () {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('报修全部类型')]
+    },
+    defname () {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('工单状态')]
+    }
+
+  },
+  components: {
+    'delay-reply': DelayReply
+  }
+}
+</script>
+<style scoped lang="less">
+.workOrderInfo{
+  .row {
+    div {
+      margin-top: 10px;
+      [readonly] {
+        background-color:#eeeeee;
+      }
+    }
+  }
+}
+</style>
+