看板-调整，固定列

src/assets/scss/indexpackage.scss

@@ -130,7 +130,7 @@
       //下方区域的布局
       .content-box {
         display: grid;
-        grid-template-columns: 2fr 3fr 5fr 5fr;
+        grid-template-columns: 3fr 3fr 4fr 5fr;
       }
 
       // 底部数据

src/views/assembly/centerLeft1.vue

@@ -122,7 +122,7 @@ export default {
 
 <style lang="scss" scoped>
 $box-height: 420px;
-$box-width: 350px;
+$box-width: 400px;
 #centerLeft1 {
   padding: 5px;
   height: $box-height;

src/views/assembly/centerLeft_two.vue

@@ -9,6 +9,38 @@
       </div>
       <div class="d-flex ai-center flex-column body-box">
         <div class="up">
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单号</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.sp_makecode }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">产品名称</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.pr_detail }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单总数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.ma_qty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单投入数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.inqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单完工数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.outqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单达成率</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.okrate }}%
+            </div>
+          </div>
+        </div>
+       <!-- <div class="up">
           <div
                   class="item"
                   v-for="item in titleItem"
@@ -16,13 +48,13 @@
           >
             <p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p>
             <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ item.number }}
-             <!-- <dv-digital-flop
+             &lt;!&ndash; <dv-digital-flop
                       class="dv-dig-flop ml-1 mt-2 pl-3"
                       :config="item.number"
-              />-->
+              />&ndash;&gt;
             </div>
           </div>
-        </div>
+        </div>-->
          <span class="fs-xl text mx-2">工序投产良率分析</span>
         <centerRight2Chart1 />
       </div>
