新增保安人员个人照片上传，展示

Administrator

2021-08-02 d18f447f4279a44112783ce44933300f7b9b5daf

新增保安人员个人照片上传，展示

 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>


 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;

 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",
              },