apply-clients 3.5.6-21 → 3.5.6-22

package/src/filiale/qianneng/pc/Applybatchdispatch.vue

@@ -1,786 +1,786 @@
-<template>
-  <div class="flex-row">
-    <div style="height: 95%" class="basic-main" >
-      <criteria-paged :model="model" v-ref:cp>
-        <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
-          <div class="form-horizontal select-overspread container-fluid auto" partial>
-            <div class="row">
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">办理环节：</label>
-                <v-select
-                  v-model="model.defname"
-                  placeholder='办理环节'
-                  condition="defname = '{}'"
-                  :value.sync="model.defname"
-                  :options='$parent.$parent.defnames'
-                  class="select select_list"
-                  :value-single="true"
-                  close-on-select ></v-select>
-              </div>
-              <div class="form-group col-sm-3">
-                <label  for="startDate" class="font_normal_body">开始时间：</label>
-                <datepicker id="startDate" placeholder="开始日期"
-                            style="width: 60%!important;"
-                            v-model="model.startDate"
-                            :value.sync="model.startDate"
-                            :format="'yyyy-MM-dd 00:00:00'"
-                            :show-reset-button="true"
-                            condition="f_apply_date >= '{}'">
-                </datepicker>
-              </div>
-              <div class="form-group col-sm-3">
-                <label for="endDate" class="font_normal_body">结束时间：</label>
-                <datepicker id="endDate" placeholder="结束日期"
-                            style="width: 60%!important;"
-                            v-model="model.endDate"
-                            :value.sync="model.endDate"
-                            :format="'yyyy-MM-dd 23:59:59'"
-                            :show-reset-button="true"
-                            condition="f_apply_date <= '{}'">
-                </datepicker>
-              </div>
-              <div class="form-group col-sm-3 button-range">
-                <export-excel :data="$parent.$parent.getCondition"
-                              :field="$parent.$parent.getfield"
-                              sqlurl="rs/logic/applyExportfile"
-                              sql-name="checkuser"
-                              template-name='批量业务信息导出'
-                              :choose-col="true"></export-excel>
-                <button v-if="model.defname =='工程接单'" class="button_export button_spacing" @click="$parent.$parent.batchdispatch('打印')">批量打印</button>
-                <button v-if="model.defname !='工程派工' && model.defname !='验收派工'" class="button_export button_spacing" @click="$parent.$parent.batchdispatch('提交')">批量接单</button>
-                <button v-if="model.defname =='工程派工' || model.defname =='验收派工'" class="button_export button_spacing" @click="$parent.$parent.showModal = !$parent.$parent.showModal">批量下派</button>
-                <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
-                <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
-                <div style="float: right;" class="button_spacing button_search"
-                     :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="form-group col-sm-3">
-                <label class="font_normal_body">组织机构：</label>
-                <res-select
-                  restype='organization'
-                  :initresid='$parent.$parent.curorgid'
-                  @res-select="$parent.$parent.getorg"
-                  is-mul="false"
-                ></res-select>
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">工程编号：</label>
-                <input type="text" style="width:60%" class="input_search" placeholder='工程编号' v-model="model.f_apply_num"
-                       v-on:keyup.enter="$parent.$parent.search()"
-                       condition="f_apply_num like '%{}%'">
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">客户名称：</label>
-                <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name"
-                       v-on:keyup.enter="$parent.$parent.search()" condition="f_user_name like '%{}%'" placeholder='客户名称'>
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">用户地址：</label>
-                <input type="text" style="width:60%" class="input_search" placeholder='用户地址' v-model="model.f_address"
-                       v-on:keyup.enter="$parent.$parent.search()"
-                       condition="f_address like '%{}%'">
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">用户编号：</label>
-                <input type="text" style="width:60%" class="input_search" placeholder='用户编号' v-model="model.f_userinfo_code"
-                       v-on:keyup.enter="$parent.$parent.search()"
-                       condition="u.f_userinfo_code like '%{}%'">
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">客户电话：</label>
-                <input type="text" style="width:60%" class="input_search" placeholder='客户电话' v-model="model.f_phone"
-                       v-on:keyup.enter="$parent.$parent.search()"
-                       condition="u.f_phone like '%{}%'">
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">入户证号：</label>
-                <input type="text" style="width:60%" class="input_search" placeholder='入户证号' v-model="model.f_entry_number"
-                       v-on:keyup.enter="$parent.$parent.search()"
-                       condition="u.f_entry_number like '%{}%'">
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">客户类型：</label>
-                <v-select
-                  v-model="model.f_user_type"
-                  placeholder='客户类型'
-                  condition="f_user_type = '{}'"
-                  :value.sync="model.f_user_type"
-                  :options='$parent.$parent.usertype'
-                  class="select select_list"
-                  :value-single="true"
-                  close-on-select ></v-select>
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">行业：</label>
-                <input type="text" style="width:60%" class="input_search" v-model="model.f_industry"
-                       v-on:keyup.enter="$parent.$parent.search()" condition="f_industry like '%{}%'" placeholder='行业'>
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">施工人：</label>
-                <input type="text" style="width:60%" class="input_search" v-model="model.f_budget_people"
-                       v-on:keyup.enter="$parent.$parent.search()" condition="f_budget_people like '%{}%'" placeholder='施工人'>
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">用气性质：</label>
-                <v-select
-                  v-model="model.f_gas_nature"
-                  placeholder='用气性质'
-                  condition="f_gas_nature = '{}'"
-                  :value.sync="model.f_gas_nature"
-                  :options='$parent.$parent.gasNatures'
-                  class="select select_list"
-                  :value-single="true"
-                  close-on-select ></v-select>
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">备注：</label>
-                <input type="text" style="width:60%" class="input_search" v-model="model.f_apply_remarks"
-                       condition="f_apply_remarks like '%{}%'" placeholder='备注'>
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">报建类型：</label>
-                <v-select
-                  v-model="model.f_apply_type"
-                  placeholder='报建类型'
-                  condition="f_apply_type = '{}'"
-                  :value.sync="model.f_apply_type"
-                  :options='$parent.$parent.applytype'
-                  class="select select_list"
-                  :value-single="true"
-                  close-on-select ></v-select>
-              </div>
-              <div class="form-group col-sm-3">
-                <label class="font_normal_body">报建性质：</label>
-                <v-select
-                  v-model="model.f_apply_nature"
-                  placeholder='报建性质'
-                  condition="f_apply_nature = '{}'"
-                  :value.sync="model.f_apply_nature"
-                  :options='$parent.$parent.applyNatures'
-                  class="select select_list"
-                  :value-single="true"
-                  close-on-select ></v-select>
-              </div>
-            </div>
-          </div>
-        </criteria>
-        <data-grid :model="model" optional partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
-          <template partial='head'>
-            <tr class="title">
-              <th style="white-space: nowrap;">序号</th>
-              <th style="white-space: nowrap;">工程编号</th>
-              <th style="white-space: nowrap;">客户编号</th>
-              <th style="white-space: nowrap;">客户名称</th>
-              <th style="white-space: nowrap;">地址</th>
-              <th style="white-space: nowrap;">电话</th>
-              <th style="white-space: nowrap;">入户证号</th>
-              <th style="white-space: nowrap;">来源</th>
-              <th style="white-space: nowrap;">报建类型</th>
-              <th style="white-space: nowrap;">报建性质</th>
-              <th style="white-space: nowrap;">办理环节</th>
-              <th style="white-space: nowrap;">施工人</th>
-              <th style="white-space: nowrap;">流程状态</th>
-              <th style="white-space: nowrap;">报建日期</th>
-              <th style="white-space: nowrap;">备注</th>
-            </tr>
-          </template>
-          <template partial='body'>
-            <tr>
-              <td style="text-align: center;">
-                <nobr>{{$index+1}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_apply_num}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_userinfo_code}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_user_name}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_address}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_phone}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_entry_number}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_apply_source}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_apply_type}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_apply_nature}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.defname}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_budget_people}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_sub_state}}</nobr>
-              </td>
-              <td style="text-align: center;">
-                <nobr>{{row.f_apply_date}}</nobr>
-              </td>
-              <td  style="text-align: center;">
-                <nobr>{{row.f_apply_remarks}}</nobr>
-              </td>
-            </tr>
-          </template>
-        </data-grid>
-      </criteria-paged>
-      <!--下发人-->
-      <modal  :show.sync="showModal"  :large="true" :backdrop="false" title="打印预览">
-        <header slot="modal-header" class="modal-header">
-          <button type="button" class="close" @click="closePrint"><span>&times;</span></button>
-        </header>
-        <article slot="modal-body" class="modal-body clearfix">
-          <div class="form-group" style="margin: 10px auto">
-            <label class="col-sm-3 control-label">下发人:</label>
-            <div class="col-sm-9">
-              <v-select
-                v-model="f_issue_man"
-                placeholder='请选择需要下派的人员'
-                :value.sync="f_issue_man"
-                :options='f_issue_mans'
-                :value-single="true"
-                class="select select_list"
-                :search="false"
-                close-on-select ></v-select>
-            </div>
-          </div>
-        </article>
-        <footer slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-primary" @click="closeProgress">取消</button>
-          <button type="button" class="btn btn-primary" @click="batchdispatch('提交')">确认</button>
-        </footer>
-      </modal>
-      <!--批量下发-->
-      <modal :show.sync="showProgress" v-ref:progress :backdrop="false">
-        <header slot="modal-header" class="modal-header">
-          <button type="button" class="close" @click="closeProgress"><span>&times;</span></button>
-          <h4 class="modal-title">正在批量操作中,请耐心等待...</h4>
-        </header>
-        <article slot="modal-body" class="modal-body">
-          <div class="progress" style="margin: 20px">
-            <div class="progress-bar progress-bar-success progress-bar-striped active" :style="{width: percent}">
-              {{ percent }}
-            </div>
-          </div>
-        </article>
-        <footer slot="modal-footer" class="modal-footer">
-        </footer>
-      </modal>
-      <!--批量打印-->
-      <modal v-model="showPrint" :show.sync="showPrint"  :large="true" :backdrop="false" title="打印预览">
-        <header slot="modal-header" class="modal-header">
-          <button type="button" class="close" @click="closePrint"><span>&times;</span></button>
-          <h4 class="modal-title">打印预览</h4>
-        </header>
-        <article slot="modal-body" class="modal-body clearfix">
-          <style id="printChargeStyle">
-            table{
-              margin: auto;
-              border-collapse:collapse;
-              border: 1px solid black;
-            }
-            .input-center{
-              text-align: center;
-            }
-          </style>
-          <div id="printCharge" v-if="userinfo.f_apply_type == '居民用户报建'||userinfo.f_apply_type == '居民团体单户报建'">
-            <div style="margin-bottom: 10px;text-align: center;" >
-              <span style="font-size: 20px;font-weight: 600">{{ $login.f.orgs}}派工流程表</span>
-            </div>
-            <table border="1" width="100%">
-              <tr>
-                <td class="input-center" :style="stylecss">工程编号:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_apply_num}}</td>
-                <td class="input-center" :style="stylecss">合同编号:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_contract_number}}</td>
-                <td class="input-center" :style="stylecss">派工类型：</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_apply_type}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">客户编号:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_userinfo_code}}</td>
-                <td class="input-center" :style="stylecss">客户类型:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_user_type}}</td>
-                <td class="input-center" :style="stylecss">入户证号:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_entry_number}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">客户名称:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_user_name}}</td>
-                <td class="input-center" :style="stylecss">报建性质:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_apply_nature}}</td>
-                <td class="input-center" :style="stylecss">客户电话:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_phone}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">详细地址:</td>
-                <td class="input-center" colspan="3" :style="stylecss">{{userinfo.f_address}}</td>
-                <td class="input-center" :style="stylecss">联系人:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_contact}}</td>
-              </tr>
-              <tr style="height: 60px;">
-                <td class="input-center" :style="stylecss">工程备注:</td>
-                <td class="input-center" colspan="3" :style="'font-weight: bolder;'+stylecss">{{userinfo.f_apply_remarks}}</td>
-                <td class="input-center" :style="stylecss">联系人电话:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_standby_phone}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">气表品牌:</td>
-                <td class="input-center" :style="stylecss">{{userfiles.f_gasbrand}}</td>
-                <td class="input-center" :style="stylecss">气表型号:</td>
-                <td class="input-center" :style="stylecss">{{userfiles.f_gasmodel}}</td>
-                <td class="input-center" :style="stylecss">气表编号:</td>
-                <td class="input-center" :style="stylecss">{{userfiles.f_meternumber}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">用气设备:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{f_gas_appliances}}</td>
-                <td class="input-center" :style="stylecss">防盗卡号:</td>
-                <td class="input-center" colspan="2" :style="stylecss"></td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">派工人员:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{userfor.f_person}}</td>
-                <td class="input-center" :style="stylecss">派工时间:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{userfor.finishtime}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">设计人员:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{userinfo.f_reconnaissance_people}}</td>
-                <td class="input-center" :style="stylecss">设计时间:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{userinfo.f_reconnaissance_time}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">安装人员:</td>
-                <td class="input-center" colspan="2" :style="stylecss"></td>
-                <td class="input-center" :style="stylecss">安装时间:</td>
-                <td class="input-center" colspan="2" :style="stylecss"></td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">验收人员:</td>
-                <td class="input-center" :style="stylecss"></td>
-                <td class="input-center" :style="stylecss">验收时间:</td>
-                <td class="input-center" :style="stylecss"></td>
-                <td class="input-center" :style="stylecss">申请验收时间:</td>
-                <td class="input-center" :style="stylecss"></td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">客户满意度：</td>
-                <td class="input-center" colspan="5" :style="stylecss">您对我们的服务是否满意?&nbsp;&nbsp;<input type="checkbox"/>&nbsp;满意&nbsp;&nbsp;<input type="checkbox"/>&nbsp;不满意</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">用户签字：</td>
-                <td class="input-center"colspan="2" :style="stylecss"></td>
-                <td class="input-center" :style="stylecss">签字时间：</td>
-                <td class="input-center"colspan="2" :style="stylecss"></td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">材料核算员：</td>
-                <td class="input-center" colspan="2" :style="stylecss"></td>
-                <td class="input-center" :style="stylecss">核算时间：</td>
-                <td class="input-center" colspan="2" :style="stylecss"></td>
-              </tr>
-            </table>
-            <div style="" >
-              <span style="font-size: 18px;">&nbsp;&nbsp;*此表材料核算后返市场部归档</span>
-            </div>
-          </div>
-
-          <div id="printCharge" v-if="userinfo.f_apply_type == '非居用户报建'|| userinfo.f_apply_type == '其他报建'">
-            <div style="margin-bottom: 10px;text-align: center;" >
-              <span style="font-size: 20px;font-weight: 600">{{ $login.f.orgs}}派工流程表</span>
-            </div>
-            <table border="1" width="100%">
-              <tr>
-                <td class="input-center" :style="stylecss">工程编号:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_apply_num}}</td>
-                <td class="input-center" :style="stylecss">合同编号:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_contract_number}}</td>
-                <td class="input-center" :style="stylecss">派工类型：</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_apply_type}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">客户编号:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_userinfo_code}}</td>
-                <td class="input-center" :style="stylecss">客户类型:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_user_type}}</td>
-                <td class="input-center" :style="stylecss">入户证号:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_entry_number}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">客户名称:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_user_name}}</td>
-                <td class="input-center" :style="stylecss">报建性质:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_apply_nature}}</td>
-                <td class="input-center" :style="stylecss">客户电话:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_phone}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">营业名称:</td>
-                <td class="input-center" colspan="3" :style="stylecss">{{userinfo.f_company_name}}</td>
-                <td class="input-center" :style="stylecss">联系人:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_contact}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">详细地址:</td>
-                <td class="input-center" colspan="3" :style="stylecss">{{userinfo.f_address}}</td>
-                <td class="input-center" :style="stylecss">联系人电话:</td>
-                <td class="input-center" :style="stylecss">{{userinfo.f_standby_phone}}</td>
-              </tr>
-              <tr style="height: 60px;">
-                <td class="input-center" :style="stylecss">工程备注:</td>
-                <td class="input-center" colspan="5" :style="'font-weight: bolder;'+stylecss">{{userinfo.f_apply_remarks}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">气表品牌:</td>
-                <td class="input-center" :style="stylecss">{{userfiles.f_gasbrand}}</td>
-                <td class="input-center" :style="stylecss">气表型号:</td>
-                <td class="input-center" :style="stylecss">{{userfiles.f_gasmodel}}</td>
-                <td class="input-center" :style="stylecss">气表编号:</td>
-                <td class="input-center" :style="stylecss">{{userfiles.f_meternumber}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">用气设备:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{f_gas_appliances}}</td>
-                <td class="input-center" :style="stylecss">防盗卡号:</td>
-                <td class="input-center" colspan="2" :style="stylecss"></td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">派工人员:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{userfor.f_person}}</td>
-                <td class="input-center" :style="stylecss">派工时间:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{userfor.finishtime}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">设计人员:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{userinfo.f_reconnaissance_people}}</td>
-                <td class="input-center" :style="stylecss">设计时间:</td>
-                <td class="input-center" colspan="2" :style="stylecss">{{userinfo.f_reconnaissance_time}}</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">安装人员:</td>
-                <td class="input-center" colspan="2" :style="stylecss"></td>
-                <td class="input-center" :style="stylecss">安装时间:</td>
-                <td class="input-center" colspan="2" :style="stylecss"></td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">验收人员:</td>
-                <td class="input-center" :style="stylecss"></td>
-                <td class="input-center" :style="stylecss">验收时间:</td>
-                <td class="input-center" :style="stylecss"></td>
-                <td class="input-center" :style="stylecss">申请验收时间:</td>
-                <td class="input-center" :style="stylecss"></td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">客户满意度：</td>
-                <td class="input-center" colspan="5" :style="stylecss">您对我们的服务是否满意?&nbsp;&nbsp;<input type="checkbox"/>&nbsp;满意&nbsp;&nbsp;<input type="checkbox"/>&nbsp;不满意</td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">用户签字：</td>
-                <td class="input-center"colspan="2" :style="stylecss"></td>
-                <td class="input-center" :style="stylecss">签字时间：</td>
-                <td class="input-center"colspan="2" :style="stylecss"></td>
-              </tr>
-              <tr>
-                <td class="input-center" :style="stylecss">材料核算员：</td>
-                <td class="input-center" colspan="2"></td>
-                <td class="input-center" :style="stylecss">核算时间：</td>
-                <td class="input-center" colspan="2" :style="stylecss"></td>
-              </tr>
-            </table>
-            <div style="" >
-              <span style="font-size: 18px;">&nbsp;&nbsp;*此表材料核算后返市场部归档</span>
-            </div>
-          </div>
-          <print-element v-show="false"  :type="type" v-ref:print id='printCharge' styleid='printChargeStyle'
-                         top='20' left='30' width='100%' height='100%'>
-          </print-element>
-        </article>
-        <footer slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-primary" @click="print()">打印</button>
-        </footer>
-      </modal>
-    </div>
-  </div>
-</template>
-
-<script>
-import {HttpResetClass, PagedList} from 'vue-client'
-import {isEmpty, toStandardDateString} from '../../../components/Util'
-export default {
-  title: '批量业务',
-  data () {
-    return {
-      model: new PagedList('rs/sql/checkuser', 30, {
-        data: {
-          id: this.$login.f.id,
-          orgid: this.$login.f.orgid
-        }
-      }),
-      criteriaShow: false,
-      curorgid: [this.$login.f.orgid],
-      defnames: [
-        {label: '工程接单', value: '工程接单'},
-        {label: '工程派工', value: '工程派工'},
-        {label: '验收接单', value: '验收接单'},
-        {label: '验收派工', value: '验收派工'},
-        {label: '验收交单', value: '验收交单'},
-        {label: '计件核算', value: '计件核算'}
-      ],
-      gasNatures: [
-        {label: '全部',value: ''},
-        ...this.$appdata.getParam('用气性质')
-      ],
-      applyNatures: [{label: '全部', value: ''},...this.$appdata.getParam('报建性质')], // 报建性质
-      applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')],
-      usertype: [{label: '全部', value: ''},{label: '民用', value: '民用'},{label: '非民用', value: '非民用'}],//客户类型
-      percent: 0,
-      showProgress: false,
-      showModal: false,
-      f_issue_man:'',
-      f_issue_mans: [],
-      showPrint:false,
-      showdate:{},
-      type:'PRINT',
-      userinfo:{},
-      userfiles:{},
-      userfor:{},
-      f_gas_appliances:'',
-      getfield: {
-        'f_apply_num': '工程编号',
-        'f_userinfo_code': '客户编号',
-        'f_user_name': '客户名称',
-        'f_address': '地址',
-        'f_phone': '电话',
-        'f_entry_number': '入户证号',
-        'f_apply_source': '来源',
-        'f_apply_type': '报建类型',
-        'f_apply_nature': '报建性质',
-        'defname': '办理环节',
-        'f_budget_people': '施工人',
-        'f_sub_state': '流程状态',
-        'f_apply_date': '报建日期',
-        'f_apply_remarks': '备注'
-      }
-    }
-  },
-  ready () {
-  },
-  methods: {
-    clear () {
-      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
-        this.$refs.cp.$refs.cri.model[key] = ''
-      })
-    },
-    searchCondition (args) {
-      if (isEmpty(args.model.defname)) {
-        this.$showMessage('请选择办理环节!!!')
-        return
-      }
-      this.model.search(args.condition, args.model)
-      this.selectman()
-    },
-    // 批量下发 打印
-    async batchdispatch (button) {
-      this.showModal = false
-      let selectdatas = this.$refs.cp.$refs.grid.getRowData()
-      if (selectdatas.length > 0) {
-        let res = await this.$showMessage(`当前数据条数: ${selectdatas.length}, 条数过大时${button}时间可能会过长, 是否确认${button}?`)
-        if(res == 'confirm'){
-          this.showProgress = true
-          for (let i = 0;i < selectdatas.length;i++ ){
-            if (button == '提交'){
-              await this.button(selectdatas[i])
-            }
-            if(button == '打印'){
-              await this.getData(selectdatas[i])
-              this.print()
-            }
-            this.percent = this.getPercent(i, selectdatas.length)
-          }
-          if (button == '提交'){
-            this.$refs.cp.$refs.grid.selectInit()
-          }
-          this.closeProgress()
-        }
-      } else {
-        this.$showAlert('请选择要操作的单子！！！', 'warning', 3000)
-      }
-      this.search()
-    },
-    async button (selectdata) {
-      selectdata.button = {button_name : '提交'}
-      if (selectdata.defname == '工程接单'){
-        selectdata.f_construction_worker = this.$login.f.name
-        selectdata.f_completion_time = toStandardDateString()
-      }
-      if (selectdata.defname == '验收接单'){
-        selectdata.f_acceptor = this.$login.f.name
-        selectdata.f_acceptance_time = toStandardDateString()
-      }
-      if (selectdata.defname == '验收审核'){
-        selectdata.f_yssh_name = this.$login.f.name
-        selectdata.f_yssh_date = toStandardDateString()
-      }
-      if (selectdata.defname == '计件核算'){
-        selectdata.f_jjhs_name = this.$login.f.name
-        selectdata.f_jjhs_date = toStandardDateString()
-      }
-      if (selectdata.defname == '工程派工'||selectdata.defname == '验收派工'){
-        selectdata.button = {button_name : '下发',f_issue_man:this.f_issue_man}
-      }
-
-      if (selectdata.f_apply_type != '居民团体单户报建'){
-        selectdata.start_activity = '报装申请'
-      }else {
-        selectdata.start_activity = '信息确认'
-      }
-      selectdata.user = this.$login.f
-      selectdata.tables =['t_apply']
-      let http = new HttpResetClass()
-       await http.load('post',
-        `rs/logic/ApplyProductService`,
-        {data: selectdata},
-        {resolveMsg: null, rejectMsg: null}
-      )
-    },
-    // 查询
-    search () {
-      this.$refs.cp.$refs.cri.search()
-    },
-    hidden () {
-      this.criteriaShow = !this.criteriaShow
-    },
-    getPercent (num, total) {
-      num = parseFloat(num)
-      total = parseFloat(total)
-      if (isNaN(num) || isNaN(total)) {
-        return '-'
-      }
-      return total <= 0 ? '0%' : Math.round((num / total) * 10000) / 100.0 + '%'
-    },
-    getorg (val) {
-      if (val.length <= 0) {
-        return
-      }
-      this.$refs.cp.$refs.cri.model.orgid = val[0]
-    },
-    // 关闭
-    closeProgress(){
-      this.showProgress = false
-      this.showModal = false
-      this.percent = 0
-    },
-    // 下发人员查询
-    async selectman () {
-      let source = 'this.getParentByType($organization$).getChildByName($工程施工$).getChildren()'
-      if (this.model.model.defname == '验收派工'){
-         source = 'this.getParentByType($organization$).getChildByName($通气验收$).getChildren()'
-      }
-      let data = {
-        source: source,
-        userid: this.$login.f.id
-      }
-      let res = await this.$resetpost(
-        'rs/search',
-        {data: data},
-        {resolveMsg: null, rejectMsg: '下发人员查询失败！！！'}
-      )
-      this.f_issue_mans = res.data.map(source => {
-        return {
-          "label": source.name,
-          "value": source.id
-        }
-      }).sort((a,b)=>a.label.localeCompare(b.label, 'zh-Hans-CN'))
-    },
-    closePrint () {
-      this.showPrint = false
-    },
-    print () {
-      this.$refs.print.PrintTable()
-    },
-    async getData (row) {
-      this.userinfo = {}
-      this.userfiles = {}
-      this.userinfo = {}
-      this.userinfo = row
-      if (this.userinfo.f_apply_type == '居民用户报建' || this.userinfo.f_apply_type == '居民团体单户报建'){
-        this.f_gas_appliances = this.jsontostring(this.userinfo.f_gas_appliances)
-      }else {
-        this.f_gas_appliances = this.userinfo.f_gas_appliances
-      }
-      let http = new HttpResetClass()
-      let condition1 = ''
-      if (row.f_sub_state === '完工') {
-        condition1 = `f_userinfo_id = '${row.f_userinfo_id}' and f_table_state='正常'`
-      } else {
-        condition1 = `f_userinfo_id = '${row.f_userinfo_id}' and f_table_state='待开通'`
-      }
-      let data = {
-        condition: condition1
-      }
-     await http.load('POST', 'rs/sql/getUserFilesAndDevicesAmount', {data: data}, {
-        resolveMsg: null,
-        rejectMsg: null
-      }).then(async res => {
-        this.userfiles = res.data[0]
-        data = {
-          tablename: 'activityins',
-          condition: `id = (select max(id) from activityins where processid = '${row.f_process_id}' and defname = '合同签订')  `
-        }
-        await http.load('POST', 'rs/sql/apply_singleTable', {data: data}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }).then(res1 => {
-          this.userfor.f_person = res1.data[0].person
-          this.userfor.finishtime = res1.data[0].finishtime.substring(0, 10)
-        })
-      })
-    },
-    jsontostring (row) {
-      if (!isEmpty(row)) {
-        if (typeof row === 'string') {
-          return JSON.parse(row).join()
-        }
-        if (Array.isArray(row)) {
-          return row.join()
-        }
-      }
-      return ''
-    }
-  },
-  computed: {
-    getCondition () {
-      return {
-        condition: this.model.condition,
-        data: {
-          id: this.$login.f.id,
-          orgid: this.$login.f.orgid
-        }
-      }
-    },
-    stylecss () {
-      let width = this.$appdata.getSingleValue('报建派工单打印宽度') ? this.$appdata.getSingleValue('报建派工单打印宽度') : '12.5%'
-      let height = this.$appdata.getSingleValue('报建派工单打印高度') ? this.$appdata.getSingleValue('报建派工单打印高度') : '30px'
-      return `height:${height};width: ${width};`
-    }
-  }
-}
-</script>
-
-<style scoped>
-</style>
+<template>
+  <div class="flex-row">
+    <div style="height: 95%" class="basic-main" >
+      <criteria-paged :model="model" v-ref:cp>
+        <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
+          <div class="form-horizontal select-overspread container-fluid auto" partial>
+            <div class="row">
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">办理环节：</label>
+                <v-select
+                  v-model="model.defname"
+                  placeholder='办理环节'
+                  condition="defname = '{}'"
+                  :value.sync="model.defname"
+                  :options='$parent.$parent.defnames'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select ></v-select>
+              </div>
+              <div class="form-group col-sm-3">
+                <label  for="startDate" class="font_normal_body">开始时间：</label>
+                <datepicker id="startDate" placeholder="开始日期"
+                            style="width: 60%!important;"
+                            v-model="model.startDate"
+                            :value.sync="model.startDate"
+                            :format="'yyyy-MM-dd 00:00:00'"
+                            :show-reset-button="true"
+                            condition="f_apply_date >= '{}'">
+                </datepicker>
+              </div>
+              <div class="form-group col-sm-3">
+                <label for="endDate" class="font_normal_body">结束时间：</label>
+                <datepicker id="endDate" placeholder="结束日期"
+                            style="width: 60%!important;"
+                            v-model="model.endDate"
+                            :value.sync="model.endDate"
+                            :format="'yyyy-MM-dd 23:59:59'"
+                            :show-reset-button="true"
+                            condition="f_apply_date <= '{}'">
+                </datepicker>
+              </div>
+              <div class="form-group col-sm-3 button-range">
+                <export-excel :data="$parent.$parent.getCondition"
+                              :field="$parent.$parent.getfield"
+                              sqlurl="rs/logic/applyExportfile"
+                              sql-name="checkuser"
+                              template-name='批量业务信息导出'
+                              :choose-col="true"></export-excel>
+                <button v-if="model.defname =='工程接单'" class="button_export button_spacing" @click="$parent.$parent.batchdispatch('打印')">批量打印</button>
+                <button v-if="model.defname !='工程派工' && model.defname !='验收派工'" class="button_export button_spacing" @click="$parent.$parent.batchdispatch('提交')">批量接单</button>
+                <button v-if="model.defname =='工程派工' || model.defname =='验收派工'" class="button_export button_spacing" @click="$parent.$parent.showModal = !$parent.$parent.showModal">批量下派</button>
+                <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+                <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
+                <div style="float: right;" class="button_spacing button_search"
+                     :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="form-group col-sm-3">
+                <label class="font_normal_body">组织机构：</label>
+                <res-select
+                  restype='organization'
+                  :initresid='$parent.$parent.curorgid'
+                  @res-select="$parent.$parent.getorg"
+                  is-mul="false"
+                ></res-select>
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">工程编号：</label>
+                <input type="text" style="width:60%" class="input_search" placeholder='工程编号' v-model="model.f_apply_num"
+                       v-on:keyup.enter="$parent.$parent.search()"
+                       condition="f_apply_num like '%{}%'">
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">客户名称：</label>
+                <input type="text" style="width:60%" class="input_search" v-model="model.f_user_name"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="f_user_name like '%{}%'" placeholder='客户名称'>
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">用户地址：</label>
+                <input type="text" style="width:60%" class="input_search" placeholder='用户地址' v-model="model.f_address"
+                       v-on:keyup.enter="$parent.$parent.search()"
+                       condition="f_address like '%{}%'">
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">用户编号：</label>
+                <input type="text" style="width:60%" class="input_search" placeholder='用户编号' v-model="model.f_userinfo_code"
+                       v-on:keyup.enter="$parent.$parent.search()"
+                       condition="u.f_userinfo_code like '%{}%'">
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">客户电话：</label>
+                <input type="text" style="width:60%" class="input_search" placeholder='客户电话' v-model="model.f_phone"
+                       v-on:keyup.enter="$parent.$parent.search()"
+                       condition="u.f_phone like '%{}%'">
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">入户证号：</label>
+                <input type="text" style="width:60%" class="input_search" placeholder='入户证号' v-model="model.f_entry_number"
+                       v-on:keyup.enter="$parent.$parent.search()"
+                       condition="u.f_entry_number like '%{}%'">
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">客户类型：</label>
+                <v-select
+                  v-model="model.f_user_type"
+                  placeholder='客户类型'
+                  condition="f_user_type = '{}'"
+                  :value.sync="model.f_user_type"
+                  :options='$parent.$parent.usertype'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select ></v-select>
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">行业：</label>
+                <input type="text" style="width:60%" class="input_search" v-model="model.f_industry"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="f_industry like '%{}%'" placeholder='行业'>
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">施工人：</label>
+                <input type="text" style="width:60%" class="input_search" v-model="model.f_budget_people"
+                       v-on:keyup.enter="$parent.$parent.search()" condition="f_budget_people like '%{}%'" placeholder='施工人'>
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">用气性质：</label>
+                <v-select
+                  v-model="model.f_gas_nature"
+                  placeholder='用气性质'
+                  condition="f_gas_nature = '{}'"
+                  :value.sync="model.f_gas_nature"
+                  :options='$parent.$parent.gasNatures'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select ></v-select>
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">备注：</label>
+                <input type="text" style="width:60%" class="input_search" v-model="model.f_apply_remarks"
+                       condition="f_apply_remarks like '%{}%'" placeholder='备注'>
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">报建类型：</label>
+                <v-select
+                  v-model="model.f_apply_type"
+                  placeholder='报建类型'
+                  condition="f_apply_type = '{}'"
+                  :value.sync="model.f_apply_type"
+                  :options='$parent.$parent.applytype'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select ></v-select>
+              </div>
+              <div class="form-group col-sm-3">
+                <label class="font_normal_body">报建性质：</label>
+                <v-select
+                  v-model="model.f_apply_nature"
+                  placeholder='报建性质'
+                  condition="f_apply_nature = '{}'"
+                  :value.sync="model.f_apply_nature"
+                  :options='$parent.$parent.applyNatures'
+                  class="select select_list"
+                  :value-single="true"
+                  close-on-select ></v-select>
+              </div>
+            </div>
+          </div>
+        </criteria>
+        <data-grid :model="model" optional partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
+          <template partial='head'>
+            <tr class="title">
+              <th style="white-space: nowrap;">序号</th>
+              <th style="white-space: nowrap;">工程编号</th>
+              <th style="white-space: nowrap;">客户编号</th>
+              <th style="white-space: nowrap;">客户名称</th>
+              <th style="white-space: nowrap;">地址</th>
+              <th style="white-space: nowrap;">电话</th>
+              <th style="white-space: nowrap;">入户证号</th>
+              <th style="white-space: nowrap;">来源</th>
+              <th style="white-space: nowrap;">报建类型</th>
+              <th style="white-space: nowrap;">报建性质</th>
+              <th style="white-space: nowrap;">办理环节</th>
+              <th style="white-space: nowrap;">施工人</th>
+              <th style="white-space: nowrap;">流程状态</th>
+              <th style="white-space: nowrap;">报建日期</th>
+              <th style="white-space: nowrap;">备注</th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <tr>
+              <td style="text-align: center;">
+                <nobr>{{$index+1}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_apply_num}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_userinfo_code}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_user_name}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_address}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_phone}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_entry_number}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_apply_source}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_apply_type}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_apply_nature}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.defname}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_budget_people}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_sub_state}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.f_apply_date}}</nobr>
+              </td>
+              <td  style="text-align: center;">
+                <nobr>{{row.f_apply_remarks}}</nobr>
+              </td>
+            </tr>
+          </template>
+        </data-grid>
+      </criteria-paged>
+      <!--下发人-->
+      <modal  :show.sync="showModal"  :large="true" :backdrop="false" title="打印预览">
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closePrint"><span>&times;</span></button>
+        </header>
+        <article slot="modal-body" class="modal-body clearfix">
+          <div class="form-group" style="margin: 10px auto">
+            <label class="col-sm-3 control-label">下发人:</label>
+            <div class="col-sm-9">
+              <v-select
+                v-model="f_issue_man"
+                placeholder='请选择需要下派的人员'
+                :value.sync="f_issue_man"
+                :options='f_issue_mans'
+                :value-single="true"
+                class="select select_list"
+                :search="false"
+                close-on-select ></v-select>
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-primary" @click="closeProgress">取消</button>
+          <button type="button" class="btn btn-primary" @click="batchdispatch('提交')">确认</button>
+        </footer>
+      </modal>
+      <!--批量下发-->
+      <modal :show.sync="showProgress" v-ref:progress :backdrop="false">
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closeProgress"><span>&times;</span></button>
+          <h4 class="modal-title">正在批量操作中,请耐心等待...</h4>
+        </header>
+        <article slot="modal-body" class="modal-body">
+          <div class="progress" style="margin: 20px">
+            <div class="progress-bar progress-bar-success progress-bar-striped active" :style="{width: percent}">
+              {{ percent }}
+            </div>
+          </div>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+        </footer>
+      </modal>
+      <!--批量打印-->
+      <modal v-model="showPrint" :show.sync="showPrint"  :large="true" :backdrop="false" title="打印预览">
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closePrint"><span>&times;</span></button>
+          <h4 class="modal-title">打印预览</h4>
+        </header>
+        <article slot="modal-body" class="modal-body clearfix">
+          <style id="printChargeStyle">
+            table{
+              margin: auto;
+              border-collapse:collapse;
+              border: 1px solid black;
+            }
+            .input-center{
+              text-align: center;
+            }
+          </style>
+          <div id="printCharge" v-if="userinfo.f_apply_type == '居民用户报建'||userinfo.f_apply_type == '居民团体单户报建'">
+            <div style="margin-bottom: 10px;text-align: center;" >
+              <span style="font-size: 20px;font-weight: 600">{{ $login.f.orgs}}派工流程表</span>
+            </div>
+            <table border="1" width="100%">
+              <tr>
+                <td class="input-center" :style="stylecss">工程编号:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_apply_num}}</td>
+                <td class="input-center" :style="stylecss">合同编号:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_contract_number}}</td>
+                <td class="input-center" :style="stylecss">派工类型：</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_apply_type}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">客户编号:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_userinfo_code}}</td>
+                <td class="input-center" :style="stylecss">客户类型:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_user_type}}</td>
+                <td class="input-center" :style="stylecss">入户证号:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_entry_number}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">客户名称:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_user_name}}</td>
+                <td class="input-center" :style="stylecss">报建性质:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_apply_nature}}</td>
+                <td class="input-center" :style="stylecss">客户电话:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_phone}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">详细地址:</td>
+                <td class="input-center" colspan="3" :style="stylecss">{{userinfo.f_address}}</td>
+                <td class="input-center" :style="stylecss">联系人:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_contact}}</td>
+              </tr>
+              <tr style="height: 60px;">
+                <td class="input-center" :style="stylecss">工程备注:</td>
+                <td class="input-center" colspan="3" :style="'font-weight: bolder;'+stylecss">{{userinfo.f_apply_remarks}}</td>
+                <td class="input-center" :style="stylecss">联系人电话:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_standby_phone}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">气表品牌:</td>
+                <td class="input-center" :style="stylecss">{{userfiles.f_gasbrand}}</td>
+                <td class="input-center" :style="stylecss">气表型号:</td>
+                <td class="input-center" :style="stylecss">{{userfiles.f_gasmodel}}</td>
+                <td class="input-center" :style="stylecss">气表编号:</td>
+                <td class="input-center" :style="stylecss">{{userfiles.f_meternumber}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">用气设备:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{f_gas_appliances}}</td>
+                <td class="input-center" :style="stylecss">防盗卡号:</td>
+                <td class="input-center" colspan="2" :style="stylecss"></td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">派工人员:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{userfor.f_person}}</td>
+                <td class="input-center" :style="stylecss">派工时间:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{userfor.finishtime}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">设计人员:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{userinfo.f_reconnaissance_people}}</td>
+                <td class="input-center" :style="stylecss">设计时间:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{userinfo.f_reconnaissance_time}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">安装人员:</td>
+                <td class="input-center" colspan="2" :style="stylecss"></td>
+                <td class="input-center" :style="stylecss">安装时间:</td>
+                <td class="input-center" colspan="2" :style="stylecss"></td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">验收人员:</td>
+                <td class="input-center" :style="stylecss"></td>
+                <td class="input-center" :style="stylecss">验收时间:</td>
+                <td class="input-center" :style="stylecss"></td>
+                <td class="input-center" :style="stylecss">申请验收时间:</td>
+                <td class="input-center" :style="stylecss"></td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">客户满意度：</td>
+                <td class="input-center" colspan="5" :style="stylecss">您对我们的服务是否满意?&nbsp;&nbsp;<input type="checkbox"/>&nbsp;满意&nbsp;&nbsp;<input type="checkbox"/>&nbsp;不满意</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">用户签字：</td>
+                <td class="input-center"colspan="2" :style="stylecss"></td>
+                <td class="input-center" :style="stylecss">签字时间：</td>
+                <td class="input-center"colspan="2" :style="stylecss"></td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">材料核算员：</td>
+                <td class="input-center" colspan="2" :style="stylecss"></td>
+                <td class="input-center" :style="stylecss">核算时间：</td>
+                <td class="input-center" colspan="2" :style="stylecss"></td>
+              </tr>
+            </table>
+            <div style="" >
+              <span style="font-size: 18px;">&nbsp;&nbsp;*此表材料核算后返市场部归档</span>
+            </div>
+          </div>
+
+          <div id="printCharge" v-if="userinfo.f_apply_type == '非居用户报建'|| userinfo.f_apply_type == '其他报建'">
+            <div style="margin-bottom: 10px;text-align: center;" >
+              <span style="font-size: 20px;font-weight: 600">{{ $login.f.orgs}}派工流程表</span>
+            </div>
+            <table border="1" width="100%">
+              <tr>
+                <td class="input-center" :style="stylecss">工程编号:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_apply_num}}</td>
+                <td class="input-center" :style="stylecss">合同编号:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_contract_number}}</td>
+                <td class="input-center" :style="stylecss">派工类型：</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_apply_type}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">客户编号:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_userinfo_code}}</td>
+                <td class="input-center" :style="stylecss">客户类型:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_user_type}}</td>
+                <td class="input-center" :style="stylecss">入户证号:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_entry_number}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">客户名称:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_user_name}}</td>
+                <td class="input-center" :style="stylecss">报建性质:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_apply_nature}}</td>
+                <td class="input-center" :style="stylecss">客户电话:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_phone}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">营业名称:</td>
+                <td class="input-center" colspan="3" :style="stylecss">{{userinfo.f_company_name}}</td>
+                <td class="input-center" :style="stylecss">联系人:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_contact}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">详细地址:</td>
+                <td class="input-center" colspan="3" :style="stylecss">{{userinfo.f_address}}</td>
+                <td class="input-center" :style="stylecss">联系人电话:</td>
+                <td class="input-center" :style="stylecss">{{userinfo.f_standby_phone}}</td>
+              </tr>
+              <tr style="height: 60px;">
+                <td class="input-center" :style="stylecss">工程备注:</td>
+                <td class="input-center" colspan="5" :style="'font-weight: bolder;'+stylecss">{{userinfo.f_apply_remarks}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">气表品牌:</td>
+                <td class="input-center" :style="stylecss">{{userfiles.f_gasbrand}}</td>
+                <td class="input-center" :style="stylecss">气表型号:</td>
+                <td class="input-center" :style="stylecss">{{userfiles.f_gasmodel}}</td>
+                <td class="input-center" :style="stylecss">气表编号:</td>
+                <td class="input-center" :style="stylecss">{{userfiles.f_meternumber}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">用气设备:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{f_gas_appliances}}</td>
+                <td class="input-center" :style="stylecss">防盗卡号:</td>
+                <td class="input-center" colspan="2" :style="stylecss"></td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">派工人员:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{userfor.f_person}}</td>
+                <td class="input-center" :style="stylecss">派工时间:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{userfor.finishtime}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">设计人员:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{userinfo.f_reconnaissance_people}}</td>
+                <td class="input-center" :style="stylecss">设计时间:</td>
+                <td class="input-center" colspan="2" :style="stylecss">{{userinfo.f_reconnaissance_time}}</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">安装人员:</td>
+                <td class="input-center" colspan="2" :style="stylecss"></td>
+                <td class="input-center" :style="stylecss">安装时间:</td>
+                <td class="input-center" colspan="2" :style="stylecss"></td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">验收人员:</td>
+                <td class="input-center" :style="stylecss"></td>
+                <td class="input-center" :style="stylecss">验收时间:</td>
+                <td class="input-center" :style="stylecss"></td>
+                <td class="input-center" :style="stylecss">申请验收时间:</td>
+                <td class="input-center" :style="stylecss"></td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">客户满意度：</td>
+                <td class="input-center" colspan="5" :style="stylecss">您对我们的服务是否满意?&nbsp;&nbsp;<input type="checkbox"/>&nbsp;满意&nbsp;&nbsp;<input type="checkbox"/>&nbsp;不满意</td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">用户签字：</td>
+                <td class="input-center"colspan="2" :style="stylecss"></td>
+                <td class="input-center" :style="stylecss">签字时间：</td>
+                <td class="input-center"colspan="2" :style="stylecss"></td>
+              </tr>
+              <tr>
+                <td class="input-center" :style="stylecss">材料核算员：</td>
+                <td class="input-center" colspan="2"></td>
+                <td class="input-center" :style="stylecss">核算时间：</td>
+                <td class="input-center" colspan="2" :style="stylecss"></td>
+              </tr>
+            </table>
+            <div style="" >
+              <span style="font-size: 18px;">&nbsp;&nbsp;*此表材料核算后返市场部归档</span>
+            </div>
+          </div>
+          <print-element v-show="false"  :type="type" v-ref:print id='printCharge' styleid='printChargeStyle'
+                         top='20' left='30' width='100%' height='100%'>
+          </print-element>
+        </article>
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-primary" @click="print()">打印</button>
+        </footer>
+      </modal>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass, PagedList} from 'vue-client'
+import {isEmpty, toStandardDateString} from '../../../components/Util'
+export default {
+  title: '批量业务',
+  data () {
+    return {
+      model: new PagedList('rs/sql/checkuser', 30, {
+        data: {
+          id: this.$login.f.id,
+          orgid: this.$login.f.orgid
+        }
+      }),
+      criteriaShow: false,
+      curorgid: [this.$login.f.orgid],
+      defnames: [
+        {label: '工程接单', value: '工程接单'},
+        {label: '工程派工', value: '工程派工'},
+        {label: '验收接单', value: '验收接单'},
+        {label: '验收派工', value: '验收派工'},
+        {label: '验收交单', value: '验收交单'},
+        {label: '计件核算', value: '计件核算'}
+      ],
+      gasNatures: [
+        {label: '全部',value: ''},
+        ...this.$appdata.getParam('用气性质')
+      ],
+      applyNatures: [{label: '全部', value: ''},...this.$appdata.getParam('报建性质')], // 报建性质
+      applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')],
+      usertype: [{label: '全部', value: ''},{label: '民用', value: '民用'},{label: '非民用', value: '非民用'}],//客户类型
+      percent: 0,
+      showProgress: false,
+      showModal: false,
+      f_issue_man:'',
+      f_issue_mans: [],
+      showPrint:false,
+      showdate:{},
+      type:'PRINT',
+      userinfo:{},
+      userfiles:{},
+      userfor:{},
+      f_gas_appliances:'',
+      getfield: {
+        'f_apply_num': '工程编号',
+        'f_userinfo_code': '客户编号',
+        'f_user_name': '客户名称',
+        'f_address': '地址',
+        'f_phone': '电话',
+        'f_entry_number': '入户证号',
+        'f_apply_source': '来源',
+        'f_apply_type': '报建类型',
+        'f_apply_nature': '报建性质',
+        'defname': '办理环节',
+        'f_budget_people': '施工人',
+        'f_sub_state': '流程状态',
+        'f_apply_date': '报建日期',
+        'f_apply_remarks': '备注'
+      }
+    }
+  },
+  ready () {
+  },
+  methods: {
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = ''
+      })
+    },
+    searchCondition (args) {
+      if (isEmpty(args.model.defname)) {
+        this.$showMessage('请选择办理环节!!!')
+        return
+      }
+      this.model.search(args.condition, args.model)
+      this.selectman()
+    },
+    // 批量下发 打印
+    async batchdispatch (button) {
+      this.showModal = false
+      let selectdatas = this.$refs.cp.$refs.grid.getRowData()
+      if (selectdatas.length > 0) {
+        let res = await this.$showMessage(`当前数据条数: ${selectdatas.length}, 条数过大时${button}时间可能会过长, 是否确认${button}?`)
+        if(res == 'confirm'){
+          this.showProgress = true
+          for (let i = 0;i < selectdatas.length;i++ ){
+            if (button == '提交'){
+              await this.button(selectdatas[i])
+            }
+            if(button == '打印'){
+              await this.getData(selectdatas[i])
+              this.print()
+            }
+            this.percent = this.getPercent(i, selectdatas.length)
+          }
+          if (button == '提交'){
+            this.$refs.cp.$refs.grid.selectInit()
+          }
+          this.closeProgress()
+        }
+      } else {
+        this.$showAlert('请选择要操作的单子！！！', 'warning', 3000)
+      }
+      this.search()
+    },
+    async button (selectdata) {
+      selectdata.button = {button_name : '提交'}
+      if (selectdata.defname == '工程接单'){
+        selectdata.f_construction_worker = this.$login.f.name
+        selectdata.f_completion_time = toStandardDateString()
+      }
+      if (selectdata.defname == '验收接单'){
+        selectdata.f_acceptor = this.$login.f.name
+        selectdata.f_acceptance_time = toStandardDateString()
+      }
+      if (selectdata.defname == '验收审核'){
+        selectdata.f_yssh_name = this.$login.f.name
+        selectdata.f_yssh_date = toStandardDateString()
+      }
+      if (selectdata.defname == '计件核算'){
+        selectdata.f_jjhs_name = this.$login.f.name
+        selectdata.f_jjhs_date = toStandardDateString()
+      }
+      if (selectdata.defname == '工程派工'||selectdata.defname == '验收派工'){
+        selectdata.button = {button_name : '下发',f_issue_man:this.f_issue_man}
+      }
+
+      if (selectdata.f_apply_type != '居民团体单户报建'){
+        selectdata.start_activity = '报装申请'
+      }else {
+        selectdata.start_activity = '信息确认'
+      }
+      selectdata.user = this.$login.f
+      selectdata.tables =['t_apply']
+      let http = new HttpResetClass()
+       await http.load('post',
+        `rs/logic/ApplyProductService`,
+        {data: selectdata},
+        {resolveMsg: null, rejectMsg: null}
+      )
+    },
+    // 查询
+    search () {
+      this.$refs.cp.$refs.cri.search()
+    },
+    hidden () {
+      this.criteriaShow = !this.criteriaShow
+    },
+    getPercent (num, total) {
+      num = parseFloat(num)
+      total = parseFloat(total)
+      if (isNaN(num) || isNaN(total)) {
+        return '-'
+      }
+      return total <= 0 ? '0%' : Math.round((num / total) * 10000) / 100.0 + '%'
+    },
+    getorg (val) {
+      if (val.length <= 0) {
+        return
+      }
+      this.$refs.cp.$refs.cri.model.orgid = val[0]
+    },
+    // 关闭
+    closeProgress(){
+      this.showProgress = false
+      this.showModal = false
+      this.percent = 0
+    },
+    // 下发人员查询
+    async selectman () {
+      let source = 'this.getParentByType($organization$).getChildByName($工程施工$).getChildren()'
+      if (this.model.model.defname == '验收派工'){
+         source = 'this.getParentByType($organization$).getChildByName($通气验收$).getChildren()'
+      }
+      let data = {
+        source: source,
+        userid: this.$login.f.id
+      }
+      let res = await this.$resetpost(
+        'rs/search',
+        {data: data},
+        {resolveMsg: null, rejectMsg: '下发人员查询失败！！！'}
+      )
+      this.f_issue_mans = res.data.map(source => {
+        return {
+          "label": source.name,
+          "value": source.id
+        }
+      }).sort((a,b)=>a.label.localeCompare(b.label, 'zh-Hans-CN'))
+    },
+    closePrint () {
+      this.showPrint = false
+    },
+    print () {
+      this.$refs.print.PrintTable()
+    },
+    async getData (row) {
+      this.userinfo = {}
+      this.userfiles = {}
+      this.userinfo = {}
+      this.userinfo = row
+      if (this.userinfo.f_apply_type == '居民用户报建' || this.userinfo.f_apply_type == '居民团体单户报建'){
+        this.f_gas_appliances = this.jsontostring(this.userinfo.f_gas_appliances)
+      }else {
+        this.f_gas_appliances = this.userinfo.f_gas_appliances
+      }
+      let http = new HttpResetClass()
+      let condition1 = ''
+      if (row.f_sub_state === '完工') {
+        condition1 = `f_userinfo_id = '${row.f_userinfo_id}' and f_table_state='正常'`
+      } else {
+        condition1 = `f_userinfo_id = '${row.f_userinfo_id}' and f_table_state='待开通'`
+      }
+      let data = {
+        condition: condition1
+      }
+     await http.load('POST', 'rs/sql/getUserFilesAndDevicesAmount', {data: data}, {
+        resolveMsg: null,
+        rejectMsg: null
+      }).then(async res => {
+        this.userfiles = res.data[0]
+        data = {
+          tablename: 'activityins',
+          condition: `id = (select max(id) from activityins where processid = '${row.f_process_id}' and defname = '合同签订')  `
+        }
+        await http.load('POST', 'rs/sql/apply_singleTable', {data: data}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }).then(res1 => {
+          this.userfor.f_person = res1.data[0].person
+          this.userfor.finishtime = res1.data[0].finishtime.substring(0, 10)
+        })
+      })
+    },
+    jsontostring (row) {
+      if (!isEmpty(row)) {
+        if (typeof row === 'string') {
+          return JSON.parse(row).join()
+        }
+        if (Array.isArray(row)) {
+          return row.join()
+        }
+      }
+      return ''
+    }
+  },
+  computed: {
+    getCondition () {
+      return {
+        condition: this.model.condition,
+        data: {
+          id: this.$login.f.id,
+          orgid: this.$login.f.orgid
+        }
+      }
+    },
+    stylecss () {
+      let width = this.$appdata.getSingleValue('报建派工单打印宽度') ? this.$appdata.getSingleValue('报建派工单打印宽度') : '12.5%'
+      let height = this.$appdata.getSingleValue('报建派工单打印高度') ? this.$appdata.getSingleValue('报建派工单打印高度') : '30px'
+      return `height:${height};width: ${width};`
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>