safecheck-client 3.0.34-21 → 3.0.34-24

package/src/components/android/ImgSelfAndroid.vue

@@ -1,181 +1,181 @@
-<template>
-  <div>
-    <img :src="src" :alt="alt" @click="open()"   :width="width" :height="height"title="点击查看图片" :id="'vc-imgself-img-'+attach">
-    <div class="full-img" v-if="show">
-      <div @click="on"  draggable="false" >
-        <img :src="src" id="image" alt="" style="width: 100%" class="img-state" :alt="alt || ''">
-      </div>
-      <div class="btns">
-        <button type="button" name="button" class="btn btn-primary" @click="close()" :id="'vc-imgself-close-'+attach">关闭</button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-  import $ from 'jquery'
-
-
-  export default {
-    props: {
-      src: {
-        type: String
-      },
-      width: {
-        default: 60
-      },
-      height: {
-        default: 60
-      },
-      alt: {
-        default: '图片加载失败'
-      },
-      attach: {
-        type: String,
-        default: 'name'
-      }
-    },
-    data () {
-      return {
-        show: false,
-        deg: 0,
-        power: 1
-      }
-    },
-    methods: {
-      open () {
-        this.deg = 0
-        this.power = 0.5
-        this.show = true
-      },
-      close () {
-        this.show = false
-      },
-      on(){
-        $(function (){
-          let result = {}
-          var eleImg = document.querySelector('#image');
-          var store = {
-            scale: 1
-          };
-          // 缩放处理
-          eleImg.addEventListener('touchstart', function (event) {
-            var touches = event.touches;
-            var events = touches[0];
-            var events2 = touches[1];
-
-            var x = eleImg.offsetLeft;
-            var y = eleImg.offsetTop;
-
-            if (!events) {
-              return;
-            }
-            event.preventDefault();
-            // 第一个触摸点的坐标
-            store.pageX = events.pageX;
-            store.pageY = events.pageY;
-            store.x = x;
-            store.y = y;
-            store.moveable = true;
-            if (events2) {
-              store.pageX2 = events2.pageX;
-              store.pageY2 = events2.pageY;
-            }
-            store.originScale = store.scale || 1;
-          },{ passive: false });
-          document.addEventListener('touchmove', function (event) {
-            if (!store.moveable) {
-              return;
-            }
-            event.preventDefault();
-            var touches = event.touches;
-            var events = touches[0];
-            var events2 = touches[1];
-            result.textContent = '触摸点数量：' + touches.length;
-            if (events2) {
-              if (!store.pageX2) {
-                store.pageX2 = events2.pageX;
-              }
-              if (!store.pageY2) {
-                store.pageY2 = events2.pageY;
-              }
-              var getDistance = function (start, stop) {
-                return Math.hypot(stop.x - start.x, stop.y - start.y);
-              };
-              var zoom = getDistance({
-                  x: events.pageX,
-                  y: events.pageY
-                }, {
-                  x: events2.pageX,
-                  y: events2.pageY
-                }) /
-                getDistance({
-                  x: store.pageX,
-                  y: store.pageY
-                }, {
-                  x: store.pageX2,
-                  y: store.pageY2
-                });
-              var newScale = store.originScale * zoom;
-              if (newScale > 4) {
-                newScale = 4;
-              }
-              store.scale = newScale;
-              eleImg.style.transform = 'scale('+ newScale +')';
-              result.textContent = 'zoom: '+ zoom + ', apply scale: ' + newScale;
-            }else{
-              var moveX = events.pageX - store.pageX;
-              var moveY = events.pageY - store.pageY;
-              var imagetop = store.x + moveX;
-              var imageleft = store.y + moveY;
-              eleImg.style.transform = `translate(${imagetop}px, ${imageleft}px) scale(${store.scale})`;
-            }
-          },{ passive: false });
-
-          document.addEventListener('touchend', function () {
-            store.moveable = false;
-
-            delete store.pageX2;
-            delete store.pageY2;
-          },{ passive: false });
-          document.addEventListener('touchcancel', function () {
-            store.moveable = false;
-            delete store.pageX2;
-            delete store.pageY2;
-          },{ passive: false });
-        });
-      }
-
-    },
-    ready(){
-    }
-  }
-</script>
-<style media="screen">
-  .full-img {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 20;
-    background: rgba(0,0,0,0.8);
-    display: flex;
-    overflow: auto;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    color: #fff;
-  }
-  .btns {
-    position: fixed;
-    bottom: 100px;
-    height: auto;
-  }
-  .btns button {
-    margin-right: 20px;
-  }
-  .img-state {
-
-  }
-</style>
+<template>
+  <div>
+    <img :src="src" :alt="alt" @click="open()"   :width="width" :height="height"title="点击查看图片" :id="'vc-imgself-img-'+attach">
+    <div class="full-img" v-if="show">
+      <div @click="on"  draggable="false" >
+        <img :src="src" id="image" alt="" style="width: 100%" class="img-state" :alt="alt || ''">
+      </div>
+      <div class="btns">
+        <button type="button" name="button" class="btn btn-primary" @click="close()" :id="'vc-imgself-close-'+attach">关闭</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import $ from 'jquery'
+
+
+  export default {
+    props: {
+      src: {
+        type: String
+      },
+      width: {
+        default: 60
+      },
+      height: {
+        default: 60
+      },
+      alt: {
+        default: '图片加载失败'
+      },
+      attach: {
+        type: String,
+        default: 'name'
+      }
+    },
+    data () {
+      return {
+        show: false,
+        deg: 0,
+        power: 1
+      }
+    },
+    methods: {
+      open () {
+        this.deg = 0
+        this.power = 0.5
+        this.show = true
+      },
+      close () {
+        this.show = false
+      },
+      on(){
+        $(function (){
+          let result = {}
+          var eleImg = document.querySelector('#image');
+          var store = {
+            scale: 1
+          };
+          // 缩放处理
+          eleImg.addEventListener('touchstart', function (event) {
+            var touches = event.touches;
+            var events = touches[0];
+            var events2 = touches[1];
+
+            var x = eleImg.offsetLeft;
+            var y = eleImg.offsetTop;
+
+            if (!events) {
+              return;
+            }
+            event.preventDefault();
+            // 第一个触摸点的坐标
+            store.pageX = events.pageX;
+            store.pageY = events.pageY;
+            store.x = x;
+            store.y = y;
+            store.moveable = true;
+            if (events2) {
+              store.pageX2 = events2.pageX;
+              store.pageY2 = events2.pageY;
+            }
+            store.originScale = store.scale || 1;
+          },{ passive: false });
+          document.addEventListener('touchmove', function (event) {
+            if (!store.moveable) {
+              return;
+            }
+            event.preventDefault();
+            var touches = event.touches;
+            var events = touches[0];
+            var events2 = touches[1];
+            result.textContent = '触摸点数量：' + touches.length;
+            if (events2) {
+              if (!store.pageX2) {
+                store.pageX2 = events2.pageX;
+              }
+              if (!store.pageY2) {
+                store.pageY2 = events2.pageY;
+              }
+              var getDistance = function (start, stop) {
+                return Math.hypot(stop.x - start.x, stop.y - start.y);
+              };
+              var zoom = getDistance({
+                  x: events.pageX,
+                  y: events.pageY
+                }, {
+                  x: events2.pageX,
+                  y: events2.pageY
+                }) /
+                getDistance({
+                  x: store.pageX,
+                  y: store.pageY
+                }, {
+                  x: store.pageX2,
+                  y: store.pageY2
+                });
+              var newScale = store.originScale * zoom;
+              if (newScale > 4) {
+                newScale = 4;
+              }
+              store.scale = newScale;
+              eleImg.style.transform = 'scale('+ newScale +')';
+              result.textContent = 'zoom: '+ zoom + ', apply scale: ' + newScale;
+            }else{
+              var moveX = events.pageX - store.pageX;
+              var moveY = events.pageY - store.pageY;
+              var imagetop = store.x + moveX;
+              var imageleft = store.y + moveY;
+              eleImg.style.transform = `translate(${imagetop}px, ${imageleft}px) scale(${store.scale})`;
+            }
+          },{ passive: false });
+
+          document.addEventListener('touchend', function () {
+            store.moveable = false;
+
+            delete store.pageX2;
+            delete store.pageY2;
+          },{ passive: false });
+          document.addEventListener('touchcancel', function () {
+            store.moveable = false;
+            delete store.pageX2;
+            delete store.pageY2;
+          },{ passive: false });
+        });
+      }
+
+    },
+    ready(){
+    }
+  }
+</script>
+<style media="screen">
+  .full-img {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 20;
+    background: rgba(0,0,0,0.8);
+    display: flex;
+    overflow: auto;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    color: #fff;
+  }
+  .btns {
+    position: fixed;
+    bottom: 100px;
+    height: auto;
+  }
+  .btns button {
+    margin-right: 20px;
+  }
+  .img-state {
+
+  }
+</style>