@@ -37,7 +69,8 @@ export default {
   data() {
     return {
       titleItem:[],
-      timing :null
+      timing :null,
+      upitem:{}
     }
   },
   components: { centerRight2Chart1 },
@@ -69,10 +102,11 @@ export default {
                       let titleitems = new Array();
                       for (let index = 0; index < dataList.length; index++) {
                         const element = dataList[index];
-                        if(element.name =='工单达成率'){
+                        this.upitem = element;
+                       /* if(element.name =='工单达成率'){
                           titleitems.push({
                             title: element.name,
-                            number: element.value +'%'/*{
+                            number: element.value +'%'/!*{
                               number: [element.value],
                               textAlign: 'left',
                               toFixed: 2,
@@ -80,21 +114,21 @@ export default {
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
                         }else {
                           titleitems.push({
                             title: element.name,
-                            number:element.value /*{
+                            number:element.value /!*{
                               number: [element.value],
                               textAlign: 'left',
                               content: '{nt}',
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
-                        }
+                        }*/
                       }
                       this.titleItem = titleitems;
                       },(result)=>{
@@ -107,7 +141,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  $box-width: 300px;
+  $box-width: 400px;
   $box-height: 420px;
 #centerLeft1 {
   padding: 5px;

src/views/dip/centerLeft1.vue

@@ -122,7 +122,7 @@ export default {
 
 <style lang="scss" scoped>
 $box-height: 420px;
-$box-width: 350px;
+$box-width: 400px;
 #centerLeft1 {
   padding: 5px;
   height: $box-height;

src/views/dip/centerLeft_two.vue

@@ -9,6 +9,38 @@
       </div>
       <div class="d-flex ai-center flex-column body-box">
         <div class="up">
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单号</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.sp_makecode }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">产品名称</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.pr_detail }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单总数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.ma_qty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单投入数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.inqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单完工数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.outqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单达成率</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.okrate }}%
+            </div>
+          </div>
+        </div>
+       <!-- <div class="up">
           <div
                   class="item"
                   v-for="item in titleItem"
@@ -16,13 +48,13 @@
           >
             <p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p>
             <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ item.number }}
-             <!-- <dv-digital-flop
+             &lt;!&ndash; <dv-digital-flop
                       class="dv-dig-flop ml-1 mt-2 pl-3"
                       :config="item.number"
-              />-->
+              />&ndash;&gt;
             </div>
           </div>
-        </div>
+        </div>-->
          <span class="fs-xl text mx-2">工序投产良率分析</span>
         <centerRight2Chart1 />
       </div>
@@ -37,6 +69,7 @@ export default {
   data() {
     return {
       titleItem:[],
+      upitem:{}
     }
   },
   components: { centerRight2Chart1 },
@@ -65,10 +98,11 @@ export default {
                       let titleitems = new Array();
                       for (let index = 0; index < dataList.length; index++) {
                         const element = dataList[index];
-                        if(element.name =='工单达成率'){
+                        this.upitem = element;
+                       /* if(element.name =='工单达成率'){
                           titleitems.push({
                             title: element.name,
-                            number: element.value +'%'/*{
+                            number: element.value +'%'/!*{
                               number: [element.value],
                               textAlign: 'left',
                               toFixed: 2,
@@ -76,21 +110,21 @@ export default {
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
                         }else {
                           titleitems.push({
                             title: element.name,
-                            number:element.value /*{
+                            number:element.value /!*{
                               number: [element.value],
                               textAlign: 'left',
                               content: '{nt}',
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
-                        }
+                        }*/
                       }
                       this.titleItem = titleitems;
                       },(result)=>{
@@ -103,7 +137,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  $box-width: 350px;
+  $box-width: 400px;
   $box-height: 420px;
 #centerLeft1 {
   padding: 5px;

src/views/dj/centerLeft1.vue

@@ -122,7 +122,7 @@ export default {
 
 <style lang="scss" scoped>
 $box-height: 420px;
-$box-width: 350px;
+$box-width: 370px;
 #centerLeft1 {
   padding: 5px;
   height: $box-height;

src/views/dj/centerLeft_two.vue

@@ -9,6 +9,38 @@
       </div>
       <div class="d-flex ai-center flex-column body-box">
         <div class="up">
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单号</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.sp_makecode }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">产品名称</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.pr_detail }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单总数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.ma_qty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单投入数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.inqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单完工数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.outqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单达成率</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.okrate }}%
+            </div>
+          </div>
+        </div>
+       <!-- <div class="up">
           <div
                   class="item"
                   v-for="item in titleItem"
@@ -16,13 +48,13 @@
           >
             <p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p>
             <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ item.number }}
-             <!-- <dv-digital-flop
+             &lt;!&ndash; <dv-digital-flop
                       class="dv-dig-flop ml-1 mt-2 pl-3"
                       :config="item.number"
-              />-->
+              />&ndash;&gt;
             </div>
           </div>
-        </div>
+        </div>-->
          <span class="fs-xl text mx-2">工序投产良率分析</span>
         <centerRight2Chart1 />
       </div>
@@ -37,6 +69,7 @@ export default {
   data() {
     return {
       titleItem:[],
+      upitem:{}
     }
   },
   components: { centerRight2Chart1 },
@@ -65,10 +98,11 @@ export default {
                       let titleitems = new Array();
                       for (let index = 0; index < dataList.length; index++) {
                         const element = dataList[index];
-                        if(element.name =='工单达成率'){
+                        this.upitem = element;
+                     /*   if(element.name =='工单达成率'){
                           titleitems.push({
                             title: element.name,
-                            number: element.value +'%'/*{
+                            number: element.value +'%'/!*{
                               number: [element.value],
                               textAlign: 'left',
                               toFixed: 2,
@@ -76,21 +110,21 @@ export default {
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
                         }else {
                           titleitems.push({
                             title: element.name,
-                            number:element.value /*{
+                            number:element.value /!*{
                               number: [element.value],
                               textAlign: 'left',
                               content: '{nt}',
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
-                        }
+                        }*/
                       }
                       this.titleItem = titleitems;
                       },(result)=>{
@@ -103,7 +137,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  $box-width: 350px;
+  $box-width: 400px;
   $box-height: 420px;
 #centerLeft1 {
   padding: 5px;

src/views/dpl/centerLeft1.vue

@@ -122,7 +122,7 @@ export default {
 
 <style lang="scss" scoped>
 $box-height: 420px;
-$box-width: 350px;
+$box-width: 370px;
 #centerLeft1 {
   padding: 5px;
   height: $box-height;

src/views/dpl/centerLeft_two.vue

@@ -9,6 +9,38 @@
       </div>
       <div class="d-flex ai-center flex-column body-box">
         <div class="up">
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单号</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.sp_makecode }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">产品名称</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.pr_detail }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单总数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.ma_qty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单投入数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.inqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单完工数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.outqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单达成率</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.okrate }}%
+            </div>
+          </div>
+        </div>
+      <!--  <div class="up">
           <div
                   class="item"
                   v-for="item in titleItem"
@@ -16,13 +48,13 @@
           >
             <p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p>
             <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ item.number }}
-             <!-- <dv-digital-flop
+             &lt;!&ndash; <dv-digital-flop
                       class="dv-dig-flop ml-1 mt-2 pl-3"
                       :config="item.number"
-              />-->
+              />&ndash;&gt;
             </div>
           </div>
-        </div>
+        </div>-->
          <span class="fs-xl text mx-2">工序投产良率分析</span>
         <centerRight2Chart1 />
       </div>
@@ -38,6 +70,7 @@ export default {
     return {
       titleItem:[],
       timing : null,
+      upitem:{}
     }
   },
   components: { centerRight2Chart1 },
@@ -69,10 +102,11 @@ export default {
                       let titleitems = new Array();
                       for (let index = 0; index < dataList.length; index++) {
                         const element = dataList[index];
-                        if(element.name =='工单达成率'){
+                        this.upitem = element;
+                      /*  if(element.name =='工单达成率'){
                           titleitems.push({
                             title: element.name,
-                            number: element.value +'%'/*{
+                            number: element.value +'%'/!*{
                               number: [element.value],
                               textAlign: 'left',
                               toFixed: 2,
@@ -80,21 +114,21 @@ export default {
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
                         }else {
                           titleitems.push({
                             title: element.name,
-                            number:element.value /*{
+                            number:element.value /!*{
                               number: [element.value],
                               textAlign: 'left',
                               content: '{nt}',
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
-                        }
+                        }*/
                       }
                       this.titleItem = titleitems;
                       },(result)=>{
@@ -107,7 +141,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  $box-width: 350px;
+  $box-width: 400px;
   $box-height: 420px;
 #centerLeft1 {
   padding: 5px;

src/views/package/centerLeft1.vue

@@ -122,7 +122,7 @@ export default {
 
 <style lang="scss" scoped>
 $box-height: 420px;
-$box-width: 350px;
+$box-width: 400px;
 #centerLeft1 {
   padding: 5px;
   height: $box-height;

src/views/package/centerLeft_two.vue

@@ -9,6 +9,38 @@
       </div>
       <div class="d-flex ai-center flex-column body-box">
         <div class="up">
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单号</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.sp_makecode }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">产品名称</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.pr_detail }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单总数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.ma_qty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单投入数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.inqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单完工数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.outqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单达成率</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.okrate }}%
+            </div>
+          </div>
+        </div>
+    <!--    <div class="up">
           <div
                   class="item"
                   v-for="item in titleItem"
@@ -16,13 +48,13 @@
           >
             <p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p>
             <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ item.number }}
-             <!-- <dv-digital-flop
+             &lt;!&ndash; <dv-digital-flop
                       class="dv-dig-flop ml-1 mt-2 pl-3"
                       :config="item.number"
-              />-->
+              />&ndash;&gt;
             </div>
           </div>
-        </div>
+        </div>-->
          <span class="fs-xl text mx-2">工序投产良率分析</span>
         <centerRight2Chart1 />
       </div>
@@ -38,6 +70,7 @@ export default {
     return {
       titleItem:[],
       timing : null,
+      upitem:{}
     }
   },
   components: { centerRight2Chart1 },
@@ -69,10 +102,11 @@ export default {
                       let titleitems = new Array();
                       for (let index = 0; index < dataList.length; index++) {
                         const element = dataList[index];
-                        if(element.name =='工单达成率'){
+                        this.upitem = element;
+                      /*  if(element.name =='工单达成率'){
                           titleitems.push({
                             title: element.name,
-                            number: element.value +'%'/*{
+                            number: element.value +'%'/!*{
                               number: [element.value],
                               textAlign: 'left',
                               toFixed: 2,
@@ -80,21 +114,21 @@ export default {
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
                         }else {
                           titleitems.push({
                             title: element.name,
-                            number:element.value /*{
+                            number:element.value /!*{
                               number: [element.value],
                               textAlign: 'left',
                               content: '{nt}',
                               style: {
                                 fontSize: 26
                               }
-                            }*/
+                            }*!/
                           });
-                        }
+                        }*/
                       }
                       this.titleItem = titleitems;
                       },(result)=>{
@@ -107,7 +141,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  $box-width: 300px;
+  $box-width: 400px;
   $box-height: 420px;
 #centerLeft1 {
   padding: 5px;

src/views/smt/up2.vue

@@ -10,6 +10,39 @@
       <div class="d-flex ai-center flex-column body-box">
       <!--  <dv-capsule-chart class="dv-cap-chart" :config="config" />-->
         <div class="up">
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单号</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.sp_makecode }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">产品名称</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.pr_detail }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单总数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.ma_qty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单投入数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.inqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单完工数</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.outqty }}
+            </div>
+          </div>
+          <div class="item">
+            <p class="ml-3 colorBlue fw-b fs-xl">工单达成率</p>
+            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.okrate }}%
+            </div>
+          </div>
+        </div>
+
+        <!-- <div class="up">
           <div
                   class="item"
                   v-for="item in titleItem"
