app-扫码登记页面新增工作人员头像显示

h5app/src/views/pages/jobUserInfo/index.vue

@@ -6,6 +6,9 @@
       </ion-toolbar>
     </ion-header>
     <ion-content>
+      <div class="user_img">
+        <b-image v-if="user.userID" :file-ref-id="user.userID" :readonly="true" :is-single="true"></b-image>
+      </div>
       <div class="bw-vue-form">
         <div class="form-detail">
           <ion-label>姓名</ion-label>
@@ -15,10 +18,10 @@
           <ion-label>工号</ion-label>
           <ion-text>{{ user.userNo }}</ion-text>
         </div>
-        <div class="form-detail">
-          <ion-label>身份证号</ion-label>
-          <ion-text>{{ user.IDCard }}</ion-text>
-        </div>
+<!--        <div class="form-detail">-->
+<!--          <ion-label>身份证号</ion-label>-->
+<!--          <ion-text>{{ user.IDCard }}</ion-text>-->
+<!--        </div>-->
         <div class="form-detail">
           <ion-label>身份</ion-label>
           <ion-text>驿站工作人员</ion-text>
@@ -48,6 +51,7 @@ import {useRouter} from "vue-router";
 import {useUserStore} from "@/store/modules/user";
 import {getConfig} from "@/utils/config";
 import {qrcodeVerify} from "@/api/wechat";
+import BImage from "@/components/bImage.vue";
 
 const presentAlert = async (message) => {
   const alert = await alertController.create({
@@ -67,6 +71,7 @@ const qrCodeId = ref("");
 
 export default defineComponent({
   name: "jobUserInfoIndex",
+  components:{BImage},
   setup() {
     const router = useRouter();
     const user = ref({userNo: '', name: '', IDCard: '', siteName: ''});
@@ -79,6 +84,7 @@ export default defineComponent({
     const getUser = async function () {
       const reqData = await getUserByID(userId.value);
       user.value = reqData;
+      console.log("user",user.value);
     };
 
     const getQrcodeVerify = () => {
@@ -158,6 +164,22 @@ export default defineComponent({
   padding: 20px 10px;
 }
 
+.user_img {
+  .img-list {
+    width:100%;
+    padding-left: 30%;
+  }
+
+  .img-item:first-child,.img-item:first-child img{
+    width: 150px;
+    height:150px;
+  }
+
+  .img-item:not(:first-child){
+      display: none;
+  }
+}
+
 .page_button {
   display: flex;
   justify-content: space-around;