hd-idevvue3 3.0.2 → 3.0.4

package/src/views/privilege/personDept/facerec.vue

@@ -1,117 +1,162 @@
 <template>
-  <el-dialog title="人脸设置" :visible.sync="visible" append-to-body width="900px" top="2vh">
-    <el-container style="height:500px">
+  <el-dialog
+    title="人脸设置"
+    :visible.sync="visible"
+    append-to-body
+    width="900px"
+    top="2vh"
+  >
+    <el-container style="height: 500px">
       <el-aside width="410px">
-        <div>{{$t('摄像头')}}</div>
-        <video ref="video" width="400px" height="225px" autoplay style="border: solid"></video>
+        <div>{{ $t('摄像头') }}</div>
+        <video
+          ref="video"
+          width="400px"
+          height="225px"
+          autoplay
+          style="border: solid"
+        ></video>
       </el-aside>
       <el-main>
-        <div>{{$t('拍照')}}</div>
-        <canvas ref='canvas' width="400px" height="225px" style="border: solid"></canvas>
+        <div>{{ $t('拍照') }}</div>
+        <canvas
+          ref="canvas"
+          width="400px"
+          height="225px"
+          style="border: solid"
+        ></canvas>
       </el-main>
     </el-container>
     <div slot="footer" class="dialog-footer">
-      <el-button @click="faceRemove">{{$t('删除特征')}}</el-button>
-      <el-button @click="faceTest">{{$t('人脸测试')}}</el-button>
+      <el-button @click="faceRemove">{{ $t('删除特征') }}</el-button>
+      <el-button @click="faceTest">{{ $t('人脸测试') }}</el-button>
       <el-button type="primary" @click="capAndSave" keyType="save">
-        {{$t('拍照并上传')}}
+        {{ $t('拍照并上传') }}
       </el-button>
-      <el-upload style="display: inline"
-                 :action="'/webresources/login/com/ComFaceRec/uploadFace?userId='+userId"
-                 :show-file-list="false"
-                 :on-success="uploadSuccess">
-        <el-button>{{$t('上传图片')}}</el-button>
+      <el-upload
+        style="display: inline"
+        :action="
+          '/webresources/login/com/ComFaceRec/uploadFace?userId=' + userId
+        "
+        :show-file-list="false"
+        :on-success="uploadSuccess"
+      >
+        <el-button>{{ $t('上传图片') }}</el-button>
       </el-upload>
     </div>
   </el-dialog>
 </template>
