safecheck-client 4.0.0-10 → 4.0.0-101

package/src/components/android/SealBind.vue

@@ -0,0 +1,392 @@
+<template>
+  <div class="auto">
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <img src="../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label for="f_userinfoid" class="font text-left">用户编号:</label>
+      </div>
+      <div class="col-xs-8" >
+        <input id="f_userinfoid" class="search_input input-font" readonly
+               v-model=row.f_userinfo_code :value.sync="row.f_userinfo_code" />
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <img src="../../assets/用户姓名.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label  class="font text-left">用户姓名:</label>
+      </div>
+      <div class="col-xs-8" >
+        <input  class="search_input input-font" v-model=row.f_user_name :value.sync="row.f_user_name" readonly />
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">用户地址:</label>
+      </div>
+      <div class="col-xs-8" >
+        <input class="search_input input-font" v-model=row.f_address :value.sync="row.f_address" readonly />
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <img src="../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label  class="font text-left">铅封编号:</label>
+      </div>
+      <div class="col-xs-5" >
+        <input class="search_input input-font"
+               v-model=sealUID :value.sync="sealUID" readonly  />
+      </div>
+      <div class="col-xs-3">
+        <button style="padding: 5px" type="button" class="btn btn-font btn-color" @click="scan()">NFC识别</button>
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <img src="../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label  class="font text-left">二维码编号:</label>
+      </div>
+      <div class="col-xs-5" >
+        <input class="search_input input-font"
+               v-model=f_qr_code :value.sync="f_qr_code" readonly  />
+      </div>
+      <div class="col-xs-3">
+        <button style="padding: 5px" type="button" class="btn btn-font btn-color" @click="codeScan()">扫描二维码</button>
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="form-group col-sm-12 col-xs-12 col-md-12 "  :class="style__">
+        <label class="text-left font">铅封照片:</label>
+
+        <div class="auto" :class="style__">
+          <div class="panel" style="padding: 10px 10px 5px 10px;">
+            <div class="panel-body panel-self" style="background-color: #F8F8F8;width: 100%;height: 260px;position: relative">
+              <div class="row" style="height: 240px;overflow: scroll;top: 1px" >
+                <div class="col-xs-4 col-sm-3 col-md-2" style="margin-bottom: 35px" v-for="(index,img) in imgs">
+                  <img-self :src="img" alt="铅封照片" :width="140" :height="170"></img-self>
+                  <img src="../../assets/删除.png" @click="delfile(img,index)" style="width: 15px;margin-top: -80px" alt="">
+                </div>
+              </div>
+              <div class="row text-right div-photo">
+                <button type="button" name="button" class="btn btn-photo" @click="takePic()">拍照</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="row app-row">
+      <div class="col-xs-4">
+        <img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+        <label class="font text-left">施封原因:</label>
+      </div>
+      <div class="col-xs-8" >
+        <v-select
+          v-model="cause"
+          :value.sync="cause"
+          :value-single="true"
+          :options='causeOption'
+          placeholder='请选择施封原因'
+          width="100%"
+          close-on-select></v-select>
+      </div>
+    </div>
+    <div class="row text-center" style="margin-top: 40px;">
+      <button style="font-size: 20px; padding: 8px 40px"  type="button" name="button" class="col-sm-3 btn btn-primary"  @click="bind">
+        施封
+      </button>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass, PagedList} from 'vue-client'
+import Vue from 'vue'
+import * as Util from '../Util'
+
+export default {
+  title: '施封',
+  props: ['row'],
+  data () {
+    return {
+      sealUID: '',
+      imgs: [],
+      cause: '',
+      address: '',
+      longitude: '',
+      latitude: '',
+      f_qr_code: '',
+      causeOption: this.$appdata.getParam('施封原因')
+    }
+  },
+  ready () {
+    console.log('this.row=', JSON.stringify(this.row))
+    this.getLocation()
+    if (this.longitude == 0){
+      this.timer = window.setInterval(this.getLocation, 3000)
+    }
+  },
+  computed: {
+
+  },
+  methods:{
+    codeScan() {
+      console.log('codeScan=========')
+      HostApp.__this__ = this
+      HostApp.scanQRCode({callback:"javascript:HostApp.__this__.codeScanCallback()"})
+    },
+    codeScanCallback() {
+      console.log('codeScanCallback=========')
+      let result = HostApp.getQRCode()
+      console.log('result=', result)
+      if (result.code == 200){
+        // 判断result.data是否包含等号。如果有，只要等号后面的内容
+        if (result.data.indexOf('=') > 0) {
+          this.f_qr_code = result.data.substring(result.data.indexOf('=') + 1)
+        }else{
+          this.f_qr_code = result.data
+        }
+      }else {
+        this.$showMessage("未识别到二维码信息，请重新尝试！")
+      }
+    },
+    generateUUID() {
+      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = (Math.random() * 16) | 0,
+          v = c == 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      });
+    },
+    getLocation() {
+      const location = HostApp.getDetailAddress()
+      this.address = location.data
+      const longitude = HostApp.getPreference('longitude')
+      this.longitude = longitude.data
+      const latitude = HostApp.getPreference('latitude')
+      this.latitude = latitude.data
+      if (this.longitude != 0){
+        window.clearInterval(this.timer)
+      }
+      console.log('this.address=', this.address)
+      console.log('this.longitude=', this.longitude)
+      console.log('this.latitude=', this.latitude)
+    },
+    bind() {
+      if (!this.sealUID) {
+        this.$showMessage("铅封编号不能为空！")
+        return
+      }
+      if (!this.f_qr_code) {
+        this.$showMessage("二维码编号不能为空！")
+        return
+      }
+      if (!this.imgs.length) {
+        this.$showMessage("请拍摄铅封照片！")
+        return
+      }
+      if (!this.cause) {
+        this.$showMessage("请选择施封原因！")
+        return
+      }
+      //this.getLocation()
+      if (this.longitude == 0){
+        this.$showMessage("位置获取失败，未开启定位或者网络信号弱未获取到定位！")
+        return
+      }
+      const param = {
+        seal: {
+          f_uid: this.sealUID,
+          f_qr_code: this.f_qr_code,
+          f_userinfo_code: this.row.f_userinfo_code,
+          f_userinfo_id: this.row.f_userinfo_id,
+          f_filiale: this.row.f_filiale,
+          f_filiale_id: this.row.f_filiale_id,
+          f_user_id: this.row.f_user_id,
+          f_address: this.address,
+          f_longitude: this.longitude,
+          f_latitude: this.latitude,
+          f_operate_name: Vue.user.name,
+          f_operate_id: Vue.user.id,
+          f_operate_date: Util.toStandardTimeString(),
+          f_state: '有效'
+        },
+        operateList: {
+          f_cause: this.cause,
+          f_operate_date: Util.toStandardTimeString(),
+          f_creation_date: Util.toStandardTimeString(),
+          f_creation_name: Vue.user.name,
+          f_creation_name_id: Vue.user.id
+        },
+        files: [],
+        imgs: [],
+        f_devices_no: this.generateUUID()
+      }
+      for (const img of this.imgs) {
+        const i1 = img.lastIndexOf('?')
+        const i2 = img.lastIndexOf('/')
+        const key = img.substring(i2+1, i1)
+        const filename = img.substring(0, i1)
+        param.files.push({
+          f_img_url: key,
+          f_operate_date: Util.toStandardTimeString(),
+          f_operator: Vue.user.name,
+          f_operatorid: Vue.user.id
+        })
+        param.imgs.push({
+          key: key,
+          filename: filename
+        })
+      }
+      //tag)
+      let paramStr = JSON.stringify(param)
+      console.log('paramStr=', paramStr)
+      // 多长截断一次
+      let subLength = 800
+      for (let i = 0; i < paramStr.length; i += subLength) {
+        HostApp.param_cache(paramStr.substr(i, subLength))
+      }
+      HostApp.__this__ = this
+      HostApp.syncLogic({
+        'logic': 'sealBind',
+        'callback': 'javascript:HostApp.__this__.sealBindBack()',
+        'backresult': 1
+      })
+    },
+    sealBindBack(jo) {
+      if(jo.state == 'ok') {
+        let res = JSON.parse(jo.result)
+        if (res.code == 200 && res.data.code == 200) {
+          this.$showMessage('施封成功！')
+          this.$back(this.sealUID)
+          return
+        }
+        if(res.msg){
+          this.$showMessage(res.msg)
+        }else{
+          this.$showMessage(res.data.msg)
+        }
+        return
+      }
+      this.$showMessage('网络异常！')
+    },
+    scan() {
+      HostApp.__this__ = this
+      HostApp.readNfc({
+        'callback': 'javascript:HostApp.__this__.scanCallback()',
+        // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
+        // 执行回调方法传入key为backresult
+        // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
+        'backresult': 1
+      })
+    },
+    scanCallback() {
+      console.log('scanCallback=========')
+      const result = HostApp.getNfcUUID()
+      console.log('result=', result)
+      if (result.code == 200){
+        this.sealUID = result.data
+      }else {
+        this.$showMessage("未识别到铅封信息，请重新尝试！")
+        return
+      }
+    },
+    takePic() {
+      HostApp.__callback__ = this.cameraCallBack
+      HostApp.__this__ = this
+
+      let fileName = `${Util.guid()}.jpg`
+      HostApp._open_a_page({
+        type: 'boomerang',
+        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+        param: {
+          file: fileName,
+          requestCode: 111,
+          callback: 'javascript:HostApp.__callback__("%s");',
+          watermark: '铅封照片\t时间：' + Util.toStandardTimeString() + '\t' + Vue.user.name + '\t' + this.row.f_userinfo_id+ '\t' + this.row.f_user_name+ '\t' + this.row.f_address
+        }
+      })
+    },
+    cameraCallBack(fileName) {
+      // if (prop == 'f_overall_path') {
+      //   let f_overall_path = fileName + '?' + Math.random()
+      //   HostApp.__this__.paper.f_overall_imgs.push({
+      //     f_overall_path: f_overall_path
+      //   })
+      // } else {
+      //   HostApp.__this__.paper[prop] = fileName + '?' + Math.random()
+      // }
+      this.imgs.push(fileName + '?' + Math.random())
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    delfile(fileName, index) {
+      if (fileName == Vue.nopic)
+        return
+      else {
+        this.imgs.splice(index, 1)
+        HostApp.delfile(fileName)
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+}
+.search_input {
+  border: 0;
+  outline: none;
+}
+.font{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+.input-font{
+  font: 15px PingFang-SC-Medium;
+  color: #333333;
+}
+.btn-font{
+  font:600 16px PingFang-SC-Bold;
+  color: #499EDF;
+}
+.btn-color{
+  background-color: #FFFFFF;
+  border-radius: 10px ;
+  border: 1px solid #499EDF;
+}
+.app-text {
+  font-size: 12px;
+}
+.panel-self{
+  border-radius: 10px;
+  border:1px solid #499EDF;
+  background-color: #F8F8F8;
+}
+.yybtn-color{
+  border-radius: 4px ;
+  border: 1px solid #499EDF;
+}
+.qxbtn-color{
+  background-color: #FFFFFF;
+  border-radius: 4px ;
+  border: 1px solid #499EDF;
+}
+.btn-photo{
+  border: 0;
+  border-radius: 7px;
+  background-color: #7dc1f4;
+  font: 15px PingFang-SC-Bold;
+  height: 20%;
+}
+.div-photo{
+  width: auto;
+  height: auto;
+  /* margin-top: 10px; */
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
+</style>

package/src/components/android/SealManage.vue

@@ -0,0 +1,250 @@
+<template>
+  <div class="auto">
+    <criteria-paged :model="model"  v-ref:paged>
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:cri>
+        <div partial>
+          <form>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">用户编号：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input class="search_input input-font"
+                       v-model="model.f_userinfo_code" condition="ui.f_userinfo_code = '{}'" placeholder="请输入用户编号" />
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../assets/用户ID.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">表号：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input class="search_input input-font"
+                       v-model="model.f_meternumber" condition="uf.f_meternumber like '%{}%'" placeholder="请输入表号" />
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../assets/用户姓名.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">用户名称：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input class="search_input input-font"
+                       condition="ui.f_user_name like '%{}%'" v-model="model.f_username" placeholder="请输入用户名称（可模糊查询）">
+              </div>
+            </div>
+            <div class="row app-row">
+              <div class="col-xs-4">
+                <img src="../../assets/小区.png" style="width: 20px;margin-bottom: 5px" alt="">
+                <label class="font text-left">用户地址：</label>
+              </div>
+              <div class="col-xs-8" >
+                <input style="width: 100%" class="search_input input-font"
+                       condition="ui.f_address like '%{}%'" v-model="model.f_address" placeholder="请输入用户地址（可模糊查询）">
+              </div>
+            </div>
+            <div class="row text-center" style="margin-top: 20px;">
+              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
+                      @click="search">查询
+              </button>
+              <button type="button" class="btn btn-lg btn-font btn-color" style="width: 25%;"
+                      @click="$parent.$parent.sealScan">铅封识别
+              </button>
+            </div>
+            <div style="height:30px;"></div>
+          </form>
+        </div>
+      </criteria>
+      <list :model="model" partial='list'>
+        <div partial>
+          <div class="auto app-text" style="margin-top: 5px;">
+            <div class="panel" style="padding: 10px 10px 5px 10px;">
+              <div class="panel-body panel-self">
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户编号</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_userinfo_code }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户名称</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_user_name }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">表号</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_meternumber }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">表状态</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_table_state }}</p>
+                </div>
+                <div class="row">
+                  <p class="panel-title col-xs-4 text-left font">用户地址</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_address }}</p>
+                </div>
+                <div class="row" v-if="!row.f_seal_uid">
+                  <p class="panel-title col-xs-4 text-left font">施封信息</p>
+                  <p class="panel-title col-xs-8 text-left input-font">暂无</p>
+                </div>
+                <div class="row" v-if="row.f_operate_name">
+                  <p class="panel-title col-xs-4 text-left font">施封人员</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_operate_name }}</p>
+                </div>
+                <div class="row" v-if="row.f_operate_name">
+                  <p class="panel-title col-xs-4 text-left font">施封时间</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_operate_date }}</p>
+                </div>
+                <div class="row" v-if="row.f_operate_name">
+                  <p class="panel-title col-xs-4 text-left font">施封原因</p>
+                  <p class="panel-title col-xs-8 text-left input-font">{{ row.f_cause }}</p>
+                </div>
+                <div class="col-xs-12" v-if="row.f_user_state!='销户'">
+                  <button type="button" name="button" class="btn btn-primary" style="background-color:#499edf;float: right" @click="$parent.$parent.$parent.toBind(row)">
+                    {{row.f_seal_uid ? '重新施封' : '施封'}}
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </list>
+      <div partial='emptyHint' style="display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding-bottom: 20px">
+        <div style="color: steelblue; font-size: 19px">未查询到相关信息</div>
+      </div>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass, PagedList} from 'vue-client'
+import Vue from 'vue'
+import * as Util from '../Util'
+
+export default {
+  title: '施封',
+  data () {
+    let model = new PagedList(
+      `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/getSealInfo`, 20)
+    return {
+      model: model,
+      row: null,
+    }
+  },
+  ready () {
+
+  },
+  computed: {
+
+  },
+  methods:{
+    sealScan() {
+      HostApp.__this__ = this
+      HostApp.readNfc({
+        'callback': 'javascript:HostApp.__this__.sealScanCallback()',
+        // 固定key，代表是否将logic执行结果作为参数传入回调方法，1代表true，0代表false，
+        // 执行回调方法传入key为backresult
+        // 如需额外拼接参数，写在logic返回值的params，例如xxlogic返回:{"params": "success"}
+        'backresult': 1
+      })
+    },
+    async sealScanCallback() {
+      console.log('sealScanCallback=========')
+      let result = HostApp.getNfcUUID()
+      console.log('result=', result)
+      if (result.code == 200){
+        let sealUID = ''
+        if (result.data.indexOf('=') > 0) {
+          sealUID = result.data.substring(result.data.indexOf('=') + 1)
+        }else{
+          sealUID = result.data
+        }
+
+        let res = await new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
+          data: {
+            items: '*',
+            tablename: 't_seals_record',
+            orderitem: 'f_creation_date desc',
+            condition: `f_uid = '${sealUID}' and f_state = '有效'`
+          }
+        }, {resolveMsg: null, rejectMsg: null})
+        if (res.data.length > 0 && res.data[0].f_userinfo_code){
+          this.$refs.paged.$refs.cri.model.f_userinfo_code = res.data[0].f_userinfo_code
+          this.$refs.paged.$refs.cri.search()
+        }else {
+          return this.$showMessage("该铅封未绑定用户！")
+        }
+      }else {
+        return this.$showMessage("未识别到铅封信息，请重新尝试！")
+      }
+    },
+    async toBind(row) {
+      if (row.f_seal_uid){
+        let res = await this.$showMessage('该用户已施封，是否重新进行施封?', ['confirm', 'cancel'])
+        if (res == 'cancel'){
+          return
+        }
+      }
+      var pardate = {
+        _this: this,
+        title:'铅封绑定',
+        safe:false
+      }
+      this.$dispatch('gotoson',pardate)
+      //tag
+      this.$goto('seal-bind', {row: row}, 'self', this.reload)
+    },
+    reload(sealUID){
+      console.log('sealUID=', sealUID)
+      this.$refs.paged.$refs.cri.search()
+    },
+    selfSearch(args){
+      args.condition +=` and uf.f_whether_hairpin = '已发'`
+      this.model.search(args.condition, args.model, args.condValue)
+    }
+  },
+}
+</script>
+<style scoped>
+.app-row {
+  background-color: white;
+  padding: 10px 10px 0 10px;
+  border-bottom: 1px solid rgba(235, 235, 235, 0.5);
+}
+.search_input {
+  border: 0;
+  outline: none;
+}
+.font{
+  font: 15px PingFang-SC-Medium;
+  color: #666666;
+}
+.input-font{
+  font: 15px PingFang-SC-Medium;
+  color: #333333;
+}
+.btn-font{
+  font:600 16px PingFang-SC-Bold;
+  color: #499EDF;
+}
+.btn-color{
+  background-color: #FFFFFF;
+  border-radius: 10px ;
+  border: 1px solid #499EDF;
+}
+.app-text {
+  font-size: 12px;
+}
+.panel-self{
+  border-radius: 10px;
+  border:1px solid #499EDF;
+  background-color: #F8F8F8;
+}
+.yybtn-color{
+  border-radius: 4px ;
+  border: 1px solid #499EDF;
+}
+.qxbtn-color{
+  background-color: #FFFFFF;
+  border-radius: 4px ;
+  border: 1px solid #499EDF;
+}
+</style>