shuishen
2021-08-14 f1ba84aea2a62bd2c4b6fd650535da0f657dc2c3
src/views/securityGuardManagement/register.vue
@@ -72,7 +72,7 @@
                :type="type"
                class="zhengJian-icon"
                @click.stop="handleViewCredentials(row)"
                >查看证件</el-button
                >打印证件</el-button
              >
              <el-button
@@ -138,6 +138,24 @@
        >
      </span> -->
    </el-dialog>
    <el-dialog
      title="保安证预览"
      :visible.sync="dialogVisiblecertificates"
      width="300"
      :before-close="handleClosecertificates"
      :modal-append-to-body="false"
      center
    >
      <div id="certificatess">
        <div class="certificates-main"></div>
      </div>
      <!-- <span>这是一段信息</span>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  </span> -->
    </el-dialog>
  </div>
</template>
@@ -173,6 +191,7 @@
      }
    };
    return {
      dialogVisiblecertificates: false,
      objf: {},
      optionf: {
        column: [
@@ -375,27 +394,27 @@
            hide: true,
          },
          {
            label: "所属辖区",
            prop: "jurisdiction",
            // multiple: true,
            minWidth: 60,
            type: "tree",
            dicUrl: "/api/jurisdiction/lazy-tree?parentId=0",
            props: {
              label: "title",
              value: "id",
            },
            checkStrictly: true,
            slot: true,
            rules: [
              {
                required: true,
                message: "请选择所属辖区",
                trigger: "click",
              },
            ],
          },
          // {
          //   label: "所属辖区",
          //   prop: "jurisdiction",
          //   // multiple: true,
          //   minWidth: 60,
          //   type: "tree",
          //   dicUrl: "/api/jurisdiction/lazy-tree?parentId=0",
          //   props: {
          //     label: "title",
          //     value: "id",
          //   },
          //   checkStrictly: true,
          //   slot: true,
          //   rules: [
          //     {
          //       required: true,
          //       message: "请选择所属辖区",
          //       trigger: "click",
          //     },
          //   ],
          // },
          {
            label: "是否在职",
            prop: "status",
@@ -953,11 +972,16 @@
    //证件查看
    handleViewCredentials(row) {
      var obj = row;
      obj["name"] = "保安证件信息";
      this.$router.push({
        path: `/management/idinformation`,
        query: obj,
      });
      // obj["name"] = "保安证件信息";
      // this.$router.push({
      //   path: `/management/idinformation`,
      //   query: obj,
      // });
      this.dialogVisiblecertificates = true;
      // // $("#certificatess").jqprint();
      // console.log($);
      // this.$Print("#certificatess");
      console.log(obj);
    },
    // 证件吊销事件
    handleCredentials(row) {
@@ -972,9 +996,9 @@
          message: "证件已吊销!",
        });
      } else {
        this.$confirm("此操作将吊销该人员的证件, 是否继续?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
        this.$confirm("是否吊销该人员的证件?", "提示", {
          confirmButtonText: "是",
          cancelButtonText: "否",
          type: "warning",
        })
          .then(() => {
@@ -1010,4 +1034,15 @@
.box .el-scrollbar__wrap {
  overflow: scroll;
}
#certificatess {
  width: 600px;
  height: 300px;
  background-color: #fff;
  .certificates-main {
    width: 100%;
    height: 100%;
    background-image: url("/img/register/bazbj.png");
    background-size: 100% 100%;
  }
}
</style>