-<script>
-  export default {
-    components: {},
-    data() {
-      return {
-        visible: false,
-        userId: null,
-        account: null
-      }
-    },
 
-    mounted() {
+<script>
+export default {
+  components: {},
+  data() {
+    return {
+      visible: false,
+      userId: null,
+      account: null,
+    }
+  },
 
+  mounted() {},
+  methods: {
+    show(row) {
+      this.userId = row.userId
+      this.account = row.account
+      this.visible = true
+    },
+    init() {
+      navigator.webkitGetUserMedia(
+        {
+          video: { width: 1280, height: 720 },
+        },
+        this.success,
+        this.error
+      )
+    },
+    success(stream) {
+      this.$refs.video.src = window.URL.createObjectURL(stream)
+      this.$refs.video.play()
+    },
+    error(err) {
+      alert('video error: ' + err)
     },
-    methods: {
-      show(row) {
-        this.userId = row.userId
-        this.account = row.account
-        this.visible = true
-      },
-      init() {
-        navigator.webkitGetUserMedia({
-          video: {width: 1280, height: 720}
-        }, this.success, this.error);
-      },
-      success(stream) {
-        this.$refs.video.src = window.URL.createObjectURL(stream);
-        this.$refs.video.play();
-      },
-      error(err) {
-        alert('video error: ' + err)
-      },
-      faceTest() {
-        this.$refs.canvas.getContext('2d').drawImage(this.$refs.video, 0, 0, 400, 225);
-        let pic = this.$refs.canvas.toDataURL("image/jpg");
-        //对其进行base64编 之后的字符串
-        pic = pic.replace(/^data:image\/(png|jpg);base64,/, "")
-        this.$http.post('/webresources/login/com/ComFaceRec/faceUserTest?account=' + this.account, {
-          "imageData": pic
-        }).then(response => {
+    faceTest() {
+      this.$refs.canvas
+        .getContext('2d')
+        .drawImage(this.$refs.video, 0, 0, 400, 225)
+      let pic = this.$refs.canvas.toDataURL('image/jpg')
+      //对其进行base64编 之后的字符串
+      pic = pic.replace(/^data:image\/(png|jpg);base64,/, '')
+      this.$http
+        .post(
+          '/webresources/login/com/ComFaceRec/faceUserTest?account=' +
+            this.account,
+          {
+            imageData: pic,
+          }
+        )
+        .then((response) => {
           const data = response.data
           this.$message({
             type: data.code === '-1' ? 'error' : 'success',
-            message: data.message
+            message: data.message,
           })
         })
-      },
-      capAndSave() {
-        this.$refs.canvas.getContext('2d').drawImage(this.$refs.video, 0, 0, 400, 225);
-        let pic = this.$refs.canvas.toDataURL("image/jpg");
-        //对其进行base64编 之后的字符串
-        pic = pic.replace(/^data:image\/(png|jpg);base64,/, "")
-        this.$http.post('/webresources/login/com/ComFaceRec/faceUserSave?userId=' + this.userId, {
-          "imageData": pic
-        }).then(response => {
+    },
+    capAndSave() {
+      this.$refs.canvas
+        .getContext('2d')
+        .drawImage(this.$refs.video, 0, 0, 400, 225)
+      let pic = this.$refs.canvas.toDataURL('image/jpg')
+      //对其进行base64编 之后的字符串
+      pic = pic.replace(/^data:image\/(png|jpg);base64,/, '')
+      this.$http
+        .post(
+          '/webresources/login/com/ComFaceRec/faceUserSave?userId=' +
+            this.userId,
+          {
+            imageData: pic,
+          }
+        )
+        .then((response) => {
           const data = response.data
           this.$message({
             type: data.code === '-1' ? 'error' : 'success',
-            message: data.message
+            message: data.message,
           })
         })
-      },
-      uploadSuccess(response) {
-        console.info(response)
-        const data = response
-        this.$message({
-          type: data.code === '-1' ? 'error' : 'success',
-          message: data.message
-        })
-      },
-      faceRemove() {
-        this.$http.post('/webresources/login/com/ComFaceRec/faceUserRemove?userId=' + this.userId).then(response => {
+    },
+    uploadSuccess(response) {
+      console.info(response)
+      const data = response
+      this.$message({
+        type: data.code === '-1' ? 'error' : 'success',
+        message: data.message,
+      })
+    },
+    faceRemove() {
+      this.$http
+        .post(
+          '/webresources/login/com/ComFaceRec/faceUserRemove?userId=' +
+            this.userId
+        )
+        .then((response) => {
           const data = response.data
           this.$message({
             type: data.code === '-1' ? 'error' : 'success',
-            message: data.message
+            message: data.message,
           })
         })
-      }
     },
-    watch: {
-      visible(nowVal) {
-        if (nowVal) {
-          this.init()
-        } else {
-        }
+  },
+  watch: {
+    visible(nowVal) {
+      if (nowVal) {
+        this.init()
+      } else {
       }
-    }
-  }
+    },
+  },
+}
 </script>

package/src/views/privilege/personDept/orgncascader.vue

@@ -1,125 +1,144 @@
 <template>
+  <div>
     <div>
-        <div>
-            <el-cascader :value="searchVal"
-                         :placeholder="placeholder?this.$(placeholder):this.$t('请选择')"
-                         :options="options" filterable
-                         :props="{expandTrigger: 'hover', checkStrictly: true, value : 'id', label: 'text'}"
-                         :disabled="disabled" ref="sel" @change="doSel">
-                <template slot-scope="{ node, data }">
-                    <span>{{ data.text }}</span>
-                    <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
-                </template>
-            </el-cascader>
-        </div>
+      <el-cascader
+        :model-value="searchVal"
+        :placeholder="placeholder ? this.$(placeholder) : this.$t('请选择')"
+        :options="options"
+        filterable
+        :props="{
+          expandTrigger: 'hover',
+          checkStrictly: true,
+          value: 'id',
+          label: 'text',
+        }"
+        :disabled="disabled"
+        ref="sel"
+        @change="doSel"
+      >
+        <template slot-scope="{ node, data }">
+          <span>{{ data.text }}</span>
+          <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+        </template>
+      </el-cascader>
     </div>
+  </div>
 </template>
-<script>
-
-    /**
-     * 自定义列表下拉
-     * @module orgnselect
-     */
-    export default {
-        name: 'orgnselect',
-        data() {
-            return {
-                options: []
-            }
-        },
-        inheritAttrs: false,
-        /**
-         * Props  继承hd-com-grid的属性和事件
-         * @prop {String} txtVal 双向绑定 这里是为了clear清空用
-         * @prop {String} idVal 双向绑定 这里是为了clear清空用
-         * @prop {String} placeholder
-         * @prop {String} disabled 只读
-         * @prop {Object} hdQuery  查询封装类
-         * @prop {String} height  默认为40vh
-         * @prop {Function} beforeQuery  查询前的事件,通常需要绑定anyQuery
-         */
-        props: {
-            txtVal: String,
-            idVal: String,
-            placeholder: String,
-            disabled: Boolean,
-            hdQuery: Object,
-            url: String, // 全路径
-            height: {// 高度
-                type: String,
-                default: '40vh'
-            },
-            beforeQuery: Function
-        }, // 设置value为props属性-必须
-        mounted() {
-            this.doQuery()
-        },
 
-        methods: {
-            doQuery() {
-                this.$http.post('/webresources/login/privilege/AuthOrgn/gentree', this.hdQuery).then(response => {
-                    this.options = response.data;
-                    this.initOption(this.options);
-                })
-            },
-            doClear() {
-                this.$emit('update:txtVal', '')
-                this.$emit('update:idVal', '')
-                this.$emit('clear')
-            },
-            doSel(val) {
-                if (!this.$refs.sel.getCheckedNodes() || this.$refs.sel.getCheckedNodes().length < 1) {
-                    this.$emit('update:txtVal', '')
-                    this.$emit('update:idVal', '')
-                    this.$refs.sel.toggleDropDownVisible(false)
-                    return;
-                }
-                const data = this.$refs.sel.getCheckedNodes()[0].data;
-                this.$emit('update:txtVal', data.text)
-                this.$emit('update:idVal', data.id)
-                this.$emit('change', val)
-                this.$refs.sel.toggleDropDownVisible(false)
-            },
-            getSearchIdList(list, id) {
-                let rtn = [];
-                list.forEach(v => {
-                    if(v.id == id) {
-                        rtn = [v.id];
-                        return;
-                    } else {
-                        let idList = this.getSearchIdList(v.children == null ? [] : v.children, id);
-                        if(idList.length > 0) {
-                            rtn =  [v.id, ...idList];
-                        }
-                    }
-                })
-                return rtn;
-            },
-            initOption(list) {
-                list.forEach(v => {
-                    if(!v.children || v.children.length === 0) {
-                        v.children = null;
-                    } else {
-                        this.initOption(v.children);
-                    }
-                })
-            },
-        },
-        computed: {
-            searchVal() {
-                let searchVal = this.getSearchIdList(this.options, this.idVal);
-                console.log('searchVal', this.options, searchVal, this.idVal);
-                return this.getSearchIdList(this.options, this.idVal);
-            }
-        }
+<script>
+/**
+ * 自定义列表下拉
+ * @module orgnselect
+ */
+export default {
+  name: 'orgnselect',
+  data() {
+    return {
+      options: [],
     }
+  },
+  inheritAttrs: false,
+  /**
+   * Props  继承hd-com-grid的属性和事件
+   * @prop {String} txtVal 双向绑定 这里是为了clear清空用
+   * @prop {String} idVal 双向绑定 这里是为了clear清空用
+   * @prop {String} placeholder
+   * @prop {String} disabled 只读
+   * @prop {Object} hdQuery  查询封装类
+   * @prop {String} height  默认为40vh
+   * @prop {Function} beforeQuery  查询前的事件,通常需要绑定anyQuery
+   */
+  props: {
+    txtVal: String,
+    idVal: String,
+    placeholder: String,
+    disabled: Boolean,
+    hdQuery: Object,
+    url: String, // 全路径
+    height: {
+      // 高度
+      type: String,
+      default: '40vh',
+    },
+    beforeQuery: Function,
+  }, // 设置value为props属性-必须
+  mounted() {
+    this.doQuery()
+  },
 
+  methods: {
+    doQuery() {
+      this.$http
+        .post('/webresources/login/privilege/AuthOrgn/gentree', this.hdQuery)
+        .then((response) => {
+          this.options = response.data
+          this.initOption(this.options)
+        })
+    },
+    doClear() {
+      this.$emit('update:txtVal', '')
+      this.$emit('update:idVal', '')
+      this.$emit('clear')
+    },
+    doSel(val) {
+      if (
+        !this.$refs.sel.getCheckedNodes() ||
+        this.$refs.sel.getCheckedNodes().length < 1
+      ) {
+        this.$emit('update:txtVal', '')
+        this.$emit('update:idVal', '')
+        this.$refs.sel.toggleDropDownVisible(false)
+        return
+      }
+      const data = this.$refs.sel.getCheckedNodes()[0].data
+      this.$emit('update:txtVal', data.text)
+      this.$emit('update:idVal', data.id)
+      this.$emit('change', val)
+      this.$refs.sel.toggleDropDownVisible(false)
+    },
+    getSearchIdList(list, id) {
+      let rtn = []
+      list.forEach((v) => {
+        if (v.id == id) {
+          rtn = [v.id]
+          return
+        } else {
+          let idList = this.getSearchIdList(
+            v.children == null ? [] : v.children,
+            id
+          )
+          if (idList.length > 0) {
+            rtn = [v.id, ...idList]
+          }
+        }
+      })
+      return rtn
+    },
+    initOption(list) {
+      list.forEach((v) => {
+        if (!v.children || v.children.length === 0) {
+          v.children = null
+        } else {
+          this.initOption(v.children)
+        }
+      })
+    },
+  },
+  computed: {
+    searchVal() {
+      let searchVal = this.getSearchIdList(this.options, this.idVal)
+      console.log('searchVal', this.options, searchVal, this.idVal)
+      return this.getSearchIdList(this.options, this.idVal)
+    },
+  },
+}
 </script>
+
 <style scoped>
-    .lucencyInput .el-input__inner {
-        border: 0px;
-    }
-    .el-cascader {
-        width: 100%
-    }
+.lucencyInput .el-input__inner {
+  border: 0px;
+}
+.el-cascader {
+  width: 100%;
+}
 </style>

package/src/views/privilege/personDept/personDept.vue

@@ -1,31 +1,33 @@
 <template>
   <el-container>
     <el-aside>
-      <orgTree ref='orgTree' @org-node-click='query'></orgTree>
+      <orgTree ref="orgTree" @org-node-click="query"></orgTree>
     </el-aside>
     <el-main>
-      <authUser ref='authUser'></authUser>
+      <authUser ref="authUser"></authUser>
     </el-main>
   </el-container>
 </template>
+
 <script>
 import orgTree from '../orgDept/orgTree'
 import authUser from './authuser'
 
 export default {
   components: {
-    orgTree, authUser
+    orgTree,
+    authUser,
   },
   data() {
     return {
       orgnId: '0',
-      orgnName: ''
+      orgnName: '',
     }
   },
   methods: {
-    query: function(data) {
+    query: function (data) {
       this.$refs['authUser'].queryUser(data.id, data.text)
-    }
-  }
+    },
+  },
 }
 </script>