hd-idevvue3 3.0.0 → 3.0.1

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

@@ -0,0 +1,117 @@
+<template>
+  <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>
+      </el-aside>
+      <el-main>
+        <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 type="primary" @click="capAndSave" keyType="save">
+        {{$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() {
+
+    },
+    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 => {
+          const data = response.data
+          this.$message({
+            type: data.code === '-1' ? 'error' : 'success',
+            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 => {
+          const data = response.data
+          this.$message({
+            type: data.code === '-1' ? 'error' : 'success',
+            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 => {
+          const data = response.data
+          this.$message({
+            type: data.code === '-1' ? 'error' : 'success',
+            message: data.message
+          })
+        })
+      }
+    },
+    watch: {
+      visible(nowVal) {
+        if (nowVal) {
+          this.init()
+        } else {
+        }
+      }
+    }
+  }
+</script>

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

@@ -0,0 +1,125 @@
+<template>
+    <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>
+    </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>
+<style scoped>
+    .lucencyInput .el-input__inner {
+        border: 0px;
+    }
+    .el-cascader {
+        width: 100%
+    }
+</style>

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

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

package/src/views/privilege/quartz/comquartzjob.vue

@@ -0,0 +1,65 @@
+<template>
+  <el-container>
+    <el-main>
+
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/com/ComQuartzJob">
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="$refs.grid.doQuery()" style="width: 200px;" class="filter-item" :placeholder="$t('实体名称，任务名称')"
+                    v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-button class="filter-item" type="primary" icon="search" @click="$refs.grid.doQuery()"  :keyMap="['alt','q']">{{$t('搜索')}}</el-button>
+          <el-button class="filter-item"  @click="doEdit('')" type="primary" icon="edit" :keyMap="['alt','a']">{{$t('新增')}}
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger"  :keyMap="['alt','d']">{{$t('删除')}}
+          </el-button>
+        </div>
+        <el-table-column width="100px" align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="doEdit(scope.row.qjId)"></hd-btn>
+            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row.qjId)"></hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="实体名" prop="beanName" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="cron表达式" prop="cronExpression" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="是否使用" prop="isPause" sortable>
+          <template slot-scope="scope">
+            <span>{{scope.row.isPause == '0' ? '√' : '×'}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="任务名称" prop="jobName" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="执行方法" prop="methodName" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="参数名称" prop="params" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="备注" prop="remark" sortable>
+        </el-table-column>
+      </hd-com-grid>
+    </el-main>
+    <comquartzjobform ref="comquartzjobform" @save-ok="$refs.grid.doQuery()"></comquartzjobform>
+  </el-container>
+</template>
+<script>
+  import comquartzjobform from './comquartzjobform'
+  export default {
+    name: 'comquartzjob',
+    components: {  comquartzjobform },
+    data() {
+      return {
+        hdQuery: new HdQuery(this),
+      }
+    },
+
+    mounted() {
+
+    },
+    methods: {
+
+      doEdit(qjId) { // 增加或编辑
+        this.$refs['comquartzjobform'].show(qjId)
+      },
+    }
+  }
+</script>

package/src/views/privilege/quartz/comquartzjobform.vue

@@ -0,0 +1,99 @@
+<template>
+  <el-dialog title="编辑" :visible.sync="visible" width='60%'>
+    <el-form label-width="100px" :model="hdform" ref="hdform">
+      <el-row>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "实体名" prop="beanName" :rules="$r(0,0,50)">
+            <el-input type="text" v-model="hdform.beanName" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "cron表达式" prop="cronExpression" :rules="$r(0,0,50)">
+            <el-input type="text" v-model="hdform.cronExpression" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "是否使用" prop="isPause" :rules="$r(0)"><!--1暂停，0不暂停就是使用-->
+            <el-switch v-model="hdform.isPause" active-value="0" inactive-value="1"></el-switch>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "任务名称" prop="jobName" :rules="$r(0,0,50)">
+            <el-input type="text" v-model="hdform.jobName" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "执行方法" prop="methodName" :rules="$r(0,0,50)">
+            <el-input type="text" v-model="hdform.methodName" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "参数名称" prop="params" :rules="$r(0,0,255)">
+            <el-input type="text" v-model="hdform.params" ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8" :xs="16">
+          <el-form-item label = "备注" prop="remark" :rules="$r(0,0,255)">
+            <el-input type="text" v-model="hdform.remark" ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{$t('取 消')}}</el-button>
+      <el-button type="primary" @click="submit" :loading="loading"> {{$t('确 定')}}</el-button>
+    </div>
+  </el-dialog>
+
+</template>
+
+<script>
+  export default {
+    name: 'comquartzjobform',
+    data() {
+      return {
+        hdform: {},
+        visible: false,
+        tsLoading: false,
+        loading: false
+
+      }
+    },
+    methods: {
+      show(qjId) { // 换为本表主键
+        //弹窗重复使用时,清除校验项目
+        if (this.$refs['hdform'])
+          this.$refs['hdform'].resetFields()
+        this.visible = true
+        this.$http.get('/webresources/login/com/ComQuartzJob/findone?qjId=' + qjId).then(response => {
+          const data = response.data
+          this.hdform = data
+        })
+      },
+
+      submit() {
+        // console.debug(this.hdform)
+        this.$refs['hdform'].validate((valid) => {
+          if (!valid) {
+            return false;
+          }
+          this.loading = true
+          this.$http.post('/webresources/login/com/ComQuartzJob/saveone', this.hdform).then(response => {
+            this.loading = false
+            const data = response.data
+            this.$message({
+              type: data.code == '-1' ? 'error' : 'success',
+              message: data.message
+            })
+            if (data.code == '-1') {
+              return
+            }
+            this.$emit('save-ok') // 主页面调用弹窗时添加
+            this.visible = false
+          })
+        })
+      }
+    }
+  }
+</script>
+

package/src/views/privilege/quartz/comquartzlog.vue

@@ -0,0 +1,59 @@
+<template>
+  <el-container>
+    <el-main>
+
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/com/ComQuartzLog" recHide :default-sort="{prop: '', order: 'descending'}">
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="$refs.grid.doQuery()" style="width: 200px;" class="filter-item" :placeholder="$t('实体名称，任务名称')"
+                    v-model="hdQuery.query.anyQuery">
+          </el-input>
+          <el-button class="filter-item" type="primary" icon="search" @click="$refs.grid.doQuery()"  :keyMap="['alt','q']">{{$t('搜索')}}</el-button>
+          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger"  :keyMap="['alt','d']">{{$t('删除')}}
+          </el-button>
+        </div>
+        <el-table-column width="100px" align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <hd-btn icon="el-icon-delete" hint="删除" @click.stop="$refs.grid.doRemove(scope.row.qlId)"></hd-btn>
+          </template>
+        </el-table-column>
+
+        <el-table-column width="100px" align="center" label="实体名称" prop="beanName" sortable>
+        </el-table-column>
+        <el-table-column width="120px" align="center" label="cron表达式" prop="cronExpression" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="执行时间" prop="exceptionDetail" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="是否成功" prop="isSuccess" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="任务名称" prop="jobName" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="任务参数" prop="params" sortable>
+        </el-table-column>
+        <el-table-column width="120px" align="center" label="运行时间(秒)" prop="time" sortable>
+        </el-table-column>
+        <el-table-column width="200px" align="center" label="记录时间" prop="logTime" :inputProp="$datetime" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="方法名" prop="methodName" sortable>
+        </el-table-column>
+      </hd-com-grid>
+    </el-main>
+  </el-container>
+</template>
+<script>
+  export default {
+    name: 'comquartzlog',
+    components: {   },
+    data() {
+      return {
+        hdQuery: new HdQuery(this),
+      }
+    },
+
+    mounted() {
+
+    },
+    methods: {
+
+    }
+  }
+</script>

package/src/views/privilege/role/btnRole.vue

@@ -0,0 +1,117 @@
+<template>
+  <el-container style="padding-top: 5px">
+    <el-main>
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" :findUrl="findUrl"
+                   removeAllUrl="/webresources/login/privilege/AuthResource/removeBtn"
+                   findoneUrl="/webresources/login/privilege/AuthResource/findone"
+                   :saveoneUrl="saveoneUrl"
+                   noSets pageHide recHide notInit>
+        <div class="filter-container" slot="query">
+          <el-button class="filter-item" @click="$refs.grid.doEdit('')" type="primary" keyType="add">{{$t('新增')}}
+          </el-button>
+          <el-button class="filter-item" @click="$refs.grid.doRemoveAll()" type="danger" keyType="del">{{$t('删除')}}
+          </el-button>
+          <el-button class="filter-item" @click="doInit()" type="danger">{{$t('按钮扫描')}}
+          </el-button>
+        </div>
+        <el-table-column width="90" align="center" label="操作" fixed="right">
+          <template slot-scope="scope">
+            <hd-btn icon="el-icon-edit" hint="编辑" @click.stop="$refs.grid.doEdit(scope.row)" v-if="!scope.row.isEdit">{{$t('编辑')}}
+            </hd-btn>
+            <hd-btn hint="撤销" @click.stop="$refs.grid.doCancel(scope.row,scope.$index)" v-if="scope.row.isEdit">
+              <svg-icon icon-class="undo"/>
+            </hd-btn>
+            <hd-btn icon="el-icon-check" hint="保存" @click.stop="doSave(scope.row)" v-if="scope.row.isEdit">
+            </hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column width="90" align="center" label="使用">
+          <template slot-scope="scope">
+            <el-switch v-model="scope.row.useFlg" active-value="1" inactive-value="0"
+                       @change="updateBtn(scope.row)"></el-switch>
+          </template>
+        </el-table-column>
+        <el-table-column width="120px" align="center" label="名称" prop="name" sortable>
+        </el-table-column>
+        <el-table-column width="220px" align="center" label="区分标识" prop="permissions" sortable>
+        </el-table-column>
+
+      </hd-com-grid>
+      <component :is="menuUrl" v-show="false" ref="compurl"></component>
+    </el-main>
+  </el-container>
+</template>
+<script>
+  export default {
+    components: {},
+    name: 'btnRole',
+    data() {
+      return {
+        hdQuery: new HdQuery(this),
+        findUrl: '',
+        saveoneUrl: '',
+        menuUrl: ''
+      }
+    },
+    props: ['menu', 'roleId', 'imFromPro'], // imFromPro:import不能来自node_module,需要项目传入
+    mounted() {
+      this.initCom()
+    },
+    methods: {
+      doQuery() {
+        this.findUrl = `/webresources/login/privilege/AuthResource/showBtn?menuId=${this.menu.id}&roleId=${this.roleId}`
+        this.$refs.grid.doQuery()
+      },
+      doSave(row) {
+        this.saveoneUrl = `/webresources/login/privilege/AuthResource/saveBtn?menuId=${this.menu.id}`
+        this.$refs.grid.doSave(row)
+      },
+      initCom() {
+        this.doQuery()// 这里列表展示
+        this.$route.meta.btnRole = []
+        this.menuUrl = () => this.imFromPro(this.menu.url)
+      },
+      doInit() {
+        this.listLoading = true
+        this.$http.post(`/webresources/login/privilege/AuthResource/initBtn?menuId=${this.menu.id}`, this.$route.meta.btnRole).then(response => {
+          this.listLoading = false
+          const data = response.data
+          this.$message({
+            type: data.code == '-1' ? 'error' : 'success',
+            showClose: true,
+            duration: 1500,
+            message: data.message
+          })
+          if (data.code == '-1') {
+            return
+          }
+          this.doQuery()
+        })
+      },
+      updateBtn(row) {
+        this.$set(row, 'checked', row.checked)
+        row.menuId = this.menu.id
+        row.roleId = this.roleId
+        this.$http.post(`/webresources/login/privilege/AuthResource/setBtn?menuId=${this.menu.id}&roleId=${this.roleId}&resourceId=${row.resourceId}&useFlg=${row.useFlg}`).then(response => {
+          const data = response.data
+          this.$message({
+            type: data.code == '-1' ? 'error' : 'success',
+            message: data.message,
+            showClose: true,
+            duration: 1500
+          })
+        })
+      }
+    },
+    watch: {// 初始化时,不会执行watch,所以需要在mounted
+      'menu.id': function () {
+        this.initCom()
+      },
+      roleId: function () {
+        this.initCom()
+      }
+    }
+
+  }
+
+</script>

package/src/views/privilege/role/menuRole.vue

@@ -0,0 +1,64 @@
+<template>
+  <div style="height: 100%;">
+    <el-button class="filter-item" type="success" @click="save" size="mini">{{$t('保存')}}</el-button>
+    <hd-tree :data="hdTree" v-loading="listLoading" node-key="id" ref="menuTree"
+             show-checkbox style="height: calc(100% - 30px);"></hd-tree>
+  </div>
+</template>
+<script>
+
+  import btnRole from './btnRole'
+
+  import rolelist from './rolelist'
+
+  export default {
+    components: {
+      rolelist, btnRole
+    },
+    name: 'menuRole',
+    data: function () {
+      return {
+        hdTree: [],
+        listLoading: false
+      }
+    },
+    mounted() { // 因为外层通过v-if控制
+      this.doQuery()
+    },
+    methods: {
+      doQuery() {
+        this.listLoading = true
+
+        this.$http.get(`../webresources/login/privilege/AuthRole/findtreeforrole?roleId=${this.roleId}`).then(response => {
+          const data = response.data
+          this.hdTree = data
+          this.listLoading = false
+        })
+      },
+      save() {
+        const os = this.$refs.menuTree.getCheckedNodes()
+        let privilegeIds = ''
+        for (let i = 0; i < os.length; i++) {
+          if (os[i].id == -1) { // 总根节点不处理
+            continue
+          }
+          privilegeIds = privilegeIds + os[i].id + ','
+        }
+        this.$http.post(`../webresources/login/privilege/AuthRole/updatePermission/${this.roleId}`, {ids: privilegeIds}).then(response => {
+          const data = response.data
+          this.$message({
+            type: data.code == '-1' ? 'error' : 'success',
+            message: data.message
+          })
+        })
+      }
+    },
+    props: ['roleId'],
+    watch: {
+      // 如果 `roleId` 发生改变，这个函数就会运行
+      roleId: function (newVal) {
+        this.doQuery()
+      }
+    }
+  }
+</script>