apply-clients 3.4.3 → 3.4.4

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

@@ -110,10 +110,10 @@
             <div class="col-xs-8" >
               <v-select
                 width="100%"
-                v-model="model.f_is_later"
+                v-model="model.f_no_valid"
                 placeholder='稍后处理'
-                condition="f_is_later = '{}'"
-                :value.sync="model.f_is_later"
+                condition="lp.f_no_valid = '{}'"
+                :value.sync="model.f_no_valid"
                 :options='$parent.$parent.laterList'
                 class="select select_list"
                 :value-single="true"
@@ -123,6 +123,7 @@
           <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 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>
@@ -148,7 +149,7 @@
             </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>
+              <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>
@@ -170,14 +171,83 @@
               <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>
@@ -188,25 +258,59 @@ export default {
   title: '报建流程',
   data () {
     return {
+      selectdate: {},
+      showLater: false,
       model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/checkuser`, 20, {
-      // model: new PagedList('rs/sql/checkuser', 20, {
         data: {
-          userid: Vue.user.id,
+          id: Vue.user.id,
           orgid: Vue.user.orgid
-          // userid: '97036',
-          // orgid: '21142'
-        }
+        },
       }),
+      showModal: false,
+      applyType: '',  // 报建类型
+      // applyTypes:this.$appdata.getParam("手机报建类型"),
+      applyTypes:[{label:'散户报建',value:'散户报建'},{label:'工商户报建',value:'工商户报建'},{label:'团购报建',value:'团购报建'},{label:'改管报建',value:'改管报建'},{label:'增容报建',value:'增容报建'},{label:'退款报建',value:'退款报建'},{label:'团购转散户',value:'团购转散户'},{label:'报警器报建',value:'报警器报建'},{label:'工商业报警器报建',value:'工商业报警器报建'}],
       criteriaShow: false,
-      applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')], // 所有报建类型
+     applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')], // 所有报建类型
+     //  applytype: [{label: '全部', value: ''}, {label:'团购转散户',value:'团购转散户'} ], // 所有报建类型
       defnames: [{label: '全部', value: ''}],
-      applyNatures: [{label: '全部', value: ''}] // 报建性质
+      applyNatures: [{label: '全部', value: ''}], // 报建性质
+      laterList: [
+        {label: '全部', value: ''},
+        {label: '有效', value: '有效'}
+      ],
+      laterapply: {}
     }
   },
   ready () {
+    //this.$refs.cp.$refs.cri.model.defname='报装缴费'
+    //this.$refs.cp.$refs.cri.model.defname='合同签订'
     this.search()
   },
   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') {
@@ -224,7 +328,7 @@ export default {
       this.$refs.cp.$refs.cri.search()
     },
     searchCondition (args) {
-      args.condition += `and act.defname in ${this.appDefnames}`
+      args.condition =  args.condition + `and (act.defname!='信息确认' and act.defname!='合同签订' or (u.f_apply_type='工商户报建'and act.defname='合同签订')) `
       this.model.search(args.condition, args.model)
     },
     click (row) {
@@ -240,7 +344,7 @@ export default {
       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', {
+        // 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]
@@ -252,7 +356,73 @@ export default {
 
         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: {
   },
@@ -260,6 +430,7 @@ export default {
   },
   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()})`
     }
@@ -267,31 +438,40 @@ export default {
 }
 </script>
 <style scoped>
-.panel-self{
-  border-radius: 10px;
-  border:1px solid #499EDF;
-  background-color: #F8F8F8;
-}
-.font{
-  font: 15px PingFang-SC-Medium;
-  color: #666666;
-}
+  .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_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")
-}
+  .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 {