增加人脸识别图像功能

src/api/sys/upload.js

@@ -7,3 +7,10 @@ export function reqUploadFile(params) {
     data: params
   })
 }
+export function reqUploadImg(params) {
+  return request({
+    url: 'sys/oss/uploadImg',
+    method: 'post',
+    data: params
+  })
+}

src/components/DbUpload/DbUpload.vue

@@ -37,7 +37,7 @@
 
 <script>
 import _ from 'lodash'
-import { reqUploadFile } from '@/api/sys/upload'
+import { reqUploadFile, reqUploadImg } from '@/api/sys/upload'
 function getBase64(file) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader()
@@ -70,7 +70,12 @@ export default {
     accept: {
       type: String,
       default: 'image/*' // 默认只能上传图片,如果需要上传其他请改为*或者自己需要的格式
-    }
+    },
+    // 有默认值的数字
+    fileSize:{
+        type:Number,
+        default:500
+    },
   },
   model: {
     prop: 'value',
@@ -96,8 +101,28 @@ export default {
     // 重写上传文件
     uploadFile(data) {
       const { max } = this
+      const { type } = this
       const formData = new FormData()
       formData.append('file', data.file)
+      if (type == 'img') {
+        formData.append('fileSize', this.fileSize)
+        reqUploadImg(formData).then(res => {
+          if (res.code === 200) {
+            const file = {
+              uid: res.uid,
+              name: res.name, // 文件名
+              url: res.url
+            }
+            const list = [...this.value]
+            list.push(file)
+            if (list.length > max) {
+              this.$message.warning(`最多只能上传${max}个附件`)
+              return
+            }
+            this.$emit('change', list)
+          }
+        })
+      } else {
         reqUploadFile(formData).then(res => {
           if (res.code === 200) {
             const file = {
@@ -114,6 +139,7 @@ export default {
             this.$emit('change', list)
           }
         })
+      }
     },
     // 点击删除
     handlerRemove(file) {

src/views/person/PersonForm.vue

@@ -186,7 +186,7 @@
               label="身份证正面"
               :labelCol="labelCol"
               :wrapperCol="wrapperCol">
-              <db-upload v-model="fileList" max="1"></db-upload>
+              <db-upload v-model="fileList" max="1" type='img'></db-upload>
             </a-form-item>
           </a-form>
         </a-col>
@@ -196,7 +196,21 @@
               label="身份证反面"
               :labelCol="labelCol"
               :wrapperCol="wrapperCol">
-              <db-upload v-model="fileList2" max="1"></db-upload>
+              <db-upload v-model="fileList2" max="1" type='img'></db-upload>
+            </a-form-item>
+          </a-form>
+        </a-col>
+      </a-row>
+
+      <a-divider orientation="left">人脸识别图像</a-divider>
+      <a-row :gutter="24">
+        <a-col :md="12" :sm="24">
+          <a-form :form="form">
+            <a-form-item
+              label="图像"
+              :labelCol="labelCol"
+              :wrapperCol="wrapperCol">
+              <db-upload v-model="fileList3" max="1" type='img' fileSize="500"></db-upload>
             </a-form-item>
           </a-form>
         </a-col>
@@ -239,7 +253,8 @@
         degreeData: [],
         typeData: [],
         fileList: [],
-        fileList2: []
+        fileList2: [],
+        fileList3: []
       }
     },
     mounted () {
@@ -293,6 +308,13 @@
           }
           if (data.idPhotoBack) {
             this.fileList2 = JSON.parse(data.idPhotoBack)
+          }
+          if (data.avatar) {
+            this.fileList3.push({
+              uid: 1,
+              name: 'image.jpg',
+              url: data.avatar
+            })
           }
            this.form.setFieldsValue(
              {
@@ -350,6 +372,7 @@
             values.type = values.type.join(',')
             values.idPhotoFace = JSON.stringify(this.fileList)
             values.idPhotoBack = JSON.stringify(this.fileList2)
+            if (this.fileList3.length > 0) values.avatar = this.fileList3[0].url
             personAddOrUpdate(values).then((res) => {
               this.confirmLoading = false
               if (res.code === 200) {
@@ -411,6 +434,7 @@
         this.form.resetFields()
         this.fileList = []
         this.fileList2 = []
+        this.fileList3 = []
         this.visible = false
       }
     }