package/src/components/android/QRCode/QRCodeBinding.vue

@@ -0,0 +1,247 @@
+<template>
+  <div style="height: 100%">
+    <div class="panel auto">
+      <div  class="panel-body ">
+        <div class="row auto" style="margin: 5px 0">
+          <label class="righttxt">负责人姓名:</label>
+          <input v-model="bindingData.f_head_name" class="form-control rightipt" type="text"/>
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div  class="panel-body ">
+        <div class="row auto" style="margin: 5px 0">
+          <label class="righttxt">负责人职务:</label>
+          <input v-model="bindingData.f_head_post" class="form-control rightipt" type="text"/>
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div  class="panel-body ">
+        <div class="row auto" style="margin: 5px 0">
+          <label class="righttxt">负责人电话:</label>
+          <input v-model="bindingData.f_head_phone" class="form-control rightipt" type="text"/>
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div  class="panel-body ">
+        <div class="row auto" style="margin: 5px 0">
+          <label class="righttxt">绑定类型:</label>
+          <v-select v-model="bindingData.f_type" :options='types' :value.sync="bindingData.f_type" :width="'60%'"
+                    class="input-font" clear-button close-on-select placeholder='类型' style="margin-left: 5%;"
+                    value-single></v-select>
+        </div>
+      </div>
+    </div>
+    <div v-if="bindingData.f_type == '小区'" class="panel auto">
+      <div  class="panel-body ">
+        <div class="row auto" style="margin: 5px 0">
+          <label class="righttxt">小区名称:</label>
+          <v-select v-model="bindingData.f_user_name" :options='residentialAreas' :value.sync="bindingData.f_user_name" :width="'60%'"
+                    class="input-font" clear-button close-on-select placeholder='小区名称'
+                    style="margin-left: 5%;" value-single></v-select>
+        </div>
+      </div>
+    </div>
+    <div v-if="bindingData.f_type == '用户'" class="panel auto">
+      <div  class="panel-body ">
+        <div class="row auto" style="margin: 5px 0">
+          <label class="righttxt">用户名称:</label>
+          <v-select v-model="bindingData.f_user_name" :options='userNames' :value.sync="bindingData.f_user_name" :width="'60%'"
+                    class="input-font" clear-button close-on-select placeholder='用户名称'
+                    style="margin-left: 5%;"
+                    value-single></v-select>
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div class="panel-body">
+        <label class="row auto text-left col-md-4 col-xs-4">备注</label>
+        <div class="col-md-12 col-sm-12 col-xs-12">
+          <textarea v-model="bindingData.f_comments" class="form-control"></textarea>
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div  class="panel-body ">
+        <div class="row auto" style="margin: 5px 0">
+          <label class="righttxt">图片:</label>
+          <div class="col-xs-6" style="height: 160px;width:160px;overflow: scroll;top: 1px">
+            <img-self v-if="bindingData.f_head_pic" :src="bindingData.f_head_pic" width="140" height="140"></img-self>
+            <button v-if="!bindingData.f_head_pic" type="button" name="button" class="btn btn-primary" @click="takePictures('com.aofeng.hybrid.android.peripheral.CameraActivity')">拍照</button>
+            <button v-if="!bindingData.f_head_pic" type="button" name="button" class="btn btn-primary" @click="takePictures('com.aofeng.hybrid.android.peripheral.ActionMultiplePickActivity')">相册</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="panel auto">
+      <div class="panel-body">
+        <div style="display: flex;justify-content: center;">
+          <button class="col-sm-3 btn btn-primary" @click="binding()">绑定</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+import * as Util from '../../Util'
+
+
+export default {
+  title: '二维码绑定',
+  data() {
+    return {
+      bindingData: {},
+      residentialAreas: [{label: '请选择', value: ''}],
+      userNames: [{label: '请选择', value: ''}],
+      types: [{label: '请选择', value: ''}, {label: '小区', value: '小区'}, {label: '用户', value: '用户'}]
+    }
+  },
+  props: {
+    row: {
+      type: Object
+    }
+  },
+  methods: {
+    cameraCallBack(prop,fileName) {
+      this.$set('bindingData.f_head_pic',fileName)
+    },
+    takePictures(page){
+      HostApp.__callback__ = this.cameraCallBack
+      HostApp.__this__ = this
+      let prop = 'QRCode'
+      this.fileName = Util.guid() +'.jpg'
+      HostApp._open_a_page({
+        type: 'boomerang',
+        page: page,
+        param: {
+          file: this.fileName,
+          requestCode: 111,
+          callback: 'javascript:HostApp.__callback__("' + prop + '", "%s");',
+          watermark: ''
+        }
+      })
+    },
+    async binding() {
+      let tableImages = []
+      tableImages.push({
+        path:this.bindingData.f_head_pic
+      })
+      let data = {
+        tableImages: tableImages
+      }
+      HostApp.__this__ = this
+      HostApp.logicWithHint({
+        'logic': 'imagesUploadAndroid', 'callback': 'javascript: HostApp.__this__.commitCallBack()',
+        'data': data, 'backresult': 1
+      })
+    },
+    async commitCallBack(jo) {
+      if (jo.state == 'ok') {
+        const res = JSON.parse(jo.result)
+        let sql = `update t_qr_code set f_head_name = '${this.bindingData.f_head_name}',f_head_post = '${this.bindingData.f_head_post}',f_head_phone = '${this.bindingData.f_head_phone}',f_type = '${this.bindingData.f_type}',f_user_name = '${this.bindingData.f_user_name}',f_userinfo_id = '${this.bindingData.f_userinfo_id}',f_comments = '${this.bindingData.f_comments}',f_head_pic='${res.images[0].imgfileName}' where id = '${this.bindingData.id}'`
+        new HttpResetClass().load('POST', `${this.$androidUtil.getProxyUrl()}/rs/logic/runSQL`, {data: {sql: sql}}).then(res=>{
+          this.$showMessage('绑定成功')
+          this.$dispatch('confirm')
+        }).catch(e=>{
+          this.$showMessage('绑定失败')
+        })
+      }else {
+        this.$showMessage('图片上传失败')
+      }
+    },
+  },
+  async ready() {
+    this.bindingData = JSON.parse(JSON.stringify(this.row))
+    let residentialArea = await new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
+      data: {
+        items: 'f_residential_area,id',
+        tablename: 't_area',
+        condition: `1=1 and f_residential_area is not null`,
+        orderitem: '1'
+      }
+    })
+    residentialArea.data.forEach(item => {
+      this.residentialAreas.push({label: item.f_residential_area, value: `${item.f_residential_area}:${item.id}`});
+    })
+    let users = await new HttpResetClass().load('post', `${this.$androidUtil.getProxyUrl()}/rs/sql/tel_singleTable_OrderBy`, {
+      data: {
+        items: 'ui.f_user_name,ui.f_userinfo_id',
+        tablename: 't_userinfo ui LEFT JOIN t_userfiles uf on ui.f_userinfo_id = uf.f_userinfo_id',
+        condition: `1=1 and f_user_name is not null and uf.f_user_type = '非民用' and uf.f_table_state in ('正常','停用')`,
+        orderitem: '1'
+      }
+    })
+    users.data.forEach(item => {
+      this.userNames.push({label: item.f_user_name, value: `${item.f_user_name}:${item.f_userinfo_id}`});
+    })
+  }
+}
+</script>
+<style lang="less" scoped>
+.butt3 {
+  float: right;
+  width: 12px;
+  margin: 1% 2% 0 0;
+}
+
+.rightipt {
+  width: 60%;
+  float: left;
+  margin-left: 5%;
+}
+
+.righttxt {
+  border: none;
+  margin-left: 5px;
+  /*border-left: 5px solid #A2C2EB;*/
+  float: left;
+  width: 25%;
+  margin-bottom: 3px;
+  text-align: left;
+  word-wrap: break-word;
+  white-space: normal;
+}
+
+.spanboder {
+  border-bottom: 2px solid #499edf;
+  padding-bottom: 8px
+}
+
+#upuserinfo_sel /deep/ ul {
+  width: 100% !important;
+  left: 0 !important;
+}
+
+.btn-photo {
+  border: 0;
+  border-radius: 7px;
+  background-color: #7dc1f4;
+  font: 15px PingFang-SC-Bold;
+  height: 20%;
+}
+
+.panel-self {
+  border-radius: 10px;
+  border: 1px solid #499EDF;
+  background-color: #F8F8F8;
+}
+
+.div-photo {
+  width: auto;
+  height: auto;
+  /* margin-top: 10px; */
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
+</style>
+<style lang="less">
+#upuserinfo_sel ul {
+  width: 100% !important;
+  left: 0 !important;
+}
+</style>