apply-clients 7.1.36-yuchuan-4 → 7.1.36-yuchuan-5

package/src/components/android/Process/Processes/AppInstallationDetails.vue

@@ -1,63 +1,88 @@
 <template>
-  <div>
-    <div class="col-xs-12 col-xs-12 form-group app-btn">
-      <button class="btn btn-info" @click.prevent="openModal()"
-              :disabled="mark === 1 ||
-              (model.rows.length >= selectdata.f_install_count && selectdata.defname === '工程施工') ||
-              (model.rows.length >= selectdata.f_apply_count && (selectdata.defname === '报建受理')) ||
-              selectdata.defname === '施工通气'"
-      >添加</button>
-    </div>
-
-    <div class="col-xs-12 col-xs-12">
-      <list :model="model" partial='list'>
-      <div partial class="panel">
-        <div class="panel-self">
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b class="control-label-justify">客户编号</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_userinfo_id }}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b class="control-label-justify">客户名称</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_user_name }}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b class="control-label-justify">客户电话</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_user_phone }}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b class="control-label-justify">地址信息</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{row.f_address}}{{row.f_address_detail}}</p>
-          </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b class="control-label-justify">表号</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_meternumber }}</p>
+  <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"  v-if="$parent.$parent.criteriaShow">
+            <label class="">楼&emsp;&emsp;号：</label>
+            <div class="col-xs-8" >
+              <input class="" v-model=model.f_building condition="ui.f_building like '{}%'" />
+            </div>
           </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b class="control-label-justify">气表品牌</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_meter_brand }}</p>
+          <div class="row form-group app-input"  v-if="$parent.$parent.criteriaShow">
+            <label class="">单&emsp;&emsp;元：</label>
+            <div class="col-xs-8" >
+              <input class="" v-model=model.f_unit condition="ui.f_unit like '{}%'" />
+            </div>
           </div>
-          <div class="row">
-            <p class="col-xs-3 text-left font"><b class="control-label-justify">气表型号</b></p>
-            <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_meter_style }}</p>
+          <div class="row form-group app-input"  v-if="$parent.$parent.criteriaShow">
+            <label class="">门&ensp;牌&ensp;号：</label>
+            <div class="col-xs-8" >
+              <input class="" v-model=model.f_room condition="ui.f_room like '{}%'" />
+            </div>
           </div>
-          <div class="row text-right">
-            <button class="btn btn-info"
-                    @click.prevent="$parent.$parent.openModal(row)">
-              {{$parent.$parent.mark === 1 ? '查看' : '修正'}}
-            </button>
-            <button class="btn btn-danger"
-                    @click="$parent.$parent.deleteUserinfo(row)"
-                    v-if="$parent.$parent.showDeleteUserInfo"
-                    :disabled="$parent.$parent.mark === 1 || row.f_user_state === '正常'">
-              销户
-            </button>
+          <div class="row form-group text-right" style="">
+              <button class="btn btn-info" @click.prevent="$parent.$parent.openModal()"
+                      :disabled="mark === 1 ||
+              (model.rows.length >= selectdata.f_install_count && selectdata.defname === '工程施工') ||
+              (model.rows.length >= selectdata.f_apply_count && (selectdata.defname === '报建受理')) ||
+              selectdata.defname === '施工通气'"
+              >添加</button>
+            <button class="btn btn-primary" @click="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>
-      </div>
-    </list>
-    </div>
-
+      </criteria>
+        <list :model="model" partial='list'>
+          <div partial class="auto app-text panel">
+            <div class="panel-body panel-self">
+              <div class="row">
+                <p class="col-xs-3 text-left font"><b class="control-label-justify">客户编号</b></p>
+                <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_userinfo_id }}</p>
+              </div>
+              <div class="row">
+                <p class="col-xs-3 text-left font"><b class="control-label-justify">客户名称</b></p>
+                <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_user_name }}</p>
+              </div>
+              <div class="row">
+                <p class="col-xs-3 text-left font"><b class="control-label-justify">客户电话</b></p>
+                <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_user_phone }}</p>
+              </div>
+              <div class="row">
+                <p class="col-xs-3 text-left font"><b class="control-label-justify">地址信息</b></p>
+                <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{row.f_address}}{{row.f_address_detail}}</p>
+              </div>
+              <div class="row">
+                <p class="col-xs-3 text-left font"><b class="control-label-justify">表号</b></p>
+                <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_meternumber }}</p>
+              </div>
+              <div class="row">
+                <p class="col-xs-3 text-left font"><b class="control-label-justify">气表品牌</b></p>
+                <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_meter_brand }}</p>
+              </div>
+              <div class="row">
+                <p class="col-xs-3 text-left font"><b class="control-label-justify">气表型号</b></p>
+                <p class="col-xs-8 col-xs-offset-1 text-left input-font">{{ row.f_meter_style }}</p>
+              </div>
+              <div class="row text-right">
+                <button class="btn btn-info"
+                        @click.prevent="$parent.$parent.$parent.openModal(row)">
+                  {{$parent.mark === 1 ? '查看' : '修正'}}
+                </button>
+                <button class="btn btn-danger"
+                        @click="$parent.$parent.$parent.deleteUserinfo(row)"
+                        v-if="$parent.showDeleteUserInfo"
+                        :disabled="$parent.mark === 1 || row.f_user_state === '正常'">
+                  销户
+                </button>
+              </div>
+            </div>
+          </div>
+        </list>
+    </criteria-paged>
+  </div>
+  <div>
     <validator name="v">
       <modal v-if="showModal" :show.sync="showModal" v-ref:modal :large="true" :backdrop="false">
         <header slot="modal-header" class="modal-header">
