apply-clients 3.5.4-96 → 3.5.4-97

package/src/filiale/yangchunboneng/pc/ExplorationSelect.vue

@@ -1,547 +1,547 @@
-<template>
-  <div>
-    <criteria-paged :model="model" v-ref:cp>
-      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
-        <div novalidate 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>
-              <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>
-              <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 button-range">
-              <a type="button" class="button_new button_spacing" v-if="$parent.$parent.projectStart"
-                 href="/apply/download/excel/散户报装模板.xlsx" download>模板下载</a>
-              <button class="button_new button_spacing" style="width: max-content"
-                      v-if="$parent.$parent.projectStart"
-                      @click="$parent.$parent.showFile = !$parent.$parent.showFile">批量散户导入</button>
-              <button class="button_new button_spacing" style="width: max-content"
-                      v-if="$parent.$parent.projectStart"
-                      @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_search button_spacing" @click="$parent.$parent.loadPage()">返回</button>
-              <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
-              <div
-                :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
-                @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
-                class="button_spacing"
-                style="float: right">
-              </div>
-            </div>
-          </div>
-          <div class="row" v-show="$parent.$parent.criteriaShow">
-            <!--              <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_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_apply_num"
-                     v-on:keyup.enter="$parent.$parent.search()"
-                     condition="u.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" placeholder='合同编号' v-model="model.f_contract_money"
-                     v-on:keyup.enter="$parent.$parent.search()"
-                     condition="u.f_contract_money 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="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_user_appraise"
-                     v-on:keyup.enter="$parent.$parent.search()"
-                     condition="f_user_appraise 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_contract_number"
-                     v-on:keyup.enter="$parent.$parent.search()"
-                     condition="f_contract_number = '{}'">
-            </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 in {}"
-                :value.sync="model.f_apply_type"
-                :options='$parent.$parent.applytype'
-                class="select select_list"
-                :multiple="true"
-                ></v-select>
-            </div>
-            <div class="form-group col-sm-3">
-              <label class="font_normal_body">办理环节：</label>
-              <v-select
-                v-model="model.defname"
-                placeholder='办理环节'
-                condition="act.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 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>
-              <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 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">
-              <label class="font_normal_body">稍后处理：</label>
-              <v-select
-                v-model="model.f_no_valid"
-                placeholder='稍后处理'
-                condition="lp.f_no_valid = '{}'"
-                :value.sync="model.f_no_valid"
-                :options='$parent.$parent.laterList'
-                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.act_sender"
-                     v-on:keyup.enter="$parent.$parent.search()" condition="act.sender like '%{}%'" placeholder='节点发起人'>
-            </div>
-            <div class="form-group col-sm-3">
-              <label  for="bookstart" class="font_normal_body">开始时间：</label>
-              <datepicker id="bookstart" placeholder="预约开始日期"
-                          style="width: 60%!important;"
-                          v-model="model.bookstart"
-                          :value.sync="model.bookstart"
-                          :format="'yyyy-MM-dd 00:00:00'"
-                          :show-reset-button="true"
-                          condition="f_order_date >= '{}'">
-              </datepicker>
-            </div>
-            <div class="form-group col-sm-3">
-              <label for="bookend" class="font_normal_body">结束时间：</label>
-              <datepicker id="bookend" placeholder="预约结束日期"
-                          style="width: 60%!important;"
-                          v-model="model.bookend"
-                          :value.sync="model.bookend"
-                          :format="'yyyy-MM-dd 23:59:59'"
-                          :show-reset-button="true"
-                          condition="f_order_date <= '{}'">
-              </datepicker>
-            </div>
-          </div>
-        </div>
-      </criteria>
-      <data-grid v-if="$parent.showData" :model="model" partial='list' v-ref:grid class="list_area table_sy" style="height: 100%">
-        <template partial='head'>
-          <tr>
-            <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>
-            <th style="white-space: nowrap;">用户评价</th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <tr class="back-style">
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <dropdown>
-                <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
-                  <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
-                </button>
-                <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-left">
-                  <li>
-                    <a href="#" @click="$parent.$parent.$parent.click(row)">{{row.defname}}</a>
-                  </li>
-                </ul>
-              </dropdown>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':'', row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{$index+1}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_apply_num}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_user_name}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_contract_number}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_contract_money}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_cumulative_payment_money}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_surplus_money}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_phone}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_address}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_apply_source}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_apply_type}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.defname}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_sub_state}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_apply_date}}</font></nobr>
-            </td>
-            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
-              <nobr><font>{{row.f_user_appraise}}</font></nobr>
-            </td>
-          </tr>
-        </template>
-      </data-grid>
-    </criteria-paged>
-
-    <modal
-      v-if="showModal"
-      :show.sync="showModal"
-      backdrop="false"
-      title="工程类型"
-      cancel-text="取消"
-      ok-text="确认"
-      :callback="apply"
-    >
-      <div class="form-horizontal" slot="modal-body">
-        <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="applyType"
-              placeholder='请选择需要发起的工程类型'
-              :value.sync="applyType"
-              :options='$appdata.getParam("报建类型")'
-              :value-single="true"
-              class="select select_list"
-              :search="false"
-              close-on-select ></v-select>
-          </div>
-        </div>
-      </div>
-    </modal>
-
-    <modal v-if="showFile" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
-      <header slot="modal-header" class="modal-header">
-        <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
-        <h4 class="modal-title">选择文件</h4>
-      </header>
-      <article slot="modal-body" class="modal-body">
-        <div class="form-group">
-          <file-upload class="my-file-uploader" action="rs/file/uploadFile" tagname="确定" v-ref:file></file-upload>
-        </div>
-      </article>
-      <footer slot="modal-footer" class="modal-footer"></footer>
-    </modal>
-  </div>
-</template>
-<script>
-  import {HttpResetClass, PagedList} from 'vue-client'
-  import {isEmpty} from '../../../components/Util'
-
-  export default {
-    title: '工程列表',
-    props: ['showData'],
-    data () {
-      return {
-        model: new PagedList('rs/sql/checkuser', 20, {
-          data: {
-            id: this.$login.f.id,
-            orgid: this.$login.f.orgid
-          }
-        }),
-        showModal: false, // 控制发起类型选择
-        applyType: '',  // 报建类型
-        curorgid: [this.$login.f.orgid],
-        applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')],
-        defnames: [{label: '全部', value: ''}, ...this.$appdata.getParam('办理环节')], // 流程节点
-        applyNatures: [{label: '全部', value: ''}], // 报建性质
-        criteriaShow: false,
-        showFile: false,
-        laterList: [
-          {label: '全部', value: ''},
-          {label: '有效', value: '有效'}
-        ]
-      }
-    },
-    ready () {
-      // 调用查询
-      this.search()
-    },
-    methods: {
-      openLater (row) {
-        this.$dispatch('openLater', row)
-      },
-      closeFile () {
-        this.showFile = false
-        // 将选的文件清空
-        this.$refs.file.$el.querySelector('input').value = ''
-        this.search()
-      },
-      // 点击操作
-      click (val) {
-        this.$dispatch('apply', val)
-      },
-      // 获取流程id
-      async getProcessId(processname) {
-        let data = {
-          workname: processname
-        }
-        let http = new HttpResetClass()
-        let res = await http.load(
-          'POST',
-          'rs/logic/getProcessId',
-          {data: data},
-          {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
-        )
-
-        return res.data
-      },
-      // 报装申请
-      async apply () {
-        if (this.applyType === '' || this.applyType === null) {
-          this.$showAlert('请选择需要发起的类型', 'warning', 3000)
-          return
-        }
-        let data = {
-          f_apply_type: this.applyType
-        }
-        if (this.applyType === '民用散户报建流程') {
-          data.processname = '民用散户报建流程'
-          data.defname = '报装申请'
-        }
-        else if (this.applyType === '民用预留户报建流程') {
-          data.processname = '民用预留户报建流程'
-          data.defname = '报装申请'
-        }
-        else if (this.applyType === '民用集体报建流程') {
-          data.processname = '民用集体报建流程'
-          data.defname = '报装申请'
-        } else if (this.applyType === '非民用报建流程') {
-          data.processname = '非民用报建流程'
-          data.defname = '报装申请'
-        } else if (this.applyType === '启封通气') {
-          data.processname = '启封通气流程'
-          data.defname = '通气申请'
-        }else if (this.applyType === '整改报建') {
-          data.processname = '整改报建流程'
-          data.defname = '报装申请'
-        }else {
-          this.$showMessage('暂无此类报装')
-          return
-        }
-
-        data.f_sub_state = "新增"
-        data.f_apply_source = "线下发起"
-        data.f_process_id = await this.getProcessId(data.processname)
-
-        // 调用ExplorationUser事件
-        this.$dispatch('apply', data)
-
-        this.applyType = null
-        this.showModal = false
-      },
-      loadPage () {
-        this.$dispatch('loadPage')
-      },
-      search () {
-        this.$dispatch('search')
-      },
-      async applyTypeChange () {
-        //判断this.$refs.cp.$refs.cri.model.f_apply_type是不是数组
-        if (Array.isArray(this.$refs.cp.$refs.cri.model.f_apply_type)) {
-          if(this.$refs.cp.$refs.cri.model.f_apply_type.length>0){
-            for (let i = 0; i < this.$refs.cp.$refs.cri.model.f_apply_type.length; i++) {
-              let res = await this.$resetpost('rs/logic/getDefnameByType',
-                { f_apply_type: this.$refs.cp.$refs.cri.model.f_apply_type[i] },
-                {resolveMsg: null, rejectMsg: '节点信息获取失败！！！'}
-              )
-              if (!isEmpty(res.data)) {
-                const newDefnames = [{ label: '全部', value: '' }, ...res.data];
-                const newApplyNatures = isEmpty(this.$appdata.getParam(`${this.$refs.cp.$refs.cri.model.f_apply_type[i]}性质`))
-                  ? [{ label: '全部', value: '' }]
-                  : [{ label: '全部', value: '' }, ...this.$appdata.getParam(`${this.$refs.cp.$refs.cri.model.f_apply_type[i]}性质`)];
-                // 检查并追加 defnames
-                newDefnames.forEach(item => {
-                  if (!this.defnames.some(defname => defname.value === item.value)) {
-                    this.defnames.push(item);
-                  }
-                });
-                // 检查并追加 applyNatures
-                newApplyNatures.forEach(item => {
-                  if (!this.applyNatures.some(applyNature => applyNature.value === item.value)) {
-                    this.applyNatures.push(item);
-                  }
-                });
-              }
-            }
-          }
-        }else{
-          if (!isEmpty(this.$refs.cp.$refs.cri.model.f_apply_type)) {
-            let res = await this.$resetpost('rs/logic/getDefnameByType',
-              { f_apply_type: this.$refs.cp.$refs.cri.model.f_apply_type },
-              {resolveMsg: null, rejectMsg: '节点信息获取失败！！！'}
-            )
-
-            this.defnames = [{label: '全部', value: ''}, ...res.data]
-
-            this.applyNatures = isEmpty(this.$appdata.getParam(`${this.$refs.cp.$refs.cri.model.f_apply_type}性质`)) ? [{label: '全部', value: ''}] : [{label: '全部', value: ''}, ...this.$appdata.getParam(`${this.$refs.cp.$refs.cri.model.f_apply_type}性质`)]
-          } else {
-            this.defnames = [{label: '全部', value: ''}]
-
-            this.applyNatures = [{label: '全部', value: ''}]
-          }
-        }
-      },
-      clear () {
-        Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
-          this.$refs.cp.$refs.cri.model[key] = null
-        })
-      },
-      getorg (val) {
-        if (val.length <= 0) {
-          return
-        }
-        this.model.params.data.orgid = val[0]
-      }
-    },
-    computed: {
-      projectStart () {
-        return this.$login.r.includes('报建发起')
-      }
-    },
-    watch: {
-      'model.rows': {
-        handler: function () {
-          let isover = []           // 过期(超时)数据
-          let isbeforeover = []     // 未过期 提前提醒
-          for (let i = 0; i < this.model.rows.length; i++) {
-            let item = this.model.rows[i]
-            if (item.isover === '过期') {
-              isover.push(i + 1)
-            }
-            if (item.isbeforeover === '预期提醒') {
-              isbeforeover.push(i + 1)
-            }
-          }
-          let msg = null
-          if (isover.length > 0) {
-            msg = `第${isover.toString()}条数据已过期`
-            this.$showAlert(msg, 'warning', 3000)
-          }
-
-          if (isbeforeover.length > 0) {
-            msg = `第${isbeforeover.toString()}条数据即将过期`
-            if (isover.length > 0) {
-              setTimeout(() => {
-                this.$showAlert(msg, 'warning', 3000)
-              }, 4000)
-            } else {
-              this.$showAlert(msg, 'warning', 3000)
-            }
-          }
-        }
-      }
-    },
-    events: {
-      async 'onFileUpload'(file, result) {
-        let data = {
-          filepath: result.f_downloadpath,
-          user: this.$login.f
-        }
-        let res = await this.$resetpost(`rs/logic/importApply`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败！！！', silent: true}, 0)
-
-        this.closeFile()
-      }
-    }
-  }
-</script>
-<style scoped>
-  .back-style{
-    background-color: #ffa726;
-  }
-  .p1 {
-    color: #dc0b12;
-    font-weight:bold
-  }
-  .p {
-    color: #ffaf4f;
-  }
-</style>
+<template>
+  <div>
+    <criteria-paged :model="model" v-ref:cp>
+      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+        <div novalidate 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>
+              <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>
+              <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 button-range">
+              <a type="button" class="button_new button_spacing" v-if="$parent.$parent.projectStart"
+                 href="/apply/download/excel/散户报装模板.xlsx" download>模板下载</a>
+              <button class="button_new button_spacing" style="width: max-content"
+                      v-if="$parent.$parent.projectStart"
+                      @click="$parent.$parent.showFile = !$parent.$parent.showFile">批量散户导入</button>
+              <button class="button_new button_spacing" style="width: max-content"
+                      v-if="$parent.$parent.projectStart"
+                      @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_search button_spacing" @click="$parent.$parent.loadPage()">返回</button>
+              <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
+              <div
+                :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
+                @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
+                class="button_spacing"
+                style="float: right">
+              </div>
+            </div>
+          </div>
+          <div class="row" v-show="$parent.$parent.criteriaShow">
+            <!--              <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_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_apply_num"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="u.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" placeholder='合同编号' v-model="model.f_contract_money"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="u.f_contract_money 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="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_user_appraise"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="f_user_appraise 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_contract_number"
+                     v-on:keyup.enter="$parent.$parent.search()"
+                     condition="f_contract_number = '{}'">
+            </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 in {}"
+                :value.sync="model.f_apply_type"
+                :options='$parent.$parent.applytype'
+                class="select select_list"
+                :multiple="true"
+                ></v-select>
+            </div>
+            <div class="form-group col-sm-3">
+              <label class="font_normal_body">办理环节：</label>
+              <v-select
+                v-model="model.defname"
+                placeholder='办理环节'
+                condition="act.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 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>
+              <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 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">
+              <label class="font_normal_body">稍后处理：</label>
+              <v-select
+                v-model="model.f_no_valid"
+                placeholder='稍后处理'
+                condition="lp.f_no_valid = '{}'"
+                :value.sync="model.f_no_valid"
+                :options='$parent.$parent.laterList'
+                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.act_sender"
+                     v-on:keyup.enter="$parent.$parent.search()" condition="act.sender like '%{}%'" placeholder='节点发起人'>
+            </div>
+            <div class="form-group col-sm-3">
+              <label  for="bookstart" class="font_normal_body">开始时间：</label>
+              <datepicker id="bookstart" placeholder="预约开始日期"
+                          style="width: 60%!important;"
+                          v-model="model.bookstart"
+                          :value.sync="model.bookstart"
+                          :format="'yyyy-MM-dd 00:00:00'"
+                          :show-reset-button="true"
+                          condition="f_order_date >= '{}'">
+              </datepicker>
+            </div>
+            <div class="form-group col-sm-3">
+              <label for="bookend" class="font_normal_body">结束时间：</label>
+              <datepicker id="bookend" placeholder="预约结束日期"
+                          style="width: 60%!important;"
+                          v-model="model.bookend"
+                          :value.sync="model.bookend"
+                          :format="'yyyy-MM-dd 23:59:59'"
+                          :show-reset-button="true"
+                          condition="f_order_date <= '{}'">
+              </datepicker>
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <data-grid v-if="$parent.showData" :model="model" partial='list' v-ref:grid class="list_area table_sy" style="height: 100%">
+        <template partial='head'>
+          <tr>
+            <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>
+            <th style="white-space: nowrap;">用户评价</th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr class="back-style">
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <dropdown>
+                <button type="button" data-toggle="dropdown" style="border: 0px;background: none;">
+                  <span class="glyphicon glyphicon-th-list" style="position: inherit;"></span>
+                </button>
+                <ul slot="dropdown-menu" class="dropdown-menu dropdown-menu-left">
+                  <li>
+                    <a href="#" @click="$parent.$parent.$parent.click(row)">{{row.defname}}</a>
+                  </li>
+                </ul>
+              </dropdown>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':'', row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{$index+1}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_apply_num}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_user_name}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_contract_number}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_contract_money}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_cumulative_payment_money}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_surplus_money}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_phone}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_address}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_apply_source}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_apply_type}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.defname}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_sub_state}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_apply_date}}</font></nobr>
+            </td>
+            <td :class="[ row.isover ==='过期' ? 'p1' : row.isbeforeover === '预期提醒'? 'p':''  , row.f_back_reason ? 'back-style':'' ]" style="text-align: center;">
+              <nobr><font>{{row.f_user_appraise}}</font></nobr>
+            </td>
+          </tr>
+        </template>
+      </data-grid>
+    </criteria-paged>
+
+    <modal
+      v-if="showModal"
+      :show.sync="showModal"
+      backdrop="false"
+      title="工程类型"
+      cancel-text="取消"
+      ok-text="确认"
+      :callback="apply"
+    >
+      <div class="form-horizontal" slot="modal-body">
+        <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="applyType"
+              placeholder='请选择需要发起的工程类型'
+              :value.sync="applyType"
+              :options='$appdata.getParam("报建类型")'
+              :value-single="true"
+              class="select select_list"
+              :search="false"
+              close-on-select ></v-select>
+          </div>
+        </div>
+      </div>
+    </modal>
+
+    <modal v-if="showFile" :show.sync="showFile" v-ref:modal :backdrop="false" title="选择文件">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
+        <h4 class="modal-title">选择文件</h4>
+      </header>
+      <article slot="modal-body" class="modal-body">
+        <div class="form-group">
+          <file-upload class="my-file-uploader" action="rs/file/uploadFile" tagname="确定" v-ref:file></file-upload>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer"></footer>
+    </modal>
+  </div>
+</template>
+<script>
+  import {HttpResetClass, PagedList} from 'vue-client'
+  import {isEmpty} from '../../../components/Util'
+
+  export default {
+    title: '工程列表',
+    props: ['showData'],
+    data () {
+      return {
+        model: new PagedList('rs/sql/checkuser', 20, {
+          data: {
+            id: this.$login.f.id,
+            orgid: this.$login.f.orgid
+          }
+        }),
+        showModal: false, // 控制发起类型选择
+        applyType: '',  // 报建类型
+        curorgid: [this.$login.f.orgid],
+        applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')],
+        defnames: [{label: '全部', value: ''}, ...this.$appdata.getParam('办理环节')], // 流程节点
+        applyNatures: [{label: '全部', value: ''}], // 报建性质
+        criteriaShow: false,
+        showFile: false,
+        laterList: [
+          {label: '全部', value: ''},
+          {label: '有效', value: '有效'}
+        ]
+      }
+    },
+    ready () {
+      // 调用查询
+      this.search()
+    },
+    methods: {
+      openLater (row) {
+        this.$dispatch('openLater', row)
+      },
+      closeFile () {
+        this.showFile = false
+        // 将选的文件清空
+        this.$refs.file.$el.querySelector('input').value = ''
+        this.search()
+      },
+      // 点击操作
+      click (val) {
+        this.$dispatch('apply', val)
+      },
+      // 获取流程id
+      async getProcessId(processname) {
+        let data = {
+          workname: processname
+        }
+        let http = new HttpResetClass()
+        let res = await http.load(
+          'POST',
+          'rs/logic/getProcessId',
+          {data: data},
+          {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
+        )
+
+        return res.data
+      },
+      // 报装申请
+      async apply () {
+        if (this.applyType === '' || this.applyType === null) {
+          this.$showAlert('请选择需要发起的类型', 'warning', 3000)
+          return
+        }
+        let data = {
+          f_apply_type: this.applyType
+        }
+        if (this.applyType === '民用散户报建流程') {
+          data.processname = '民用散户报建流程'
+          data.defname = '报装申请'
+        }
+        else if (this.applyType === '民用预留户报建流程') {
+          data.processname = '民用预留户报建流程'
+          data.defname = '报装申请'
+        }
+        else if (this.applyType === '民用集体报建流程') {
+          data.processname = '民用集体报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '非民用报建流程') {
+          data.processname = '非民用报建流程'
+          data.defname = '报装申请'
+        } else if (this.applyType === '启封通气') {
+          data.processname = '启封通气流程'
+          data.defname = '通气申请'
+        }else if (this.applyType === '整改报建') {
+          data.processname = '整改报建流程'
+          data.defname = '报装申请'
+        }else {
+          this.$showMessage('暂无此类报装')
+          return
+        }
+
+        data.f_sub_state = "新增"
+        data.f_apply_source = "线下发起"
+        data.f_process_id = await this.getProcessId(data.processname)
+
+        // 调用ExplorationUser事件
+        this.$dispatch('apply', data)
+
+        this.applyType = null
+        this.showModal = false
+      },
+      loadPage () {
+        this.$dispatch('loadPage')
+      },
+      search () {
+        this.$dispatch('search')
+      },
+      async applyTypeChange () {
+        //判断this.$refs.cp.$refs.cri.model.f_apply_type是不是数组
+        if (Array.isArray(this.$refs.cp.$refs.cri.model.f_apply_type)) {
+          if(this.$refs.cp.$refs.cri.model.f_apply_type.length>0){
+            for (let i = 0; i < this.$refs.cp.$refs.cri.model.f_apply_type.length; i++) {
+              let res = await this.$resetpost('rs/logic/getDefnameByType',
+                { f_apply_type: this.$refs.cp.$refs.cri.model.f_apply_type[i] },
+                {resolveMsg: null, rejectMsg: '节点信息获取失败！！！'}
+              )
+              if (!isEmpty(res.data)) {
+                const newDefnames = [{ label: '全部', value: '' }, ...res.data];
+                const newApplyNatures = isEmpty(this.$appdata.getParam(`${this.$refs.cp.$refs.cri.model.f_apply_type[i]}性质`))
+                  ? [{ label: '全部', value: '' }]
+                  : [{ label: '全部', value: '' }, ...this.$appdata.getParam(`${this.$refs.cp.$refs.cri.model.f_apply_type[i]}性质`)];
+                // 检查并追加 defnames
+                newDefnames.forEach(item => {
+                  if (!this.defnames.some(defname => defname.value === item.value)) {
+                    this.defnames.push(item);
+                  }
+                });
+                // 检查并追加 applyNatures
+                newApplyNatures.forEach(item => {
+                  if (!this.applyNatures.some(applyNature => applyNature.value === item.value)) {
+                    this.applyNatures.push(item);
+                  }
+                });
+              }
+            }
+          }
+        }else{
+          if (!isEmpty(this.$refs.cp.$refs.cri.model.f_apply_type)) {
+            let res = await this.$resetpost('rs/logic/getDefnameByType',
+              { f_apply_type: this.$refs.cp.$refs.cri.model.f_apply_type },
+              {resolveMsg: null, rejectMsg: '节点信息获取失败！！！'}
+            )
+
+            this.defnames = [{label: '全部', value: ''}, ...res.data]
+
+            this.applyNatures = isEmpty(this.$appdata.getParam(`${this.$refs.cp.$refs.cri.model.f_apply_type}性质`)) ? [{label: '全部', value: ''}] : [{label: '全部', value: ''}, ...this.$appdata.getParam(`${this.$refs.cp.$refs.cri.model.f_apply_type}性质`)]
+          } else {
+            this.defnames = [{label: '全部', value: ''}]
+
+            this.applyNatures = [{label: '全部', value: ''}]
+          }
+        }
+      },
+      clear () {
+        Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+          this.$refs.cp.$refs.cri.model[key] = null
+        })
+      },
+      getorg (val) {
+        if (val.length <= 0) {
+          return
+        }
+        this.model.params.data.orgid = val[0]
+      }
+    },
+    computed: {
+      projectStart () {
+        return this.$login.r.includes('报建发起')
+      }
+    },
+    watch: {
+      'model.rows': {
+        handler: function () {
+          let isover = []           // 过期(超时)数据
+          let isbeforeover = []     // 未过期 提前提醒
+          for (let i = 0; i < this.model.rows.length; i++) {
+            let item = this.model.rows[i]
+            if (item.isover === '过期') {
+              isover.push(i + 1)
+            }
+            if (item.isbeforeover === '预期提醒') {
+              isbeforeover.push(i + 1)
+            }
+          }
+          let msg = null
+          if (isover.length > 0) {
+            msg = `第${isover.toString()}条数据已过期`
+            this.$showAlert(msg, 'warning', 3000)
+          }
+
+          if (isbeforeover.length > 0) {
+            msg = `第${isbeforeover.toString()}条数据即将过期`
+            if (isover.length > 0) {
+              setTimeout(() => {
+                this.$showAlert(msg, 'warning', 3000)
+              }, 4000)
+            } else {
+              this.$showAlert(msg, 'warning', 3000)
+            }
+          }
+        }
+      }
+    },
+    events: {
+      async 'onFileUpload'(file, result) {
+        let data = {
+          filepath: result.f_downloadpath,
+          user: this.$login.f
+        }
+        let res = await this.$resetpost(`rs/logic/importApply`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败！！！', silent: true}, 0)
+
+        this.closeFile()
+      }
+    }
+  }
+</script>
+<style scoped>
+  .back-style{
+    background-color: #ffa726;
+  }
+  .p1 {
+    color: #dc0b12;
+    font-weight:bold
+  }
+  .p {
+    color: #ffaf4f;
+  }
+</style>