apply-clients 3.3.62 → 3.3.63

package/src/components/android/Function/AppInstallFunction.vue

@@ -1,366 +1,366 @@
-<template>
-  <div class="p-10">
-    <criteria-paged :model="model" v-ref:cp>
-      <criteria partial='criteria' @condition-changed='search' 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 = '{}'"
-                :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 text-right" style="">
-            <button class="btn btn-primary" @click="$parent.$parent.search()">查询</button>
-            <button class="btn btn-info" @click="$parent.$parent.clear()">清空</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 }}</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="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">
-              <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 text-center">
-              <button
-                style="min-width:100px"
-                class="btn btn-info button_spacing"
-                v-for="(index,func) in $parent.$parent.$parent.functions(row)"
-                v-if="$parent.$parent.$parent.$parent.showFunc(func.personexpression)"
-                @click="$parent.$parent.$parent.$parent.click(row, func)">{{ func.title }}</button>
-            </div>
-          </div>
-        </div>
-      </list>
-    </criteria-paged>
-  </div>
-</template>
-<script>
-  import Vue from 'vue'
-  import {HttpResetClass, PagedList} from 'vue-client'
-  import {isEmpty} from '../../Util'
-  export default {
-    title: '报建业务',
-    data () {
-      return {
-        model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/checkuserfunction`, 20, {
-        // model: new PagedList('rs/sql/checkuserfunction', 20, {
-          data: {
-            orgid: Vue.user.orgid
-            // orgid: '10101'
-          }
-        }),
-        criteriaShow: false,
-        applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')], // 所有报建类型
-        defnames: [{label: '全部', value: ''}],
-        applyNatures: [{label: '全部', value: ''}], // 报建性质
-        function_vue: null
-      }
-    },
-    created () {
-      this.getConfig()
-    },
-    ready () {
-      this.search()
-    },
-    methods: {
-      dialNumber (phone) {
-        this.$showMessage(`是否拨打电话：${phone}`, ['confirm']).then((res) => {
-          if (res === 'confirm') {
-            this.$androidUtil.makeAPhoneCall(phone)
-          }
-        })
-      },
-      // 权限控制
-      showFunc (personexpression) {
-
-        if (isEmpty(personexpression)) {
-          return true
-        }
-
-        let mark = personexpression.charAt(0)
-
-        let str = personexpression.substring(2, personexpression.length-1)
-
-        if (mark === 'D' && Vue.user.f_department_name.includes(str)) {
-          return true
-        }
-        if (mark === 'R' && Vue.user.f_role_name.includes(str)) {
-          return true
-        }
-        if (mark === 'P' && Vue.user.id.includes(str)) {
-          return true
-        }
-
-        return false
-      },
-      // 获取功能配置
-      async getConfig () {
-        let res = await this.$resetpost(
-          `${this.$androidUtil.getProxyUrl()}/rs/logic/ApplyGetFunction`,
-          null,
-          {resolveMsg: null, rejectMsg: '配置数据获取失败！！！'}
-        )
-        this.function_vue = res.data
-        // this.function_vue = {"functions":[{"title":"补充协议","showApplyTypes":["散户报建","团购报建","工商户报建"],"showDefnames":["报装缴费","设计出图","图纸审核","工程派工","工程施工"],"tables":["t_apply"],"fields":[{"label":"项目名称","type":"input","field":"f_entry_name","readonly":true,"value":null,"disabled":false,"required":true},{"label":"客户姓名","type":"input","field":"f_user_name","readonly":true,"value":null,"disabled":false,"required":true},{"label":"联系电话","type":"input","field":"f_phone","readonly":true,"disabled":false,"required":true},{"label":"合同编号","type":"input","field":"f_contract_number","placeholder":"Z-自动拼接","readonly":true,"required":true},{"label":"合同金额","type":"number","field":"f_contract_money","placeholder":"请输入","readonly":true,"required":true},{"label":"追加总金额","type":"number","field":"f_add_contract_money","placeholder":"请输入","readonly":true,"required":true,"default":0},{"label":"应交金额","type":"number","field":"f_due_money","placeholder":"请输入","readonly":true,"required":true},{"label":"累计缴费金额","type":"number","field":"f_cumulative_payment_money","placeholder":"请输入","readonly":true,"required":true,"default":0},{"label":"未结总金额","type":"number","field":"f_surplus_money","placeholder":"请输入","readonly":true,"required":true},{"label":"付款比例","type":"input","field":"f_payment_ratio","placeholder":"请输入","readonly":true,"required":true}],"components":[{"title":"补充协议","device":"pc","name":"supplemental-agreement","mark":1},{"title":"补充协议","device":"app","name":"app-supplemental-agreement","mark":1}]},{"title":"收费","component":"service-view","showApplyTypes":["散户报建","改管报建","增容报建","团购报建","工商户报建","团购转散户"],"showDefnames":["报装缴费","设计出图","图纸审核","工程派工","工程施工","点火派单","通气点火","完工"],"tables":["t_apply"],"fields":[{"label":"项目名称","type":"input","field":"f_entry_name","readonly":true,"value":null,"disabled":false,"required":true},{"label":"客户姓名","type":"input","field":"f_user_name","readonly":true,"value":null,"disabled":false,"required":true},{"label":"联系电话","type":"input","field":"f_phone","readonly":true,"disabled":false,"required":true},{"label":"合同编号","type":"input","field":"f_contract_number","placeholder":"Z-自动拼接","readonly":true,"required":true},{"label":"合同金额","type":"number","field":"f_contract_money","placeholder":"请输入","readonly":true,"required":true},{"label":"追加总金额","type":"number","field":"f_add_contract_money","placeholder":"请输入","readonly":true,"required":true,"default":0},{"label":"应交金额","type":"number","field":"f_due_money","placeholder":"请输入","readonly":true,"required":true},{"label":"累计缴费金额","type":"number","field":"f_cumulative_payment_money","placeholder":"请输入","readonly":true,"required":true,"default":0},{"label":"未结总金额","type":"number","field":"f_surplus_money","placeholder":"请输入","readonly":true,"required":true},{"label":"付款比例","type":"input","field":"f_payment_ratio","placeholder":"请输入","readonly":true,"required":true}],"components":[{"title":"缴费明细","device":"pc","name":"apply-charge-management"},{"title":"缴费明细","device":"app","name":"app-charge-management"}]},{"title":"暂停报建","personexpression":"","showApplyTypes":["散户报建","改管报建","增容报建","团购报建","工商户报建","团购转散户"],"showDefnames":["信息确认","报装申请","勘察派工","现场勘察","设计预算","合同签订","报装缴费","设计出图","图纸审核","工程派工","工程施工","点火派单","通气点火"],"tables":["t_apply"],"fields":[{"label":"工程名称","type":"input","field":"f_entry_name","readonly":true,"disabled":false,"required":true},{"label":"工程编号","type":"input","field":"f_apply_num","readonly":true,"disabled":false,"required":true},{"label":"报建类型","type":"input","field":"f_apply_type","readonly":true,"required":true,"disabled":false},{"label":"用户名称","type":"input","field":"f_user_name","readonly":true,"disabled":false,"required":true},{"label":"用户电话","type":"tel","field":"f_phone","readonly":true,"disabled":false,"required":true},{"label":"证件类型","type":"input","field":"f_credentials","readonly":true,"required":true,"disabled":false},{"label":"证件号码","type":"input","field":"f_idnumber","readonly":true,"required":true,"disabled":false},{"label":"地址","type":"textarea","field":"f_address","rows":1,"readonly":true,"required":true,"disabled":false},{"label":"暂停原因","type":"textarea","field":"f_stop_reason","rows":2,"readonly":false,"required":true,"disabled":false}],"buttons":[{"event":"pauseApply","button_name":"暂停","disabled":true}]},{"title":"终止报建","personexpression":"","showApplyTypes":["散户报建","改管报建","增容报建","团购报建","工商户报建","团购转散户"],"showDefnames":["信息确认","报装申请","勘察派工","现场勘察","设计预算","合同签订","报装缴费","设计出图","图纸审核","工程派工","工程施工","点火派单","通气点火"],"tables":["t_apply"],"fields":[{"label":"工程名称","type":"input","field":"f_entry_name","readonly":true,"disabled":false,"required":true},{"label":"工程编号","type":"input","field":"f_apply_num","readonly":true,"disabled":false,"required":true},{"label":"报建类型","type":"input","field":"f_apply_type","readonly":true,"required":true,"disabled":false},{"label":"用户名称","type":"input","field":"f_user_name","readonly":true,"disabled":false,"required":true},{"label":"用户电话","type":"tel","field":"f_phone","readonly":true,"disabled":false,"required":true},{"label":"证件类型","type":"input","field":"f_credentials","readonly":true,"required":true,"disabled":false},{"label":"证件号码","type":"input","field":"f_idnumber","readonly":true,"required":true,"disabled":false},{"label":"地址","type":"textarea","field":"f_address","rows":1,"readonly":true,"required":true,"disabled":false},{"label":"终止原因","type":"textarea","field":"f_stop_reason","rows":2,"readonly":false,"required":true,"disabled":false}],"buttons":[{"event":"stopApply","button_name":"终止","disabled":true}]}]}
-      },
-      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()
-      },
-      click (row, func) {
-        let _this = this
-        this.$dispatch('gotoson', {
-          _this: _this,
-          title: row.title,
-          safe: true
-        })
-        this.$goto('app-function-service-control', {selectdata: row, jsondata: func}, '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: ''}]
-        }
-      }
-    },
-    computed: {
-      functions () {
-        return function (row) {
-          let funcs = []
-
-          let functions = this.function_vue.functions
-
-          for (const item of functions) {
-            // 显示类型
-            if (item.showApplyTypes) {
-              if (item.showApplyTypes.indexOf(row.f_apply_type) === -1) {
-                continue
-              }
-            }
-            // 显示节点
-            if (item.showDefnames) {
-              if (item.showDefnames.indexOf(row.defname) === -1) {
-                continue
-              }
-            }
-            // 显示设备
-            if (item.device && item.device !== 'app') {
-              continue
-            }
-            funcs.push(item)
-          }
-
-          return funcs
-        }
-      }
-    },
-    events: {
-    }
-  }
-</script>
-<style scoped>
-.button_spacing{margin: 0px  0px 5px 10px;}
-.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='search' 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 = '{}'"
+                :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 text-right" style="">
+            <button class="btn btn-primary" @click="$parent.$parent.search()">查询</button>
+            <button class="btn btn-info" @click="$parent.$parent.clear()">清空</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 }}</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="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">
+              <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 text-center">
+              <button
+                style="min-width:100px"
+                class="btn btn-info button_spacing"
+                v-for="(index,func) in $parent.$parent.$parent.functions(row)"
+                v-if="$parent.$parent.$parent.$parent.showFunc(func.personexpression)"
+                @click="$parent.$parent.$parent.$parent.click(row, func)">{{ func.title }}</button>
+            </div>
+          </div>
+        </div>
+      </list>
+    </criteria-paged>
+  </div>
+</template>
+<script>
+  import Vue from 'vue'
+  import {HttpResetClass, PagedList} from 'vue-client'
+  import {isEmpty} from '../../Util'
+  export default {
+    title: '报建业务',
+    data () {
+      return {
+        model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/checkuserfunction`, 20, {
+        // model: new PagedList('rs/sql/checkuserfunction', 20, {
+          data: {
+            orgid: Vue.user.orgid
+            // orgid: '10101'
+          }
+        }),
+        criteriaShow: false,
+        applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')], // 所有报建类型
+        defnames: [{label: '全部', value: ''}],
+        applyNatures: [{label: '全部', value: ''}], // 报建性质
+        function_vue: null
+      }
+    },
+    created () {
+      this.getConfig()
+    },
+    ready () {
+      this.search()
+    },
+    methods: {
+      dialNumber (phone) {
+        this.$showMessage(`是否拨打电话：${phone}`, ['confirm']).then((res) => {
+          if (res === 'confirm') {
+            this.$androidUtil.makeAPhoneCall(phone)
+          }
+        })
+      },
+      // 权限控制
+      showFunc (personexpression) {
+
+        if (isEmpty(personexpression)) {
+          return true
+        }
+
+        let mark = personexpression.charAt(0)
+
+        let str = personexpression.substring(2, personexpression.length-1)
+
+        if (mark === 'D' && Vue.user.f_department_name.includes(str)) {
+          return true
+        }
+        if (mark === 'R' && Vue.user.f_role_name.includes(str)) {
+          return true
+        }
+        if (mark === 'P' && Vue.user.id.includes(str)) {
+          return true
+        }
+
+        return false
+      },
+      // 获取功能配置
+      async getConfig () {
+        let res = await this.$resetpost(
+          `${this.$androidUtil.getProxyUrl()}/rs/logic/ApplyGetFunction`,
+          null,
+          {resolveMsg: null, rejectMsg: '配置数据获取失败！！！'}
+        )
+        this.function_vue = res.data
+        // this.function_vue = {"functions":[{"title":"补充协议","showApplyTypes":["散户报建","团购报建","工商户报建"],"showDefnames":["报装缴费","设计出图","图纸审核","工程派工","工程施工"],"tables":["t_apply"],"fields":[{"label":"项目名称","type":"input","field":"f_entry_name","readonly":true,"value":null,"disabled":false,"required":true},{"label":"客户姓名","type":"input","field":"f_user_name","readonly":true,"value":null,"disabled":false,"required":true},{"label":"联系电话","type":"input","field":"f_phone","readonly":true,"disabled":false,"required":true},{"label":"合同编号","type":"input","field":"f_contract_number","placeholder":"Z-自动拼接","readonly":true,"required":true},{"label":"合同金额","type":"number","field":"f_contract_money","placeholder":"请输入","readonly":true,"required":true},{"label":"追加总金额","type":"number","field":"f_add_contract_money","placeholder":"请输入","readonly":true,"required":true,"default":0},{"label":"应交金额","type":"number","field":"f_due_money","placeholder":"请输入","readonly":true,"required":true},{"label":"累计缴费金额","type":"number","field":"f_cumulative_payment_money","placeholder":"请输入","readonly":true,"required":true,"default":0},{"label":"未结总金额","type":"number","field":"f_surplus_money","placeholder":"请输入","readonly":true,"required":true},{"label":"付款比例","type":"input","field":"f_payment_ratio","placeholder":"请输入","readonly":true,"required":true}],"components":[{"title":"补充协议","device":"pc","name":"supplemental-agreement","mark":1},{"title":"补充协议","device":"app","name":"app-supplemental-agreement","mark":1}]},{"title":"收费","component":"service-view","showApplyTypes":["散户报建","改管报建","增容报建","团购报建","工商户报建","团购转散户"],"showDefnames":["报装缴费","设计出图","图纸审核","工程派工","工程施工","点火派单","通气点火","完工"],"tables":["t_apply"],"fields":[{"label":"项目名称","type":"input","field":"f_entry_name","readonly":true,"value":null,"disabled":false,"required":true},{"label":"客户姓名","type":"input","field":"f_user_name","readonly":true,"value":null,"disabled":false,"required":true},{"label":"联系电话","type":"input","field":"f_phone","readonly":true,"disabled":false,"required":true},{"label":"合同编号","type":"input","field":"f_contract_number","placeholder":"Z-自动拼接","readonly":true,"required":true},{"label":"合同金额","type":"number","field":"f_contract_money","placeholder":"请输入","readonly":true,"required":true},{"label":"追加总金额","type":"number","field":"f_add_contract_money","placeholder":"请输入","readonly":true,"required":true,"default":0},{"label":"应交金额","type":"number","field":"f_due_money","placeholder":"请输入","readonly":true,"required":true},{"label":"累计缴费金额","type":"number","field":"f_cumulative_payment_money","placeholder":"请输入","readonly":true,"required":true,"default":0},{"label":"未结总金额","type":"number","field":"f_surplus_money","placeholder":"请输入","readonly":true,"required":true},{"label":"付款比例","type":"input","field":"f_payment_ratio","placeholder":"请输入","readonly":true,"required":true}],"components":[{"title":"缴费明细","device":"pc","name":"apply-charge-management"},{"title":"缴费明细","device":"app","name":"app-charge-management"}]},{"title":"暂停报建","personexpression":"","showApplyTypes":["散户报建","改管报建","增容报建","团购报建","工商户报建","团购转散户"],"showDefnames":["信息确认","报装申请","勘察派工","现场勘察","设计预算","合同签订","报装缴费","设计出图","图纸审核","工程派工","工程施工","点火派单","通气点火"],"tables":["t_apply"],"fields":[{"label":"工程名称","type":"input","field":"f_entry_name","readonly":true,"disabled":false,"required":true},{"label":"工程编号","type":"input","field":"f_apply_num","readonly":true,"disabled":false,"required":true},{"label":"报建类型","type":"input","field":"f_apply_type","readonly":true,"required":true,"disabled":false},{"label":"用户名称","type":"input","field":"f_user_name","readonly":true,"disabled":false,"required":true},{"label":"用户电话","type":"tel","field":"f_phone","readonly":true,"disabled":false,"required":true},{"label":"证件类型","type":"input","field":"f_credentials","readonly":true,"required":true,"disabled":false},{"label":"证件号码","type":"input","field":"f_idnumber","readonly":true,"required":true,"disabled":false},{"label":"地址","type":"textarea","field":"f_address","rows":1,"readonly":true,"required":true,"disabled":false},{"label":"暂停原因","type":"textarea","field":"f_stop_reason","rows":2,"readonly":false,"required":true,"disabled":false}],"buttons":[{"event":"pauseApply","button_name":"暂停","disabled":true}]},{"title":"终止报建","personexpression":"","showApplyTypes":["散户报建","改管报建","增容报建","团购报建","工商户报建","团购转散户"],"showDefnames":["信息确认","报装申请","勘察派工","现场勘察","设计预算","合同签订","报装缴费","设计出图","图纸审核","工程派工","工程施工","点火派单","通气点火"],"tables":["t_apply"],"fields":[{"label":"工程名称","type":"input","field":"f_entry_name","readonly":true,"disabled":false,"required":true},{"label":"工程编号","type":"input","field":"f_apply_num","readonly":true,"disabled":false,"required":true},{"label":"报建类型","type":"input","field":"f_apply_type","readonly":true,"required":true,"disabled":false},{"label":"用户名称","type":"input","field":"f_user_name","readonly":true,"disabled":false,"required":true},{"label":"用户电话","type":"tel","field":"f_phone","readonly":true,"disabled":false,"required":true},{"label":"证件类型","type":"input","field":"f_credentials","readonly":true,"required":true,"disabled":false},{"label":"证件号码","type":"input","field":"f_idnumber","readonly":true,"required":true,"disabled":false},{"label":"地址","type":"textarea","field":"f_address","rows":1,"readonly":true,"required":true,"disabled":false},{"label":"终止原因","type":"textarea","field":"f_stop_reason","rows":2,"readonly":false,"required":true,"disabled":false}],"buttons":[{"event":"stopApply","button_name":"终止","disabled":true}]}]}
+      },
+      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()
+      },
+      click (row, func) {
+        let _this = this
+        this.$dispatch('gotoson', {
+          _this: _this,
+          title: row.title,
+          safe: true
+        })
+        this.$goto('app-function-service-control', {selectdata: row, jsondata: func}, '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: ''}]
+        }
+      }
+    },
+    computed: {
+      functions () {
+        return function (row) {
+          let funcs = []
+
+          let functions = this.function_vue.functions
+
+          for (const item of functions) {
+            // 显示类型
+            if (item.showApplyTypes) {
+              if (item.showApplyTypes.indexOf(row.f_apply_type) === -1) {
+                continue
+              }
+            }
+            // 显示节点
+            if (item.showDefnames) {
+              if (item.showDefnames.indexOf(row.defname) === -1) {
+                continue
+              }
+            }
+            // 显示设备
+            if (item.device && item.device !== 'app') {
+              continue
+            }
+            funcs.push(item)
+          }
+
+          return funcs
+        }
+      }
+    },
+    events: {
+    }
+  }
+</script>
+<style scoped>
+.button_spacing{margin: 0px  0px 5px 10px;}
+.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>