筛查添加二维码

acupuncture-前台/src/views/screening/h5.vue

@@ -12,6 +12,26 @@
       <div class="card">
         <div class="card-title">基本信息</div>
         <div>
+          <el-upload
+            name="file"
+            accept=".img,.png,.jpg"
+            :action="uploadFileUrl"
+            list-type="picture-card"
+            class="idcardupd"
+            :show-file-list="false"
+            :on-success="changeFile"
+            :on-change="uploader"
+            :on-progress="handleProgress"
+          >
+            <div slot="trigger" class="idcardupd-but">
+              <img
+                src="@/assets/images/idcard.png"
+                class="img-icon"
+                style="margin-right: 5px"
+              />
+              <span>扫描身份证</span>
+            </div>
+          </el-upload>
           <el-form-item label="姓名" prop="SCWJ-NAME">
             <el-input
               v-model="form['SCWJ-NAME']"
@@ -118,7 +138,6 @@
 </template>
 
 <script>
-import { getToken } from "@/utils/auth";
 import {
   create,
   screenSave,
@@ -132,13 +151,8 @@ export default {
     return {
       hospitalId: "",
       hospitalName: "医院名称",
-      stepNum: 2, // 步骤数
+      stepNum: 1, // 步骤数
-      headers: {
+      uploadFileUrl: process.env.VUE_APP_BASE_URL + "/baidu/ocr/idcardInfo", // 上传的图片服务器地址
-        Authorization: "Bearer " + getToken(),
-        deptId: localStorage.getItem("hospitalId"),
-      },
-      uploadFileUrl1:
-        process.env.VUE_APP_API_QZURL + "/acupuncture/patient/import", // 上传的图片服务器地址
       fileList: [],
 
       BMITips: [
@@ -363,6 +377,7 @@ export default {
           },
         ],
       },
+      loading: false,
     };
   },
   created() {
@@ -370,6 +385,29 @@ export default {
     // this.getqueryHospitalNoToken(); // 组织id获取组织名称
   },
   methods: {
+    // 上传身份信息,获取身份信息字段
+    async changeFile(e) {
+      this.loading = false;
+      console.log("上传身份信息: ", e);
+      const { code, data } = e;
+      console.log("data: ", data);
+      if (code === 200) {
+        this.spinning = false;
+        this.codeValue["SCWJ-NAME"] = data.name;
+        this.codeValue["SCWJ-SEX"] = data.sex;
+        this.codeValue["SCWJ-idCard"] = data.idcard;
+        this.codeValue["SCWJ-AGE"] = data.age;
+        await this.setValueByIdCard(data.idcard);
+        // await this.saveAnswer(data.name, "SCWJ-NAME");
+        // await this.saveAnswer(data.idcard, "SCWJ-idCard");
+      }
+    },
+    handleProgress() {
+      this.loading = true;
+    },
+    uploader(res) {
+      this.loading = false;
+    },
     // 组织id获取组织名称
     getQueryHospitalNoToken() {
       let params = {
@@ -518,6 +556,29 @@ export default {
 </script>
 <style scoped src="@/assets/styles/common.css"></style>
 <style scoped>
+.idcardupd {
+  height: 44px;
+  margin-bottom: 14px;
+}
+.idcardupd-but {
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+}
+.idcardupd-but span {
+  padding-top: 1px;
+}
+.idcardupd-but img {
+  width: 20px;
+  height: 20px;
+}
+.idcardupd >>> .el-upload {
+  height: 44px;
+  border: none;
+  background: #c6a268;
+}
 .hospital {
   background: #fff;
   font-size: 20px;