hd-idevvue3 3.0.0 → 3.0.1

package/src/hdcom/HdComFaceRec.vue

@@ -0,0 +1,58 @@
+<template>
+  <el-container>
+    <el-main>
+
+      <hd-com-grid ref="grid" :hdQuery="hdQuery" url="/webresources/login/com/ComFaceRec">
+        <div class="filter-container" slot="query">
+          <el-input @keyup.enter.native="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="doUpload" type="primary" icon="edit">{{$t('上传照片')}}
+          </el-button>
+          <el-button class="filter-item" @click="$refs.faceTest.show()" type="primary">{{$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.recId)"></hd-btn>
+          </template>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="姓名" prop="name" sortable>
+        </el-table-column>
+        <el-table-column width="100px" align="center" label="工号" prop="workNo" sortable>
+        </el-table-column>
+      </hd-com-grid>
+    </el-main>
+    <face-pic-upload ref="upload"></face-pic-upload>
+    <FaceRecTest ref="faceTest"></FaceRecTest>
+  </el-container>
+</template>
+<script>
+
+  import FacePicUpload from "./FacePicUpload.vue";
+  import FaceRecTest from "./FaceRecTest.vue";
+
+  export default {
+    components: {FacePicUpload, FaceRecTest},
+    data() {
+      return {
+        hdQuery: new HdQuery(this),
+      }
+    },
+
+    mounted() {
+
+    },
+    methods: {
+      doUpload() {
+        this.$refs.upload.show()
+      }
+    }
+  }
+</script>