@@ -371,11 +396,11 @@ export default {
   data () {
     return {
       showModal: false,
-      model: {
-        rows: null
-      },
+      model: new PagedList(`${this.$androidUtil.getProxyUrl()}/rs/sql/getApplyUserinfo`, 10),
+      criteriaShow: false,
       areaList: [],
       area: {},
+      modelCode: '',
       userinfo: {},
       userfile: {},
       meterBrandList: [],
@@ -387,13 +412,25 @@ export default {
     }
   },
   ready () {
+    this.copydata()
     this.search()
     this.getMeterBrand()
     this.getAreaList()
-
     this.getScanCodeConfig()
   },
   methods: {
+    copydata(){
+      if(!isEmpty(this.selectdata.f_building)){
+        this.$refs.cp.$refs.cri.model.f_building=this.selectdata.f_building
+      }
+      if(!isEmpty(this.selectdata.f_unit)){
+        this.$refs.cp.$refs.cri.model.f_unit=this.selectdata.f_unit
+      }
+      if(!isEmpty(this.selectdata.f_room)){
+        this.$refs.cp.$refs.cri.model.f_room= this.selectdata.f_room
+      }
+    },
+
     async getScanCodeConfig () {
       let http = new HttpResetClass()
       let res = await http.load(
@@ -402,17 +439,41 @@ export default {
         null,
         {resolveMsg: null, rejectMsg: '扫码配置获取失败！！！'}
       )
-
       this.scanCodeConfig = res.data
     },
-    scanCode () {
+    // 查询
+    search() {
+      this.$refs.cp.$refs.cri.search();
+    },
+    searchCondition(args){
+      if (this.selectdata.f_apply_type === '分户挂表') {
+        args.condition += `  and  ui.f_userinfo_id = '${this.selectdata.f_userinfo_id}'`
+      }else {
+        args.condition += ` and ui.f_process_id = '${this.selectdata.f_process_id}'`
+      }
+      if(!isEmpty(this.model.f_building)){
+        args.condition += " and ui.f_building like '"+this.model.f_building+"%'"
+      }
+      if(!isEmpty(this.model.f_unit)){
+        args.condition+= " and ui.f_unit like '"+this.model.f_unit+"%'"
+      }
+      if(!isEmpty(this.model.f_room)){
+        args.condition += " and ui.f_room like '"+this.model.f_room+"%'"
+      }
+      this.model.search(args.condition, args.model);
+    },
+    clear () {
+      Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
+        this.$refs.cp.$refs.cri.model[key] = null
+      })
+    },
+    async scanCode () {
       console.log('===============扫码===================')
-      HostApp.__this__=this,
-      HostApp.scanCode({callback:"javascript:HostApp.__this__.getCode();"})
-
-      this.getCode()
+      HostApp.__this__ = this,
+        HostApp.scanCode({callback: "javascript:HostApp.__this__.getCode();"})
+      await this.getCode()
     },
-    getCode() {
+    async getCode () {
       let code = HostApp.getCode().data;
       // let code = '012199312345'
       console.log('===========扫码结果=============')
@@ -421,7 +482,6 @@ export default {
         this.$showAlert('表号不符合规则', 'danger', 3000)
         return
       }
-
       // 解析厂家
       let factory = null
       for (const item of this.scanCodeConfig.factory) {
@@ -435,7 +495,6 @@ export default {
         return
       }
       console.log(factory)
-
       // 解析运营商
       let ips = null
       for (const item of this.scanCodeConfig.ips) {
@@ -449,19 +508,39 @@ export default {
         return
       }
       console.log(ips)
+      //气表品牌
+      if (code.startsWith('01')) {
+        var num1 = this.getMeterBrands('金卡NB物联网表')
+        this.userfile.f_gasbrand_id = num1
+      } else if (code.startsWith('02') || code.startsWith('22')) {
+        var num2 = this.getMeterBrands('千嘉NB物联网表')
+        this.userfile.f_gasbrand_id = num2
+      }
+      //气表型号
+      if (code.substring(4, 5) == 7) {
+        await this.gasbrandValue('JGD1.6-NNB物联网表')
+        const  value=this.modelCode
+        this.userfile.f_gasmodel_id = value
+      } else if (code.substring(4, 5) == 8) {
 
+       await this.gasbrandValue('JGD2.5-NNB物联网表')
+        const  value1=this.modelCode
+        this.userfile.f_gasmodel_id =value1
+      } else if (code.substring(4, 5) == 9) {
+        await this.gasbrandValue('JGD4S-NNB物联网表')
+       const value2 =this.modelCode
+        this.userfile.f_gasmodel_id = value2
+      }
       // 表向
       console.log(code.substring(6, 7) % 2 === 0 ? '偶数' : '奇数')
       console.log(code.substring(6, 7) % 2 === 0 ? '右表' : '左表')
       this.userfile.f_aroundmeter = code.substring(6, 7) % 2 === 0 ? '右表' : '左表'
-
       // 顺序号
       console.log(code.substring(7, 12))
       if (code.substring(7, 12) < this.scanCodeConfig.number.min || code.substring(7, 12) > this.scanCodeConfig.number.max) {
         this.$showAlert('顺序号超出范围！！！', 'danger', 3000)
         return
       }
-
       for (const item of this.meterBrandList) {
         if (item.label === factory) {
           // this.userfile.f_gasbrand_id = item.value
@@ -469,11 +548,37 @@ export default {
           break
         }
       }
-
       Vue.set(this.userfile, 'f_meternumber', code)
-
       this.meternumberValidate()
     },
+    async gasbrandValue (name) {
+      let data = {
+        f_gasbrand_id: this.userfile.f_gasbrand_id
+      }
+      let http = new HttpResetClass()
+      let res = await http.load(
+        'POST',
+        `${this.$androidUtil.getProxyUrl()}/rs/sql/getGasModel`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '气表型号查询失败！！！'}
+      ).then(res => {
+        for (const re of res.data) {
+          if (re.label == name) {
+            this.modelCode= re.value
+            return re.value;
+          }
+        }
+        return  'null'
+      })
+    },
+    getMeterBrands (name) {
+      for (const brand of this.meterBrandList) {
+        if(brand.label==name){
+          return  brand.value
+        }
+      }
+      return   'null'
+    },
     async deleteUserinfo (row) {
       this.userinfo = row
       let res = await this.$showMessage('此操作不可撤回，您确定要删除这条记录吗？')
@@ -519,6 +624,15 @@ export default {
         resolveMsg: null,
         rejectMsg: '用户档案添加失败！！！'
       })
+      // this.$showMessage('用户档案添加成功！！！')
+      this.$showAlert('用户档案添加成功！！！', 'success', 3000)
+      // this.search()  避免分页时，点击确定后，分页返回第一页
+      this.showModal= false
+      console.log("分页数据",this.model)
+      this.selectdata.f_building=this.model.model.f_building
+      this.selectdata.f_unit=this.model.model.f_unit
+      this.selectdata.f_room=this.model.model.f_room
+      this.selectdata.pageIndex=this.model.pageIndex
       this.$dispatch('breakControl', this.selectdata)
     },
     ifDisable() {
@@ -541,7 +655,8 @@ export default {
         if (this.userfile.f_user_id) {
           data.f_user_id = this.userfile.f_user_id
         }
-        let res = await this.$resetpost(`${this.$androidUtil.getProxyUrl()}/rs/logic/meterbrandsNumberValidate`, {data:data}, {
+        let http = new HttpResetClass()
+        let res = await http.load("POST",`${this.$androidUtil.getProxyUrl()}/rs/logic/meterbrandsNumberValidate`, {data:data}, {
           resolveMsg: null,
           rejectMsg: '表号验证失败！！'
         })
@@ -662,7 +777,9 @@ export default {
         if (this.userfile.f_gasmodel_id === 0) {
           this.userfile.f_gasmodel_id = null
         }
-
+        if(isEmpty(this.userfile.f_position)){
+          this.userfile.f_position = '室内'
+        }
         if (!isEmpty(this.userfile.f_gasbrand_id)) {
           let data = {
             f_gasbrand_id: this.userfile.f_gasbrand_id
@@ -767,25 +884,6 @@ export default {
         }
       })
     },
-    // 查询
-    async search () {
-      let http = new HttpResetClass()
-      let data = {
-        condition: null
-      }
-      if (this.selectdata.f_apply_type === '分户挂表') {
-        data.condition = `ui.f_userinfo_id = '${this.selectdata.f_userinfo_id}'`
-      }else {
-        data.condition = `ui.f_process_id = '${this.selectdata.f_process_id}'`
-      }
-      let res = await http.load('POST',
-      `${this.$androidUtil.getProxyUrl()}/rs/sql/getApplyUserinfo`,
-      {data:data}, {
-        resolveMsg: null,
-        rejectMsg: '获取档案失败！！！'
-      })
-      this.model.rows = res.data
-    },
     // 关闭安装明细
     closeUserFile() {
       this.showModal = false
@@ -864,4 +962,19 @@ export default {
     border:1px solid #499EDF;
     padding: 8px;
   }
+  .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>