apply-clients 3.5.1 → 3.5.3

package/src/components/android/Process/AppExplorationUser.vue

@@ -1,508 +1,508 @@
-<template>
-  <div class="p-10">
-    <criteria-paged :model="model" v-ref:cp>
-      <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
-        <div partial class="auto">
-          <div class="row form-group app-input">
-            <label class="">客户名称：</label>
-            <div class="col-xs-8" >
-              <input class="" v-model=model.f_user_name condition="u.f_user_name like '%{}%'" />
-            </div>
-          </div>
-          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">联系电话：</label>
-            <div class="col-xs-8" >
-              <input class="" v-model=model.f_phone condition="u.f_phone like '%{}%'" />
-            </div>
-          </div>
-          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">工程编号：</label>
-            <div class="col-xs-8" >
-              <input class="" v-model=model.f_apply_num condition="u.f_apply_num like '%{}%'" />
-            </div>
-          </div>
-          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">合同编号：</label>
-            <div class="col-xs-8" >
-              <input class="" v-model=model.f_contract_number condition="u.f_contract_number like '%{}%'" />
-            </div>
-          </div>
-          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">报建类型：</label>
-            <div class="col-xs-8" >
-              <v-select
-                width="100%"
-                v-model="model.f_apply_type"
-                placeholder='报建类型'
-                condition="u.f_apply_type like '%{}%'"
-                :value.sync="model.f_apply_type"
-                :options='$parent.$parent.applytype'
-                class="select select_list"
-                :value-single="true"
-                @change="$parent.$parent.applyTypeChange()"
-                close-on-select ></v-select>
-            </div>
-          </div>
-          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">办理环节：</label>
-            <div class="col-xs-8" >
-              <v-select
-                width="100%"
-                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>
-          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">报建性质：</label>
-            <div class="col-xs-8" >
-              <v-select
-                width="100%"
-                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 class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">用户地址：</label>
-            <div class="col-xs-8" >
-              <input class="" v-model=model.f_address condition="u.f_address like '%{}%'" />
-            </div>
-          </div>
-          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">开始时间：</label>
-            <div class="col-xs-8" >
-              <datepicker id="startDate" placeholder="开始日期"
-                          style="width: 100%!important;"
-                          v-model="model.startDate"
-                          :value.sync="model.startDate"
-                          :format="'yyyy-MM-dd 00:00:00'"
-                          :show-reset-button="true"
-                          condition="u.f_apply_date >= '{}'">
-              </datepicker>
-            </div>
-          </div>
-          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">结束时间：</label>
-            <div class="col-xs-8" >
-              <datepicker id="endDate" placeholder="结束日期"
-                          style="width: 100%!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>
-          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
-            <label class="">稍后处理：</label>
-            <div class="col-xs-8" >
-              <v-select
-                width="100%"
-                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>
-          <div class="row form-group text-right" style="">
-            <button class="btn btn-primary" @click="$parent.$parent.search()">查询</button>
-            <button class="btn btn-info" @click="$parent.$parent.clear()">清空</button>
-            <button v-if="$parent.$parent.initiateapply" class="btn btn-info" @click="$parent.$parent.showModal = !$parent.$parent.showModal">工程发起</button>
-            <button class="btn" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"></button>
-          </div>
-        </div>
-      </criteria>
-
-      <list :model="model" partial='list'>
-        <div partial class="auto app-text panel">
-          <div class="panel-body panel-self">
-            <div class="col-xs-12">
-              <p class="col-xs-3 text-left font"><b>客户名称：</b></p>
-              <p class="col-xs-9 text-left input-font">{{ row.f_user_name }}</p>
-            </div>
-            <div class="col-xs-12">
-              <p class="col-xs-3 text-left font"><b>电&emsp;&emsp;话：</b></p>
-              <p class="col-xs-9 text-left input-font">
-                {{ row.f_phone }}&ensp;
-                <svg @click.prevent="$parent.$parent.$parent.dialNumber(row.f_phone)" style="width: 25px;height: 25px;position: absolute;" t="1628575136009" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2374" width="200" height="200"><path d="M682.25 465.262c0 16.695 11.115 27.811 27.81 27.811s27.812-11.116 27.812-27.811A167.395 167.395 0 0 0 570.96 298.35c-16.695 0-27.811 11.116-27.811 27.811s11.16 27.812 27.811 27.812a111.597 111.597 0 0 1 111.29 111.289z m111.289 0c0 16.695 11.115 27.811 27.81 27.811s27.812-11.116 27.812-27.811c0-152.984-125.217-278.201-278.2-278.201-16.696 0-27.812 11.16-27.812 27.855s11.16 27.811 27.811 27.811c122.405 0 222.579 100.174 222.579 222.535zM417.976 367.9c30.623-30.579 33.391-77.898 5.58-111.289L337.31 148.134c-27.811-36.16-80.666-41.74-116.869-13.928-2.768 2.812-5.536 2.812-5.536 5.58l-75.13 75.13c-72.318 72.318 30.623 267.041 217.042 453.417C543.15 854.708 735.06 954.88 807.378 885.33l75.13-75.13c33.392-33.391 33.392-86.246 0-116.825l-5.536-5.58-108.52-86.246c-33.348-27.81-80.623-25.043-111.246 5.58l-47.275 47.319c-50.087-30.623-94.593-64.014-133.564-102.941-38.927-38.971-72.275-83.478-102.898-133.565l44.507-50.043z m-38.927-75.13c8.348 11.16 8.348 27.855-2.812 36.203l-61.202 63.97a29.569 29.569 0 0 0-5.536 33.392 721.425 721.425 0 0 0 122.405 164.1 721.512 721.512 0 0 0 164.1 122.405 29.569 29.569 0 0 0 33.39-5.58l63.971-63.97c11.16-11.116 25.043-11.116 36.203-2.769l108.477 89.014s2.768 0 2.768 2.768a26.889 26.889 0 0 1 0 38.971l-75.13 75.13c-36.115 36.115-208.606-55.666-372.75-217.042-164.1-161.332-253.114-336.548-216.955-372.75l77.854-77.899c11.16-8.348 30.623-8.348 38.971 5.58l86.246 108.521z" fill="#8A8A8A" p-id="2375"></path></svg>
-              </p>
-            </div>
-            <div class="col-xs-12">
-              <p class="col-xs-3 text-left font"><b>工程编号：</b></p>
-              <p class="col-xs-9 text-left input-font">{{ row.f_apply_num }}</p>
-            </div>
-            <div class="col-xs-12">
-              <p class="col-xs-3 text-left font"><b>客户编号：</b></p>
-              <p :class="[ row.defname =='通气点火' && (row.f_apply_nature=='热水器' || row.f_apply_nature=='壁挂炉') ? 'redy' : (row.f_apply_nature=='热水器' || row.f_apply_nature=='壁挂炉' ? 'pred': (row.defname =='通气点火' ? 'p1':''))]" class="col-xs-9 text-left input-font">{{ row.f_userinfo_code }}</p>
-            </div>
-            <div class="col-xs-12">
-              <p class="col-xs-3 text-left font"><b>报建类型：</b></p>
-              <p class="col-xs-9 text-left input-font">{{ row.f_apply_type }}</p>
-            </div>
-            <div class="col-xs-12">
-              <p class="col-xs-3 text-left font"><b>办理环节：</b></p>
-              <p class="col-xs-9 text-left input-font">{{ row.defname }}</p>
-            </div>
-            <div class="col-xs-12">
-              <p class="col-xs-3 text-left font"><b>地&emsp;&emsp;址：</b></p>
-              <p class="col-xs-9 text-left input-font">{{ row.f_address }}</p>
-            </div>
-            <div class="col-xs-12" v-if="row.f_order_date != null ">
-              <p class="col-xs-3 text-left font"><b>预约日期：</b></p>
-              <p class="col-xs-9 text-left input-font">{{ row.f_order_date }}</p>
-            </div>
-            <div class="col-xs-12">
-              <p class="col-xs-3 text-left font"><b>报建日期：</b></p>
-              <p class="col-xs-9 text-left input-font">{{ row.f_apply_date }}</p>
-            </div>
-            <div class="col-xs-12" style="color: red">
-              <p class="col-xs-3 text-left font"><b>施工备注：</b></p>
-              <p class="col-xs-9 text-left input-font">{{ row.f_construction_remarks }}</p>
-            </div>
-            <div class="col-xs-12" style="color: red" v-if="row.defname == '工程施工'||row.defname=='工程派工'">
-              <p class="col-xs-3 text-left font"><b>报装备注：</b></p>
-              <p class="col-xs-9 text-left input-font">{{ row.f_apply_remarks }}</p>
-            </div>
-            <div class="col-xs-12" v-if="row.f_no_valid != null">
-              <p class="col-xs-4 text-left font"><b>稍后处理备注：</b></p>
-              <p class="col-xs-8 text-left input-font" style="color: red">{{row.f_later_remarks}}</p>
-            </div>
-
-            <div class="col-xs-12" v-if="row.f_back_reason != null">
-              <p class="col-xs-4 text-left font"><b>退回备注：</b></p>
-              <p class="col-xs-8 text-left input-font">
-                <span style="color: red;font-family: 微软雅黑;font-weight: bold;font-size: 18px">请注意被退回原因为:{{row.f_back_reason}} 退回时间：{{row.f_date}}</span>
-              </p>
-            </div>
-
-            <div class="col-xs-12 text-right">
-              <button class="btn btn-info" type="button" @click="$parent.$parent.$parent.openLater(row) " v-if="row.f_no_valid !== '有效'">稍后处理</button>
-              <button class="btn btn-info" @click="$parent.$parent.$parent.click(row)">处理</button>
-            </div>
-          </div>
-        </div>
-      </list>
-
-    </criteria-paged>
-    <validator name="v">
-      <modal v-if="showLater" :show.sync="showLater" v-ref:modal :large="true" :backdrop="false" title="稍后处理">
-        <header slot="modal-header" class="modal-header">
-          <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
-          <h4 class="modal-title">稍后处理</h4>
-        </header>
-
-        <article slot="modal-body" class="modal-body clearfix">
-          <div class="form-group col-sm-12">
-            <label class="col-sm-2 control-label">稍后处理备注：</label>
-            <div class="col-sm-10">
-              <input type="textarea"
-                     class="form-control input_view"
-                     style="width: 100%"
-                     v-model="laterapply.f_later_remarks" />
-            </div>
-          </div>
-        </article>
-
-        <footer slot="modal-footer" class="modal-footer">
-          <button type="button" class="btn btn-primary" :disabled='!$v.valid' @click="later()">稍后处理</button>
-        </footer>
-      </modal>
-    </validator>
-    <validator name="v">
-      <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="row form-group app-input" style="margin: 10px auto">
-              <label class="">报建类型：</label>
-              <div class="col-sm-8">
-                <v-select
-                  v-model="applyType"
-                  placeholder='请选择需要发起的工程类型'
-                  :value.sync="applyType"
-                  :options='applyTypes'
-                  :value-single="true"
-                  class="select select_list"
-                  :search="false"
-                  close-on-select ></v-select>
-              </div>
-          </div>
-        </div>
-      </modal>
-    </validator>
-  </div>
-</template>
-<script>
-import Vue from 'vue'
-import { PagedList, HttpResetClass } from 'vue-client'
-import {isEmpty} from '../../Util'
-export default {
-  title: '报建流程',
-  data () {
-    return {
-      selectdate: {},
-      showLater: false,
-      model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/checkuser`, 20, {
-        data: {
-          id: Vue.user.id,
-          orgid: Vue.user.orgid
-        },
-      }),
-      applytype:[],
-      showModal: false,
-      applyType: '',  // 报建类型
-      applyTypes:[],
-      // applyTypes:[{label:'散户报建',value:'散户报建'},{label:'工商户报建',value:'工商户报建'}],
-      criteriaShow: false,
-     //  applytype: [{label: '全部', value: ''}, {label:'团购转散户',value:'团购转散户'} ], // 所有报建类型
-      defnames: [{label: '全部', value: ''}],
-      applyNatures: [{label: '全部', value: ''}], // 报建性质
-      laterList: [
-        {label: '全部', value: ''},
-        {label: '有效', value: '有效'}
-      ],
-      initiateapply:this.$appdata.getSingleValue('手机发起报建')?this.$appdata.getSingleValue('手机发起报建'):false,
-      laterapply: {}
-    }
-  },
-  ready () {
-    this.search()
-    //this.$refs.cp.$refs.cri.model.defname='报装缴费'
-    //this.$refs.cp.$refs.cri.model.defname='合同签订'
-   this.applytype =[{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')]// 所有报建类型
-    this.applyTypes=this.$appdata.getParam("手机报建类型")
-
-  },
-  methods: {
-    openLater (row) {
-      this.selectdate = row
-      this.showLater=true
-    },
-    async later () {
-      let http = new HttpResetClass()
-      let data = {
-        laterapply: this.laterapply,
-        selectdata: this.selectdate,
-        user: Vue.user
-      }
-      let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/laterprocessing`, {data:data}, {
-        resolveMsg: null,
-        rejectMsg: '稍后处理记录保存失败！！！'
-      })
-      this.closeModal()
-    },
-    closeModal() {
-      this.selectdate = null
-      this.showLater = false
-      this.laterapply = {}
-      this.search()
-    },
-    dialNumber (phone) {
-      this.$showMessage(`是否拨打电话：${phone}`, ['confirm']).then((res) => {
-        if (res === 'confirm') {
-          this.$androidUtil.makeAPhoneCall(phone)
-        }
-      })
-    },
-    clear () {
-      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
-        this.$refs.cp.$refs.cri.model[key] = null
-      })
-    },
-    // 查询
-    search () {
-      this.$refs.cp.$refs.cri.search()
-    },
-    searchCondition (args) {
-      args.condition =  args.condition + `and (act.defname in ('现场勘察','埋管','工程施工','竣工验收','通气点火')) `
-      this.model.search(args.condition, args.model)
-    },
-    click (row) {
-      let _this = this
-      this.$dispatch('gotoson', {
-        _this: _this,
-        title: row.defname,
-        safe: true
-      })
-      this.$goto('app-service-control', {selectdata: row}, 'self', _this.search)
-    },
-    applyTypeChange () {
-      if (!isEmpty(this.$refs.cp.$refs.cri.model.f_apply_type)) {
-        let http = new HttpResetClass()
-        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/getDefnameByType`, {
-        // http.load('POST', 'rs/logic/getDefnameByType', {
-          f_apply_type: this.$refs.cp.$refs.cri.model.f_apply_type
-        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
-          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: ''}]
-      }
-    },
-    // 报装申请
-    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 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.click(data)
-      this.applyType = null
-      this.showModal = false
-    },
-    // 获取流程id
-    async getProcessId(processname) {
-      let data = {
-        workname: processname
-      }
-      let http = new HttpResetClass()
-      let res = await http.load(
-        'POST',
-        `${this.$androidUtil.getProxyUrl()}/rs/logic/getProcessId`,
-        {data: data},
-        {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
-      )
-
-      return res.data
-    },
-  },
-  events: {
-  },
-  watch: {
-  },
-  computed: {
-    appDefnames () {
-      // let list = [{label: '报装缴费', value: '报装缴费'}, {label: '通气点火', value: '通气点火'},{label: '工程施工', value: '工程施工'},{label: '工程派工', value: '工程派工'},{label: '点火派单', value: '点火派单'}]
-      let list = this.$appdata.getParam('手机节点')
-      return `(${list.map(item => `'${item.value}'`).toString()})`
-    }
-  }
-}
-</script>
-<style scoped>
-  .pred{
-    color: red;
-  }
-  .p1 {
-    color: #ffaf4f;
-  }
-  .redy{
-    color: deeppink;
-  }
-  .panel-self{
-    border-radius: 10px;
-    border:1px solid #499EDF;
-    background-color: #F8F8F8;
-  }
-  .font{
-    font: 15px PingFang-SC-Medium;
-    color: #666666;
-  }
-
-  .button_shrink_top {
-    width: 34px;
-    height: 34px;
-    border: solid 1px #6aa6e2;
-    background-size: 100%;
-    background-image: url("../../../../static/newStyle/stretch_top.png")
-  }
-
-  .button_shrink_bottom {
-    width: 34px;
-    height: 34px;
-    border: solid 1px #6aa6e2;
-    background-size: 100%;
-    background-image: url("../../../../static/newStyle/stretch_bottom.png")
-  }
-</style>
-<style lang="less">
-.app-input {
-  label {
-    float: left;
-  }
-  .select {
-    button {
-      border: none;
-      outline: none;
-      text-align: left;
-      .btn-placeholder {
-        color: #ACA899
-      }
-    }
-  }
-  .datepicker {
-    .form-control:focus {
-      border: none!important;
-      outline: none!important;
-      -webkit-box-shadow: none;
-      box-shadow: none;
-    }
-  }
-}
-</style>
+<template>
+  <div class="p-10">
+    <criteria-paged :model="model" v-ref:cp>
+      <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
+        <div partial class="auto">
+          <div class="row form-group app-input">
+            <label class="">客户名称：</label>
+            <div class="col-xs-8" >
+              <input class="" v-model=model.f_user_name condition="u.f_user_name like '%{}%'" />
+            </div>
+          </div>
+          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">联系电话：</label>
+            <div class="col-xs-8" >
+              <input class="" v-model=model.f_phone condition="u.f_phone like '%{}%'" />
+            </div>
+          </div>
+          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">工程编号：</label>
+            <div class="col-xs-8" >
+              <input class="" v-model=model.f_apply_num condition="u.f_apply_num like '%{}%'" />
+            </div>
+          </div>
+          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">合同编号：</label>
+            <div class="col-xs-8" >
+              <input class="" v-model=model.f_contract_number condition="u.f_contract_number like '%{}%'" />
+            </div>
+          </div>
+          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">报建类型：</label>
+            <div class="col-xs-8" >
+              <v-select
+                width="100%"
+                v-model="model.f_apply_type"
+                placeholder='报建类型'
+                condition="u.f_apply_type like '%{}%'"
+                :value.sync="model.f_apply_type"
+                :options='$parent.$parent.applytype'
+                class="select select_list"
+                :value-single="true"
+                @change="$parent.$parent.applyTypeChange()"
+                close-on-select ></v-select>
+            </div>
+          </div>
+          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">办理环节：</label>
+            <div class="col-xs-8" >
+              <v-select
+                width="100%"
+                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>
+          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">报建性质：</label>
+            <div class="col-xs-8" >
+              <v-select
+                width="100%"
+                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 class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">用户地址：</label>
+            <div class="col-xs-8" >
+              <input class="" v-model=model.f_address condition="u.f_address like '%{}%'" />
+            </div>
+          </div>
+          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">开始时间：</label>
+            <div class="col-xs-8" >
+              <datepicker id="startDate" placeholder="开始日期"
+                          style="width: 100%!important;"
+                          v-model="model.startDate"
+                          :value.sync="model.startDate"
+                          :format="'yyyy-MM-dd 00:00:00'"
+                          :show-reset-button="true"
+                          condition="u.f_apply_date >= '{}'">
+              </datepicker>
+            </div>
+          </div>
+          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">结束时间：</label>
+            <div class="col-xs-8" >
+              <datepicker id="endDate" placeholder="结束日期"
+                          style="width: 100%!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>
+          <div class="row form-group app-input" v-if="$parent.$parent.criteriaShow">
+            <label class="">稍后处理：</label>
+            <div class="col-xs-8" >
+              <v-select
+                width="100%"
+                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>
+          <div class="row form-group text-right" style="">
+            <button class="btn btn-primary" @click="$parent.$parent.search()">查询</button>
+            <button class="btn btn-info" @click="$parent.$parent.clear()">清空</button>
+            <button v-if="$parent.$parent.initiateapply" class="btn btn-info" @click="$parent.$parent.showModal = !$parent.$parent.showModal">工程发起</button>
+            <button class="btn" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"></button>
+          </div>
+        </div>
+      </criteria>
+
+      <list :model="model" partial='list'>
+        <div partial class="auto app-text panel">
+          <div class="panel-body panel-self">
+            <div class="col-xs-12">
+              <p class="col-xs-3 text-left font"><b>客户名称：</b></p>
+              <p class="col-xs-9 text-left input-font">{{ row.f_user_name }}</p>
+            </div>
+            <div class="col-xs-12">
+              <p class="col-xs-3 text-left font"><b>电&emsp;&emsp;话：</b></p>
+              <p class="col-xs-9 text-left input-font">
+                {{ row.f_phone }}&ensp;
+                <svg @click.prevent="$parent.$parent.$parent.dialNumber(row.f_phone)" style="width: 25px;height: 25px;position: absolute;" t="1628575136009" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2374" width="200" height="200"><path d="M682.25 465.262c0 16.695 11.115 27.811 27.81 27.811s27.812-11.116 27.812-27.811A167.395 167.395 0 0 0 570.96 298.35c-16.695 0-27.811 11.116-27.811 27.811s11.16 27.812 27.811 27.812a111.597 111.597 0 0 1 111.29 111.289z m111.289 0c0 16.695 11.115 27.811 27.81 27.811s27.812-11.116 27.812-27.811c0-152.984-125.217-278.201-278.2-278.201-16.696 0-27.812 11.16-27.812 27.855s11.16 27.811 27.811 27.811c122.405 0 222.579 100.174 222.579 222.535zM417.976 367.9c30.623-30.579 33.391-77.898 5.58-111.289L337.31 148.134c-27.811-36.16-80.666-41.74-116.869-13.928-2.768 2.812-5.536 2.812-5.536 5.58l-75.13 75.13c-72.318 72.318 30.623 267.041 217.042 453.417C543.15 854.708 735.06 954.88 807.378 885.33l75.13-75.13c33.392-33.391 33.392-86.246 0-116.825l-5.536-5.58-108.52-86.246c-33.348-27.81-80.623-25.043-111.246 5.58l-47.275 47.319c-50.087-30.623-94.593-64.014-133.564-102.941-38.927-38.971-72.275-83.478-102.898-133.565l44.507-50.043z m-38.927-75.13c8.348 11.16 8.348 27.855-2.812 36.203l-61.202 63.97a29.569 29.569 0 0 0-5.536 33.392 721.425 721.425 0 0 0 122.405 164.1 721.512 721.512 0 0 0 164.1 122.405 29.569 29.569 0 0 0 33.39-5.58l63.971-63.97c11.16-11.116 25.043-11.116 36.203-2.769l108.477 89.014s2.768 0 2.768 2.768a26.889 26.889 0 0 1 0 38.971l-75.13 75.13c-36.115 36.115-208.606-55.666-372.75-217.042-164.1-161.332-253.114-336.548-216.955-372.75l77.854-77.899c11.16-8.348 30.623-8.348 38.971 5.58l86.246 108.521z" fill="#8A8A8A" p-id="2375"></path></svg>
+              </p>
+            </div>
+            <div class="col-xs-12">
+              <p class="col-xs-3 text-left font"><b>工程编号：</b></p>
+              <p class="col-xs-9 text-left input-font">{{ row.f_apply_num }}</p>
+            </div>
+            <div class="col-xs-12">
+              <p class="col-xs-3 text-left font"><b>客户编号：</b></p>
+              <p :class="[ row.defname =='通气点火' && (row.f_apply_nature=='热水器' || row.f_apply_nature=='壁挂炉') ? 'redy' : (row.f_apply_nature=='热水器' || row.f_apply_nature=='壁挂炉' ? 'pred': (row.defname =='通气点火' ? 'p1':''))]" class="col-xs-9 text-left input-font">{{ row.f_userinfo_code }}</p>
+            </div>
+            <div class="col-xs-12">
+              <p class="col-xs-3 text-left font"><b>报建类型：</b></p>
+              <p class="col-xs-9 text-left input-font">{{ row.f_apply_type }}</p>
+            </div>
+            <div class="col-xs-12">
+              <p class="col-xs-3 text-left font"><b>办理环节：</b></p>
+              <p class="col-xs-9 text-left input-font">{{ row.defname }}</p>
+            </div>
+            <div class="col-xs-12">
+              <p class="col-xs-3 text-left font"><b>地&emsp;&emsp;址：</b></p>
+              <p class="col-xs-9 text-left input-font">{{ row.f_address }}</p>
+            </div>
+            <div class="col-xs-12" v-if="row.f_order_date != null ">
+              <p class="col-xs-3 text-left font"><b>预约日期：</b></p>
+              <p class="col-xs-9 text-left input-font">{{ row.f_order_date }}</p>
+            </div>
+            <div class="col-xs-12">
+              <p class="col-xs-3 text-left font"><b>报建日期：</b></p>
+              <p class="col-xs-9 text-left input-font">{{ row.f_apply_date }}</p>
+            </div>
+            <div class="col-xs-12" style="color: red">
+              <p class="col-xs-3 text-left font"><b>施工备注：</b></p>
+              <p class="col-xs-9 text-left input-font">{{ row.f_construction_remarks }}</p>
+            </div>
+            <div class="col-xs-12" style="color: red" v-if="row.defname == '工程施工'||row.defname=='工程派工'">
+              <p class="col-xs-3 text-left font"><b>报装备注：</b></p>
+              <p class="col-xs-9 text-left input-font">{{ row.f_apply_remarks }}</p>
+            </div>
+            <div class="col-xs-12" v-if="row.f_no_valid != null">
+              <p class="col-xs-4 text-left font"><b>稍后处理备注：</b></p>
+              <p class="col-xs-8 text-left input-font" style="color: red">{{row.f_later_remarks}}</p>
+            </div>
+
+            <div class="col-xs-12" v-if="row.f_back_reason != null">
+              <p class="col-xs-4 text-left font"><b>退回备注：</b></p>
+              <p class="col-xs-8 text-left input-font">
+                <span style="color: red;font-family: 微软雅黑;font-weight: bold;font-size: 18px">请注意被退回原因为:{{row.f_back_reason}} 退回时间：{{row.f_date}}</span>
+              </p>
+            </div>
+
+            <div class="col-xs-12 text-right">
+              <button class="btn btn-info" type="button" @click="$parent.$parent.$parent.openLater(row) " v-if="row.f_no_valid !== '有效'">稍后处理</button>
+              <button class="btn btn-info" @click="$parent.$parent.$parent.click(row)">处理</button>
+            </div>
+          </div>
+        </div>
+      </list>
+
+    </criteria-paged>
+    <validator name="v">
+      <modal v-if="showLater" :show.sync="showLater" v-ref:modal :large="true" :backdrop="false" title="稍后处理">
+        <header slot="modal-header" class="modal-header">
+          <button type="button" class="close" @click="closeModal"><span>&times;</span></button>
+          <h4 class="modal-title">稍后处理</h4>
+        </header>
+
+        <article slot="modal-body" class="modal-body clearfix">
+          <div class="form-group col-sm-12">
+            <label class="col-sm-2 control-label">稍后处理备注：</label>
+            <div class="col-sm-10">
+              <input type="textarea"
+                     class="form-control input_view"
+                     style="width: 100%"
+                     v-model="laterapply.f_later_remarks" />
+            </div>
+          </div>
+        </article>
+
+        <footer slot="modal-footer" class="modal-footer">
+          <button type="button" class="btn btn-primary" :disabled='!$v.valid' @click="later()">稍后处理</button>
+        </footer>
+      </modal>
+    </validator>
+    <validator name="v">
+      <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="row form-group app-input" style="margin: 10px auto">
+              <label class="">报建类型：</label>
+              <div class="col-sm-8">
+                <v-select
+                  v-model="applyType"
+                  placeholder='请选择需要发起的工程类型'
+                  :value.sync="applyType"
+                  :options='applyTypes'
+                  :value-single="true"
+                  class="select select_list"
+                  :search="false"
+                  close-on-select ></v-select>
+              </div>
+          </div>
+        </div>
+      </modal>
+    </validator>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import { PagedList, HttpResetClass } from 'vue-client'
+import {isEmpty} from '../../Util'
+export default {
+  title: '报建流程',
+  data () {
+    return {
+      selectdate: {},
+      showLater: false,
+      model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/checkuser`, 20, {
+        data: {
+          id: Vue.user.id,
+          orgid: Vue.user.orgid
+        },
+      }),
+      applytype:[],
+      showModal: false,
+      applyType: '',  // 报建类型
+      applyTypes:[],
+      // applyTypes:[{label:'散户报建',value:'散户报建'},{label:'工商户报建',value:'工商户报建'}],
+      criteriaShow: false,
+     //  applytype: [{label: '全部', value: ''}, {label:'团购转散户',value:'团购转散户'} ], // 所有报建类型
+      defnames: [{label: '全部', value: ''}],
+      applyNatures: [{label: '全部', value: ''}], // 报建性质
+      laterList: [
+        {label: '全部', value: ''},
+        {label: '有效', value: '有效'}
+      ],
+      initiateapply:this.$appdata.getSingleValue('手机发起报建')?this.$appdata.getSingleValue('手机发起报建'):false,
+      laterapply: {}
+    }
+  },
+  ready () {
+    this.search()
+    //this.$refs.cp.$refs.cri.model.defname='报装缴费'
+    //this.$refs.cp.$refs.cri.model.defname='合同签订'
+   this.applytype =[{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')]// 所有报建类型
+    this.applyTypes=this.$appdata.getParam("手机报建类型")
+
+  },
+  methods: {
+    openLater (row) {
+      this.selectdate = row
+      this.showLater=true
+    },
+    async later () {
+      let http = new HttpResetClass()
+      let data = {
+        laterapply: this.laterapply,
+        selectdata: this.selectdate,
+        user: Vue.user
+      }
+      let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/laterprocessing`, {data:data}, {
+        resolveMsg: null,
+        rejectMsg: '稍后处理记录保存失败！！！'
+      })
+      this.closeModal()
+    },
+    closeModal() {
+      this.selectdate = null
+      this.showLater = false
+      this.laterapply = {}
+      this.search()
+    },
+    dialNumber (phone) {
+      this.$showMessage(`是否拨打电话：${phone}`, ['confirm']).then((res) => {
+        if (res === 'confirm') {
+          this.$androidUtil.makeAPhoneCall(phone)
+        }
+      })
+    },
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = null
+      })
+    },
+    // 查询
+    search () {
+      this.$refs.cp.$refs.cri.search()
+    },
+    searchCondition (args) {
+      args.condition =  args.condition + `and (act.defname in ('现场勘察','埋管','工程施工','竣工验收','通气点火')) `
+      this.model.search(args.condition, args.model)
+    },
+    click (row) {
+      let _this = this
+      this.$dispatch('gotoson', {
+        _this: _this,
+        title: row.defname,
+        safe: true
+      })
+      this.$goto('app-service-control', {selectdata: row}, 'self', _this.search)
+    },
+    applyTypeChange () {
+      if (!isEmpty(this.$refs.cp.$refs.cri.model.f_apply_type)) {
+        let http = new HttpResetClass()
+        http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/getDefnameByType`, {
+        // http.load('POST', 'rs/logic/getDefnameByType', {
+          f_apply_type: this.$refs.cp.$refs.cri.model.f_apply_type
+        }, {resolveMsg: null, rejectMsg: null}).then((res) => {
+          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: ''}]
+      }
+    },
+    // 报装申请
+    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 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.click(data)
+      this.applyType = null
+      this.showModal = false
+    },
+    // 获取流程id
+    async getProcessId(processname) {
+      let data = {
+        workname: processname
+      }
+      let http = new HttpResetClass()
+      let res = await http.load(
+        'POST',
+        `${this.$androidUtil.getProxyUrl()}/rs/logic/getProcessId`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
+      )
+
+      return res.data
+    },
+  },
+  events: {
+  },
+  watch: {
+  },
+  computed: {
+    appDefnames () {
+      // let list = [{label: '报装缴费', value: '报装缴费'}, {label: '通气点火', value: '通气点火'},{label: '工程施工', value: '工程施工'},{label: '工程派工', value: '工程派工'},{label: '点火派单', value: '点火派单'}]
+      let list = this.$appdata.getParam('手机节点')
+      return `(${list.map(item => `'${item.value}'`).toString()})`
+    }
+  }
+}
+</script>
+<style scoped>
+  .pred{
+    color: red;
+  }
+  .p1 {
+    color: #ffaf4f;
+  }
+  .redy{
+    color: deeppink;
+  }
+  .panel-self{
+    border-radius: 10px;
+    border:1px solid #499EDF;
+    background-color: #F8F8F8;
+  }
+  .font{
+    font: 15px PingFang-SC-Medium;
+    color: #666666;
+  }
+
+  .button_shrink_top {
+    width: 34px;
+    height: 34px;
+    border: solid 1px #6aa6e2;
+    background-size: 100%;
+    background-image: url("../../../../static/newStyle/stretch_top.png")
+  }
+
+  .button_shrink_bottom {
+    width: 34px;
+    height: 34px;
+    border: solid 1px #6aa6e2;
+    background-size: 100%;
+    background-image: url("../../../../static/newStyle/stretch_bottom.png")
+  }
+</style>
+<style lang="less">
+.app-input {
+  label {
+    float: left;
+  }
+  .select {
+    button {
+      border: none;
+      outline: none;
+      text-align: left;
+      .btn-placeholder {
+        color: #ACA899
+      }
+    }
+  }
+  .datepicker {
+    .form-control:focus {
+      border: none!important;
+      outline: none!important;
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+  }
+}
+</style>