修改看板显示人员

src/views/assembly/centerRight1.vue

@@ -15,29 +15,29 @@
       <div class="photo-box">
         <div>
           <div>
-            <img src="" alt="">
+            <img :src="imgSrc1" class="responsive-img">
           </div>
           <div>
-            <p>姓名</p>
-            <p>组装人数</p>
+            <p>拉长:{{ upitem.v_leadname }}</p>
+            <p>组装人数{{zzmancount}}</p>
           </div>
         </div>
         <div>
           <div>
-            <img src="" alt="">
+            <img :src="imgSrc2" class="responsive-img">
           </div>
           <div>
-            <p>姓名</p>
-            <p>组装人数</p>
+            <p>品质:{{ upitem.v_quaname }}</p>
+            <p>包装人数{{bzmancount}}</p>
           </div>
         </div>
         <div>
           <div>
-            <img src="" alt="">
+            <img :src="imgSrc3" class="responsive-img">
           </div>
           <div>
-            <p>姓名</p>
-            <p>组装人数</p>
+            <p>PE:{{ upitem.v_engineername }}</p>
+            <p>管理人数{{glmancount}}</p>
           </div>
         </div>
       </div>
@@ -49,6 +49,13 @@
 export default {
   data() {
     return {
+      upitem:{},
+      imgSrc1:'',
+      imgSrc2:'',
+      imgSrc3:'',
+      zzmancount:0,
+      bzmancount:0,
+      glmancount:0,
       config: {
         header:  ['线别', '投入','产出','老化','不良','良率%','待维修','已维修'],
         data: [
@@ -73,15 +80,15 @@ export default {
   methods: {
     refreshdata() {
       this.getdata(); //获取-数据
-     /* this.$http.get("kanban/login.action?username=zhongyl&password=asd&sob=N_MES_TEST").then(
-           (result)=>{
-              console.info(result.data);
-              var res = result.data;
-              //登录成功返回session
-              sessionStorage.setItem('x-access-token',res.token);
-            },(result)=>{
-              console.error(result)
-         });*/
+      /* this.$http.get("kanban/login.action?username=zhongyl&password=asd&sob=N_MES_TEST").then(
+            (result)=>{
+               console.info(result.data);
+               var res = result.data;
+               //登录成功返回session
+               sessionStorage.setItem('x-access-token',res.token);
+             },(result)=>{
+               console.error(result)
+          });*/
 
       this.timing = setInterval(() => {
         this.getdata(); //获取--数据
@@ -92,35 +99,95 @@ export default {
       if (sessionStorage.getItem('li_code') == '所有'){
         caller = 'ZZ!DPLANTOUTPUT!ALL';
       }
-    //  const {data} = await this.$http.get("kanban/panelView/parseData/2B247DC439B3?index=0&kanbanCode=2B23AC00BCFB");
+      //  const {data} = await this.$http.get("kanban/panelView/parseData/2B247DC439B3?index=0&kanbanCode=2B23AC00BCFB");
       await this.$http.get("kanban/datalist.action?caller="+caller+"&_noc=1&page=1&pageSize=100",{
         params: {
           condition: "1=1",
         }
       }).then((result)=>{
-                    let dataList = JSON.parse(result.data.data);
-                    let resultList = new Array();
-                    for (let index = 0; index < dataList.length; index++) {
-                      const element = dataList[index];
-                      let item = new Array();
-                      item.push(element.linecode);
-                      item.push("<span  class='colorGrass'>"+element.inqty+"</span>");
-                      item.push("<span  class='colorGrass'>"+element.value+"</span>");
-                      item.push("<span  class='colorGrass'>"+element.agingqty+"</span>");
-                      item.push("<span  class='colorGrass'>"+element.ngqty+"</span>");
-                      item.push("<span  class='colorGrass'>" + element.okrate + "</span>");
-                      item.push("<span  class='colorGrass'>"+element.repair+"</span>");
-                      item.push("<span  class='colorGrass'>"+element.repairrate+"</span>");
-                      resultList.push(item);
-                    }
-                    const scrollBoard = this.$refs['scroll-board'];
-                    //刷新数据
-                    scrollBoard.updateRows(resultList);
-                },(result)=>{
-                    console.error(result)
-                    }
-          );
-    }
+            let dataList = JSON.parse(result.data.data);
+            let resultList = new Array();
+            for (let index = 0; index < dataList.length; index++) {
+              const element = dataList[index];
+              let item = new Array();
+              item.push(element.linecode);
+              item.push("<span  class='colorGrass'>"+element.inqty+"</span>");
+              item.push("<span  class='colorGrass'>"+element.value+"</span>");
+              item.push("<span  class='colorGrass'>"+element.agingqty+"</span>");
+              item.push("<span  class='colorGrass'>"+element.ngqty+"</span>");
+              item.push("<span  class='colorGrass'>" + element.okrate + "</span>");
+              item.push("<span  class='colorGrass'>"+element.repair+"</span>");
+              item.push("<span  class='colorGrass'>"+element.repairrate+"</span>");
+              resultList.push(item);
+            }
+            const scrollBoard = this.$refs['scroll-board'];
+            //刷新数据
+            scrollBoard.updateRows(resultList);
+          },(result)=>{
+            console.error(result)
+          }
+      );
+
+      caller = 'KB!UpLineManInfo';
+      await this.$http.get("kanban/datalist.action?caller=" + caller + "&_noc=1&page=1&pageSize=100", {
+        params: {
+          condition: "V_OUTLINE='" + sessionStorage.getItem('li_code') + "'",
+        }
+      }).then((result) => {
+            let dataList = JSON.parse(result.data.data);
+            if (dataList.length > 0) {
+              this.upitem = dataList[0];
+              if (null != this.upitem.v_leadimageurl && '' != this.upitem.v_leadimageurl) {
+                this.fetchImage('imgSrc1', this.upitem.v_leadimageurl);
+              }
+              if (null != this.upitem.v_quaimageurl && '' != this.upitem.v_quaimageurl) {
+                this.fetchImage('imgSrc2', this.upitem.v_quaimageurl);
+              }
+              if (null != this.upitem.v_peimageurl && '' != this.upitem.v_peimageurl) {
+                this.fetchImage('imgSrc3', this.upitem.v_peimageurl);
+              }
+            } else {
+              this.upitem = {},
+                  this.imgSrc1 = '';
+              this.imgSrc2 = '';
+              this.imgSrc3 = '';
+            }
+          }, (result) => {
+            console.error(result)
+          }
+      );
+
+      caller = 'KB!UpLineManTotal';
+      await this.$http.get("kanban/datalist.action?caller=" + caller + "&_noc=1&page=1&pageSize=100", {
+        params: {
+          condition: "V_OUTLINE='" + sessionStorage.getItem('li_code') + "'",
+        }
+      }).then((result) => {
+            let dataList = JSON.parse(result.data.data);
+            if (dataList.length > 0) {
+              this.zzmancount = dataList[0].zzmancount;
+              this.bzmancount = dataList[0].bzmancount;
+              this.glmancount = dataList[0].glmancount;
+            }
+          }, (result) => {
+            console.error(result)
+          }
+      );
+    },
+    async fetchImage(param,url) {
+      try {
+        // 假设你已经有了token，并且知道图片的URL
+        let response = await this.$httpImg.get("/kanban/download.action?path="+url+"&_noc=1");
+        if (response.status === 200) {
+          // 创建一个URL，并且使用这个URL作为img的src
+          this[param] = URL.createObjectURL(new Blob([response.data]));
+        }else{
+          this[param] = '';
+        }
+      } catch (error) {
+        console.error('Error fetching image:', error);
+      }
+    },
   }
 }
 </script>
@@ -140,7 +207,7 @@ $box-width: 640px;
   }
   .text {
     color: #c3cbde;
-  //  font-size: 15px;
+    //  font-size: 15px;
   }
   .body-box {
     border-radius: 10px;