From d18f447f4279a44112783ce44933300f7b9b5daf Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Mon, 02 Aug 2021 20:19:36 +0800
Subject: [PATCH] 新增保安人员个人照片上传，展示
---
src/views/securityGuard/securityGuard.vue | 18 ++++++++++++++++++
public/papers.html | 7 ++++++-
src/styles/element-ui.scss | 5 +++++
3 files changed, 29 insertions(+), 1 deletions(-)
diff --git a/public/papers.html b/public/papers.html
index a3fba99..93b2421 100644
--- a/public/papers.html
+++ b/public/papers.html
@@ -38,6 +38,11 @@
width: 140px;
height: 190px;
}
+
+ .my-picture {
+ width: 150px;
+ /* height: 200px; */
+ }
</style>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
@@ -127,7 +132,7 @@
<td width="150px">身份证号</td>
<td width="150px">${data.idCardNo}</td>
<td rowspan="4" align="center" width="150px"">
- 照片
+ <img class="my-picture" src="${data.myPicture}" />
</td>
</tr>
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index c2e0bf6..f29c9bb 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -184,6 +184,11 @@
left: 120px !important;
}
+.morpheus-box-apply-exam-1 .el-card.is-never-shadow.avue-crud__search {
+ width: calc(100% - 390px) !important;
+ left: 220px !important;
+}
+
.avue-form {
position: relative;
top: -10px;
diff --git a/src/views/securityGuard/securityGuard.vue b/src/views/securityGuard/securityGuard.vue
index 044ae20..c0a1274 100644
--- a/src/views/securityGuard/securityGuard.vue
+++ b/src/views/securityGuard/securityGuard.vue
@@ -408,6 +408,24 @@
],
},
{
+ label: '个人照片',
+ type: 'upload',
+ listType: 'picture-img',
+ propsHttp: {
+ res: 'data',
+ url: 'link',
+ },
+ canvasOption: {
+ text: ' ',
+ ratio: 0.1
+ },
+ action: '/api/blade-resource/oss/endpoint/put-file',
+ tip: '只能上传jpg/png个人头像，且不超过500kb',
+ span: 12,
+ row: true,
+ prop: 'myPicture'
+ },
+ {
label: "编号",
prop: "code",
},
--
Gitblit v1.9.3