| | |
| | | :type="type" |
| | | class="zhengJian-icon" |
| | | @click.stop="handleViewCredentials(row)" |
| | | >查看证件</el-button |
| | | >打印证件</el-button |
| | | > |
| | | |
| | | <el-button |
| | |
| | | > |
| | | </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> |
| | | |
| | |
| | | } |
| | | }; |
| | | return { |
| | | dialogVisiblecertificates: false, |
| | | objf: {}, |
| | | optionf: { |
| | | column: [ |
| | |
| | | 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", |
| | |
| | | //证件查看 |
| | | 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) { |
| | |
| | | message: "证件已吊销!", |
| | | }); |
| | | } else { |
| | | this.$confirm("此操作将吊销该人员的证件, 是否继续?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | this.$confirm("是否吊销该人员的证件?", "提示", { |
| | | confirmButtonText: "是", |
| | | cancelButtonText: "否", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | |
| | | .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> |