From 152a4702ec03ceec5f57b207a8d7d9ea5ccdbfe7 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 03 Nov 2021 10:05:22 +0800
Subject: [PATCH] 纸质证书样式修改
---
src/views/securityGuard/securityGuardDetail.vue | 212 ++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 169 insertions(+), 43 deletions(-)
diff --git a/src/views/securityGuard/securityGuardDetail.vue b/src/views/securityGuard/securityGuardDetail.vue
index d9e4c90..4577b54 100644
--- a/src/views/securityGuard/securityGuardDetail.vue
+++ b/src/views/securityGuard/securityGuardDetail.vue
@@ -10,7 +10,12 @@
:data="data1"
:page.sync="page1"
:table-loading="loading1"
- @refresh-change="refreshChange1"
+ @row-save="rowSave1"
+ @row-update="rowUpdate1"
+ @row-del="rowDel1"
+ @current-change="CurrentChange1"
+ @refresh-change="refreshchange1"
+ @size-change="SizeChange1"
>
</avue-crud>
</span>
@@ -23,27 +28,27 @@
@row-update="rowUpdate2"
@row-del="rowDel2"
:table-loading="loading2"
- @refresh-change="refreshChange2"
+ @current-change="CurrentChange2"
+ @size-change="SizeChange2"
+ @refresh-change="refreshchange2"
>
</avue-crud>
</span>
<span v-else-if="typeTABS.prop === 'tab4'">
<!-- 保安员证 -->
- <div class="baoanzheng" id="baoanzheng">
+ <!-- <div class="baoanzheng" id="baoanzheng" v-if="hold == 1">
<div class="baz-main">
<div class="baz-m-body" ref="baoanzheng">
<div class="bmb-heard">保安员证</div>
<div class="img">
- <div v-if="!obj0.myPicture">暂无照片</div>
- <img :src="obj0.myPicture" alt="" v-else />
+ <div v-if="!obj0.avatar">暂无照片</div>
+ <img :src="obj0.avatar" alt="" v-else />
</div>
<div class="imgs">
- <!-- <div v-if="obj0.myPicture">暂无二维码</div> -->
- <!-- <img :src="obj0.myPicture" alt="" v-else/> -->
- <img src="/img/register/ewm.png" alt="" />
+ <div v-if="erweima == ''">暂无二维码</div>
+ <img :src="erweima" alt="" v-else />
</div>
- <!-- <img src="/img/mock/card/card-1.jpg" alt="" /> -->
<div class="bmb-b">
姓名：<span class="bmb-b-s">{{ obj0.realName }}</span>
</div>
@@ -61,19 +66,21 @@
obj0.paperTime.slice(0, 10)
}}</span>
</div>
- <!-- <div class="bmb-b">
- 发证机关：<span class="bmb-b-s" style="margin-right: 15px"
- >南昌市公安局</span
- >发证日期：<span class="bmb-b-s">{{
- obj0.createTime.slice(0, 10)
- }}</span>
- </div> -->
</div>
<span slot="footer" class="dialog-footer no-print PrintBut">
<el-button type="primary" @click="Print">打 印</el-button>
- <!-- <el-button type="primary" @click="closePrint"> 取 消 </el-button> -->
</span>
</div>
+ </div> -->
+ <baoanz :data="obj0" v-if="hold == 1"></baoanz>
+ <div v-else style="width: 100%; text-align: center; padding-top: 20px">
+ 无上岗证
+ </div>
+ </span>
+ <span v-else-if="typeTABS.prop === 'tab5'">
+ <securityCertificate :data="obj0" v-if="hold == 1"></securityCertificate>
+ <div v-else style="width: 100%; text-align: center; padding-top: 20px">
+ 无保安员证
</div>
</span>
</div>
@@ -85,15 +92,32 @@
practitionersColumn,
trackRecordColumn,
} from "./data";
-import { getUserPractitionersInfo } from "@/api/system/user";
+import {
+ addExperience,
+ updateExperience,
+ getExperienceDetail,
+ experienceRemove,
+ getExperienceList,
+} from "@/api/experience/experience";
+
import {
getPerformanceInfo,
add,
update,
- page,
+ getpage,
remove,
+ getER,
} from "@/api/performance/performance";
+
+// import vueQr from "vue-qr";
+import securityCertificate from "./securityCertificate.vue";
+import baoanz from "./baoanz.vue";
+
export default {
+ components: {
+ securityCertificate: securityCertificate,
+ baoanz,
+ },
data() {
return {
typeTABS: {}, //标签页
@@ -102,7 +126,7 @@
column: [
{
// icon: "el-icon-info",
- label: "保安员入职登记基本信息",
+ label: "保安员基本信息",
prop: "tab1",
},
{
@@ -117,8 +141,13 @@
},
{
// icon: "el-icon-info",
- label: "保安员证",
+ label: "上岗证",
prop: "tab4",
+ },
+ {
+ // icon: "el-icon-info",
+ label: "保安员证",
+ prop: "tab5",
},
],
},
@@ -152,12 +181,12 @@
total: 0,
},
query1: {},
+ query2: {},
data1: [],
data2: [],
option1: {
card: true,
- menu: false,
- addBtn: false,
+ menu: true,
height: "auto",
widtd: "auto",
calcHeight: 54,
@@ -185,8 +214,13 @@
align: "center",
column: trackRecordColumn,
},
+ erweima: "",
+ hold: "",
};
},
+ // components: {
+ // vueQr,
+ // },
computed: {
ids1() {
let ids1 = [];
@@ -195,6 +229,12 @@
});
return ids1.join(",");
},
+ // goToUrl() {
+ // var url =
+ // "http://s16s652780.51mypc.cn/securityInfo/securityInfo.html?securityNumber=" +
+ // this.obj0.securitynumber;
+ // return url;
+ // },
},
methods: {
Print() {
@@ -215,34 +255,43 @@
this.loading1 = false;
} else if (column.prop == "tab2") {
//查询当前保安员的从业记录信息
- this.getPractitionersPageInfo();
+ this.getPractitionersPageInfo(this.page1);
this.loading1 = false;
} else if (column.prop == "tab3") {
//查询当前保安员的现实表现记录
- this.getPerformancePageInfo();
+ this.getPerformancePageInfo(this.page2);
this.loading2 = false;
+ } else if (column.prop == "tab4") {
+ getER(this.obj0.securitynumber).then((res) => {
+ this.erweima = res.data;
+ // console.log(res.data);
+ });
}
},
+ refreshchange1() {
+ this.getPractitionersPageInfo(this.page1, this.query1);
+ },
//查询当前保安员的从业记录信息
- getPractitionersPageInfo() {
- var that = this;
+ getPractitionersPageInfo(page, param = {}) {
+ param["securityid"] = this.id;
//获取用户从业信息
- console.log(this.id, "cid");
- getUserPractitionersInfo(this.id).then((res1) => {
- that.data1 = res1.data.data;
+ // console.log(this.id, "cid");
+
+ getExperienceList(page.currentPage, page.pageSize, param).then((res1) => {
+ const data = res1.data.data;
+ this.page1.total = data.total;
+ this.data1 = data.records;
+ this.loading1 = false;
});
},
+ refreshchange2() {
+ this.getPerformancePageInfo(this.page2, this.query2);
+ },
//查询当前保安员的现实表现记录信息
- getPerformancePageInfo() {
+ getPerformancePageInfo(page, param = {}) {
//获取现实表现信息
- // getPerformanceInfo(this.id).then((res) => {
- // that.data2 = res1.data.data;
- // console.log(that.data2, 1);
- // });
- var param = {
- securityid: this.id,
- };
- page(this.current, this.size, param).then((res2) => {
+ param["securityid"] = this.id;
+ getpage(page.currentPage, page.pageSize, param).then((res2) => {
const data = res2.data.data;
this.page2.total = data.total;
this.data2 = data.records;
@@ -250,11 +299,53 @@
this.loading2 = false;
});
},
+ CurrentChange1(currentPage) {
+ this.page1.currentPage = currentPage;
+ this.refreshchange1();
+ },
+ SizeChange1(pageSize) {
+ this.page1.pageSize = pageSize;
+ this.refreshchange1();
+ },
+ CurrentChange2(currentPage) {
+ this.page2.currentPage = currentPage;
+ this.refreshchange2();
+ },
+ SizeChange2(pageSize) {
+ this.page2.pageSize = pageSize;
+ this.refreshchange2();
+ },
+ // refreshChange1() {
+ // this.getPractitionersPageInfo();
+ // },
+ // refreshChange2() {
+ // this.getPerformancePageInfo();
+ // },
+
rowSave2(form, done, loading) {
form.securityid = this.id;
add(form).then(
(res) => {
this.getPerformancePageInfo(this.page2);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ // }
+ },
+ //从业记录新增
+ rowSave1(form, done, loading) {
+ form.securityid = this.id;
+ addExperience(form).then(
+ (res) => {
+ this.getPractitionersPageInfo(this.page1);
this.$message({
type: "success",
message: "操作成功!",
@@ -285,6 +376,23 @@
}
);
},
+ rowUpdate1(row, index, done, loading) {
+ row.securityid = this.id;
+ updateExperience(row).then(
+ () => {
+ this.getPractitionersPageInfo(this.page1);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ done();
+ },
+ (error) => {
+ window.console.log(error);
+ loading();
+ }
+ );
+ },
rowDel2(row) {
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
@@ -296,6 +404,23 @@
})
.then(() => {
this.getPerformancePageInfo(this.page2);
+ this.$message({
+ type: "success",
+ message: "操作成功!",
+ });
+ });
+ },
+ rowDel1(row) {
+ this.$confirm("确定将选择数据删除?", {
+ confirmButtonText: "确定",
+ cancelButtonText: "取消",
+ type: "warning",
+ })
+ .then(() => {
+ return experienceRemove(row.id);
+ })
+ .then(() => {
+ this.getPractitionersPageInfo(this.page1);
this.$message({
type: "success",
message: "操作成功!",
@@ -318,6 +443,7 @@
this.name = row.name;
this.dispatcherCompany = row.dispatcherCompany;
this.id = row.id;
+ this.hold = row.hold;
console.log(this.obj0);
}
@@ -390,7 +516,7 @@
.baz-m-body {
width: 750px;
height: 550px;
- background-image: url("/img/register/bazbj.png");
+ background-image: url("/img/register/bazbj1.png");
background-size: 100% 100%;
.bmb-heard {
font-size: 4rem;
@@ -403,8 +529,8 @@
top: 20px;
}
.img {
- width: 152px;
- height: 205px;
+ width: 358px;
+ height: 441px;
border-radius: 10px;
position: absolute;
// border: 1px solid rgba($color: #888888, $alpha: 0.5);
@@ -423,7 +549,7 @@
height: 110px;
border-radius: 10px;
position: absolute;
- border: 1px solid rgba($color: #888888, $alpha: 0.5);
+ // border: 1px solid rgba($color: #888888, $alpha: 0.5);
top: 330px;
right: 103px;
display: flex;
--
Gitblit v1.9.3