车管所预约打印补充预约人采集头像

src/api/booklist/booklist.js

@@ -39,3 +39,13 @@ export const getSystemTime = () => {
     method: "get",
   });
 };
+//获取预约用户头像
+export const getCupImg = (cupCardNo) => {
+    return request({
+        url: '/api/blade-business/common-api/get-cup-img',
+        method: 'get',
+        params: {
+            cupCardNo,
+        }
+    })
+};

src/views/booklist/index.vue

@@ -24,6 +24,7 @@
           :disabled="(row.details.find(item => item.apmStatus == 2) && Date.parse(new Date(row.apmDay.substring(0, 10) + ' 23:59:59')) > Date.parse(new Date(systemTime))) ? false : true">预约报道</el-button>
 
         <el-button v-if="calcStatus(row)" type="text" @click="queryBookDetail(row)">报道详情</el-button>
+        <!-- <el-button type="text" @click="queryBookDetail(row)">报道详情</el-button> -->
       </template>
     </avue-crud>
     <el-drawer :wrapperClosable="false" :visible.sync="isRegister" :append-to-body="true" :direction="direction"
@@ -100,7 +101,7 @@
       </div>
     </el-drawer>
     <!-- 打印 -->
-    <div style="margin-left:-9999px;height:1000pt;">
+    <div style="margin-left:-1000px;height:1000pt;">
       <div id="pintHtml" class="prin_table"
         style="font-family: SimSun;font-size:12px;letter-spacing: 2px;line-height:16px;display: inline-block;overflow: hidden;">
         <div style="line-height:40px;font-size:22pt;text-align:center;">机动车驾驶人身体条件证明</div>
@@ -193,8 +194,10 @@
             <td colspan="4" style="text-align:center;">档案编号</td>
             <td colspan="9"></td>
             <td colspan="6" rowspan="4" style="text-align:center;">
-              <div style="padding-top:40px;">照片</div>
-              <div style="padding-top:70px;">（医疗机构章）</div>
+              <div>
+                <img :src="avatar" style="width: 120px;height:170px;"/>
+              </div>
+              <!-- <div style="padding-top:70px;">（医疗机构章）</div> -->
             </td>
           </tr>
           <tr>
@@ -218,6 +221,7 @@
               <div>□影响肢体活动的神经系统疾病等妨碍安全驾驶病</div>
               <div>□三年内有吸食、注射毒品行为或者解除强制隔离戒毒措施未满三年、或者长期服用依赖性精神药品成瘾尚未戒除</div>
               <div>上述申告为本人真实情况和真实意思表示，如果不属实本人自愿承担相应的法律责任。</div>
+              <div style="padding:10px 0 5px;">申请人签字：</div>
             </td>
           </tr>
           <tr>
@@ -358,7 +362,8 @@ import {
   getList,
   queryBookDetail,
   getStatus,
-  getSystemTime
+  getSystemTime,
+  getCupImg
 } from "@/api/booklist/booklist";
 import { mapGetters } from "vuex";
 import print from "vue-print-nb";
@@ -466,7 +471,8 @@ export default {
       regData: {
         resData: {}
       },
-      systemTime: ''
+      systemTime: '',
+      avatar: 'https://isdapp.shandong.gov.cn/jmopenpub//jmopen_files/webapp/jssdk/64ae6d186f284a87a1fc026364c7f013.jpg',//打印表格图像
     };
   },
   directives: {
@@ -522,6 +528,7 @@ export default {
             res.data.data.resData.cupPhone = Base64.decode(res.data.data.resData.cupPhone);
             // console.log('12',res.data);
             this.regData = res.data.data;
+            this.queryCupImg(row.cupCardNo);
             this.isRegister = true
           })
         });
@@ -535,8 +542,15 @@ export default {
     //报道详情
     queryBookDetail(row) {
       this.regData = {resData: row,resStatus: 1};
+      this.queryCupImg(row.cupCardNo);
       this.isRegister = true
     },
+    //根据身份证号获取头像
+    queryCupImg(cardNo) {
+      getCupImg(Base64.encode(cardNo)).then(res => {
+        this.avatar = res.data.data;
+      })
+    },
     beforeOpen(done, type) {
       done();
     },

vue.config.js

@@ -27,8 +27,8 @@ module.exports = {
       "/api": {
         //本地服务接口地址
         // target: "http://www.qdscgs.com:80",//生成
-        target: "http://192.168.1.3:8080",
-        // target: "http://192.168.1.106",
+        // target: "http://192.168.1.3:8080",
+        target: "http://192.168.1.106",
         //远程演示服务地址,可用于直接启动项目
         // target: 'https://saber.bladex.vip/api',
         ws: true,