leadal-auth 0.0.1

package/src/components/card-register/components/CardTable.vue

@@ -0,0 +1,94 @@
+<template>
+  <div v-loading="loading">
+    <el-table
+      :data="tableData"
+      stripe
+      ref="table"
+      :header-cell-style="{ background: '#f7f8fa' }"
+      @selection-change="h_selectionChange"
+      @row-click="h_rowClick"
+    >
+      <el-table-column type="selection" width="75" />
+      <el-table-column type="index" label="序号" width="80" />
+      <el-table-column prop="icCard" label="IC卡号" />
+      <el-table-column prop="createdTime" label="录入时间" />
+    </el-table>
+    <!-- 分页 -->
+    <div class="flex-end mt-12" v-if="false">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :current-page="pagination.current"
+        :page-size="pagination.size"
+        :total="pagination.total"
+        @current-change="h_currentChange"
+      />
+    </div>
+    <!-- 返回 确定 按钮 -->
+    <div class="flex-center mt-42">
+      <el-button @click="h_back">返回</el-button>
+      <el-button type="primary" @click="h_submit">确定</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { findNoBindICCardApi } from "@/api/card";
+
+export default {
+  name: "CardTable",
+  props: {
+    loading: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      tableData: [],
+      selection: [],
+      pagination: {
+        current: 1,
+        size: 5,
+        total: 0,
+      },
+    };
+  },
+  created() {
+    this.f_loadData();
+  },
+  methods: {
+    h_rowClick(row) {
+      this.$refs.table.toggleRowSelection(row);
+    },
+    h_currentChange(current) {
+      this.table.pagination.current = current;
+      this.f_loadData();
+    },
+    h_back() {
+      this.$emit("back");
+    },
+    h_submit() {
+      if (this.selection.length === 0) {
+        this.$message.warning("请选择要添加的IC卡");
+        return;
+      }
+      if (this.selection.length > 1) {
+        this.$message.warning("请选择一张IC卡");
+        return;
+      }
+      this.$emit("submit", this.selection[0]);
+    },
+    f_loadData() {
+      findNoBindICCardApi({ keyword: null }).then((res) => {
+        this.tableData = res.data;
+      });
+    },
+    h_selectionChange(selection) {
+      this.selection = selection;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

package/src/components/card-register/components/RegisterDialog.vue

@@ -0,0 +1,137 @@
+<template>
+  <el-dialog
+    :visible="visible"
+    width="580px"
+    title="新增身份卡"
+    @closed="closed"
+    append-to-body
+    @close="h_close"
+  >
+    <div v-if="component === 'normal'">
+      <div class="p-12 pr-32">
+        <el-form :model="form" label-width="100px">
+          <el-form-item label="身份卡号">
+            <el-input
+              v-model="form.cardNo"
+              placeholder="请输入或者使用刷卡器刷卡"
+            />
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="select-section">
+        <el-button type="text" class="select-button" @click="h_selectCard">
+          选择已录入身份卡 >>
+        </el-button>
+      </div>
+      <div class="dialog-footer f_center" style="margin-top: 100px">
+        <el-button @click="h_close" :loading="loading">取消</el-button>
+        <el-button type="primary" @click="h_submit" :loading="loading"
+          >确定</el-button
+        >
+      </div>
+    </div>
+    <div v-if="component === 'table'">
+      <card-table @back="h_back" @submit="h_submit" :loading="loading" />
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { addUserICCardApi } from "@/api/card";
+import CardTable from "./CardTable.vue";
+export default {
+  name: "RegisterDialog",
+  components: {
+    CardTable,
+  },
+  props: {
+    row: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      component: "normal",
+      visible: false,
+      form: {
+        cardNo: "",
+      },
+    };
+  },
+  created() {},
+  mounted() {
+    this.visible = true;
+    this.$authEventBus.$on("card", this.h_card);
+  },
+  beforeDestroy() {
+    this.$authEventBus.$off("card", this.h_card);
+  },
+  methods: {
+    h_card(data) {
+      // console.log(data);
+      if (data.result === 0 || data.status === 200) {
+        this.form.cardNo = data.data;
+      }
+    },
+    h_back() {
+      this.component = "normal";
+    },
+    h_submit(cardInfo) {
+      // this.component = "normal";
+      this.loading = true;
+
+      let params = {
+        userId: this.row.userId,
+        userName: this.row.row.name,
+        icCard: this.form.cardNo,
+        tenantId: "",
+      };
+
+      if (cardInfo && cardInfo.icCard) {
+        params = {
+          userId: this.row.userId,
+          userName: this.row.row.name,
+          icCard: cardInfo.icCard,
+          tenantId: "",
+        };
+      }
+
+      addUserICCardApi(params)
+        .then(() => {
+          this.$message.success("新增成功");
+          this.visible = false;
+          this.$emit("refresh");
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    h_close() {
+      this.visible = false;
+    },
+    closed() {
+      this.$emit("closed");
+    },
+    h_selectCard() {
+      //   this.$emit("selectCard");
+      this.component = "table";
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.select-section {
+  margin-bottom: 52px;
+  text-align: left;
+  margin-left: 100px;
+}
+
+.select-button {
+  font-size: 14px;
+  color: #8a97bb;
+  padding: 0;
+}
+</style>

package/src/components/card-register/index.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="p-12" v-loading="loading">
+    <!-- el-table 列 选择项 序号 身份卡号 -->
+    <el-table
+      :data="tableData"
+      stripe
+      ref="table"
+      :header-cell-style="{ background: '#f7f8fa' }"
+      @selection-change="h_selectionChange"
+      @row-click="h_rowClick"
+    >
+      <el-table-column type="selection" width="75" />
+      <el-table-column type="index" label="序号" width="80" />
+      <el-table-column prop="icCard" label="身份卡号" />
+    </el-table>
+    <!-- 按钮 添加 移除-->
+    <div class="flex-center mt-12">
+      <el-button
+        type="primary"
+        icon="el-icon-circle-plus-outline"
+        @click="h_add"
+        >添加</el-button
+      >
+      <el-button icon="el-icon-delete" type="danger" @click="h_remove"
+        >移除</el-button
+      >
+    </div>
+    <register-dialog
+      v-if="visible"
+      :row="row"
+      @closed="visible = false"
+      @refresh="h_loadData"
+    />
+  </div>
+</template>
+
+<script>
+import { deleteByIcCardApi, findByUserIdApi } from "@/api/card";
+import RegisterDialog from "./components/RegisterDialog.vue";
+export default {
+  name: "CardRegister",
+  components: {
+    RegisterDialog,
+  },
+  props: {
+    row: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      tableData: [],
+      selection: [],
+      visible: false,
+      loading: false,
+    };
+  },
+  created() {
+    this.h_loadData();
+  },
+  methods: {
+    h_rowClick(row) {
+      this.$refs.table.toggleRowSelection(row);
+    },
+    h_loadData() {
+      this.loading = true;
+      findByUserIdApi({ userId: this.row.userId })
+        .then((res) => {
+          this.tableData = res.data;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    h_add() {
+      this.visible = true;
+    },
+    h_remove() {
+      // this.$emit("remove");
+      this.$confirm("确定移除选中的身份卡吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.loading = true;
+          deleteByIcCardApi(this.selection.map((item) => item.icCardId))
+            .then(() => {
+              this.$message.success("移除成功");
+              this.h_loadData();
+            })
+            .finally(() => {
+              this.loading = false;
+            });
+        })
+        .catch(() => {});
+    },
+    h_selectionChange(selection) {
+      this.selection = selection;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-button {
+  border-radius: 8px;
+}
+</style>

package/src/components/edit-user-dialog.vue

@@ -0,0 +1,141 @@
+<template>
+  <el-dialog
+    :visible="visible"
+    :title="edit && edit.id ? '修改机构' : '新增机构'"
+    width="540px"
+    :destroy-on-close="true"
+    :close-on-click-modal="false"
+    :before-close="h_close"
+    :append-to-body="true"
+    @closed="closed"
+  >
+    <el-form
+      ref="form"
+      :model="form"
+      :rules="rules"
+      label-width="120px"
+      size="small"
+    >
+      <el-form-item label="父级节点" prop="parentId">
+        <tree-select
+          :value.sync="form.parentId"
+          :defaultLabel="form.parentName"
+          :defaultProps="{
+            label: 'caption',
+            value: 'id',
+            children: 'children',
+            isLeaf: (data) => {
+              return data.hasChild === false;
+            },
+          }"
+          :load="f_loadNode"
+          @setNode="h_setNode"
+        />
+      </el-form-item>
+      <el-form-item label="机构名称" prop="name">
+        <el-input v-model="form.name" />
+      </el-form-item>
+      <!--        <el-form-item label="排序" prop="sequence">-->
+      <!--          <el-input-number v-model="form.sequence" :min="1" :max="9999" />-->
+      <!--        </el-form-item>-->
+    </el-form>
+    <div slot="footer" class="dialog-footer f_center">
+      <el-button @click="h_close" :loading="loading"> 取消 </el-button>
+      <el-button type="primary" @click="h_submit" :loading="loading">
+        确定
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { apiOrganSave, apiOrganTree } from "@/api";
+import TreeSelect from "@/components/tree-select.vue";
+
+export default {
+  components: {
+    TreeSelect,
+  },
+  props: {
+    edit: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      visible: false,
+      form: {
+        sequence: 1,
+      },
+      rules: {},
+      loading: false,
+    };
+  },
+  mounted() {
+    this.visible = true;
+    if (this.edit) {
+      console.log("this.edit", this.edit);
+
+      this.form = { ...this.edit, name: this.edit.caption };
+    }
+  },
+  methods: {
+    async f_loadNode(node, resolve) {
+      console.log("node", node);
+      if (node.level === 0) {
+        const res = await apiOrganTree();
+        resolve(res.data || []);
+      } else {
+        const res = await apiOrganTree({ parentId: node.data.id });
+        res.data.forEach((item) => {
+          item.parentId = node.data.id;
+          item.parentName = node.data.caption;
+        });
+        resolve(res.data || []);
+      }
+    },
+    h_setNode(val) {
+      this.$set(this.form, "parentId", val?.id);
+      this.$set(this.form, "parentName", val?.caption);
+      this.$forceUpdate();
+    },
+    h_close() {
+      this.visible = false;
+    },
+    closed() {
+      this.$emit("closed");
+    },
+    h_submit() {
+      this.loading = true;
+      this.$refs.form.validate(async (valid) => {
+        if (valid) {
+          if (!this.form.id) {
+            this.$set(this.form, "sequence", 1);
+          }
+          try {
+            await apiOrganSave({ ...this.form });
+            if (this.form.parentId) {
+              const res = await apiOrganTree({ parentId: this.form.parentId });
+              res.data.forEach((item) => {
+                item.parentId = this.form.parentId;
+                item.parentName = this.form.parentName;
+              });
+              this.$emit("refresh", "current", this.form.parentId, res.data);
+            } else {
+              const res = await apiOrganTree();
+              this.$emit("refresh", "all", null, res.data);
+            }
+            this.h_close();
+            this.$message.success(this.form.id ? "修改成功!" : "新增成功!");
+          } finally {
+            this.loading = false;
+          }
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped></style>

package/src/components/empty.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="flex-center align-center h100">
+    <el-empty description="请先保存用户信息" style="font-size: 20px"></el-empty>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "empty-view",
+};
+</script>
+
+<style lang="scss" scoped></style>

package/src/components/face-register/components/ChooseCameraOrPicture.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="choose-camera-or-picture flex-center align-center">
+    <div>
+      <div
+        class="flex-start align-center"
+        style="cursor: pointer"
+        @click="handleCamera"
+      >
+        <img src="@/assets/icon-camera.png" height="40px" />
+        <div class="choose-camera-or-picture-title ml-12">从摄像头采集</div>
+      </div>
+      <div
+        class="flex-start align-center mt-32"
+        style="cursor: pointer"
+        @click="handlePicture"
+      >
+        <img src="@/assets/icon-picture.png" height="40px" />
+        <div class="choose-camera-or-picture-title ml-12">本地照片上传</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ChooseCameraOrPicture",
+  data() {
+    return {
+      isCamera: false,
+    };
+  },
+  methods: {
+    handleCamera() {
+      this.$emit("choose", "camera");
+    },
+    handlePicture() {
+      this.$emit("choose", "picture");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.choose-camera-or-picture {
+  width: 240px;
+  height: 240px;
+  background: #ffffff;
+  border: 1px dashed #bfbfbf;
+  border-radius: 10px;
+}
+.choose-camera-or-picture-title {
+  color: #333333;
+  font-size: 16px;
+
+  &:hover {
+    color: #008cd2;
+  }
+}
+</style>