@@ -17,13 +50,13 @@
           >
             <p class="ml-3 colorBlue fw-b fs-xl">{{ item.title }}</p>
             <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ item.number }}
-             <!-- <dv-digital-flop
+              <dv-digital-flop
                       class="dv-dig-flop ml-1 mt-2 pl-3"
                       :config="item.number"
-              />-->
+              />
             </div>
           </div>
-        </div>
+        </div>-->
         <div class="down">
           <span class="fs-xl text mx-2">功能测试岗位良率分析</span>
           <div class="pad-5">
@@ -43,6 +76,7 @@
       return {
         titleItem:[],
         timing:null,
+        upitem:{}
       }
     },
     components: { Up2Chart },
@@ -74,10 +108,12 @@
                           let titleitems = new Array();
                           for (let index = 0; index < dataList.length; index++) {
                             const element = dataList[index];
-                            if(element.name =='工单达成率'){
+                            this.upitem = element;
+                          }
+                           /* if(element.name =='工单达成率'){
                               titleitems.push({
                                 title: element.name,
-                                number: element.value+'%' /*{
+                                number: element.value+'%' /!*{
                                   number: [element.value],
                                   textAlign: 'left',
                                   toFixed: 2,
@@ -85,22 +121,22 @@
                                   style: {
                                     fontSize: 26
                                   }
-                                }*/
+                                }*!/
                               });
                             }else {
                               titleitems.push({
                                 title: element.name,
-                                number:element.value/*{
+                                number:element.value/!*{
                                   number: [element.value],
                                   textAlign: 'left',
                                   content: '{nt}',
                                   style: {
                                     fontSize: 26
                                   }
-                                }*/
+                                }*!/
                               });
                             }
-                          }
+                          }*/
                           this.titleItem = titleitems;
                         },(result)=>{
                           console.error(result)