完善

src/views/sb/position/SbPositionNum.vue

@@ -4,11 +4,11 @@
       <div class="one_title">
         <a-row type="flex" :gutter="[20,20]">
           <a-col :span="6" v-for="position in sbPositionData" :key="position.id" @click="selectCountByPosition(position)" v-show="position.type === 1">
-            <div class="one_title_option" >
+            <div class="one_title_option" :class="parentId==position.id?'opt_one_title_option':''">
               <div><my-icon type="icon-lianyouchangqu-copy" style="font-size:107px;"/></div>
               <div>
                 <div> {{ position.name }}</div>
-                <div style="color:#296BEF;font-size: 42px;">120台</div>
+                <div style="color:#296BEF;font-size: 42px;">{{ position.num }}台</div>
               </div>
             </div>
           </a-col>
@@ -17,16 +17,16 @@
       <br />
       <div class="two_title">
         <a-row type="flex" :gutter="[20,40]">
-          <a-col :span="3" v-for="position in sbPositionData" v-show="position.type === 2" :key="position.id" @click="selectCountByPositionGroupBySbType(position)">
-            <div class="two_title_option">
+          <a-col :span="3" v-for="position in sbPositionData" v-show="position.type === 2 && position.parentId === parentId" :key="position.id" @click="selectCountByPositionGroupBySbType(position)">
+            <div class="two_title_option" :class="code==position.code?'opt_two_title_option':''">
               <div> {{ position.name }}</div>
-              <div style="color:#296BEF;margin-top: 22px;">120台</div>
+              <div style="color:#296BEF;margin-top: 22px;">{{ position.num }}台</div>
             </div>
           </a-col>
         </a-row>
       </div>
-      <div class="three_title">
-        <div class="title">丙二车间：28台</div>
+      <div class="three_title" v-if="typeData.length >0">
+        <!-- <div class="title">丙二车间：28台</div> -->
         <a-row type="flex" justify="space-around" :gutter="[40,40]">
           <a-col :span="3" v-for="item in typeData" :key="item.id" >
             <div class="three_title_option" @click="jumpSbInfo(item)">
@@ -56,8 +56,8 @@ export default {
       confirmLoading: false,
       modalTitle: null,
       configMap: {},
-      num: null,
-      lineNum: null,
+      parentId: null,
+      code: null,
       sbPositionData: [],
       typeData: [],
       factoryStr: null,
@@ -72,6 +72,7 @@ export default {
     // 下拉框map
     selectCountByPositionGroup().then(res => {
       this.sbPositionData = res.data
+      this.selectCountByPosition(res.data[0])
     })
   },
   methods: {
@@ -94,8 +95,11 @@ export default {
       }
     },
     selectCountByPosition (position) {
+      this.parentId = position.id
+      this.typeData = []
     },
     selectCountByPositionGroupBySbType (position) {
+      this.code = position.code
       selectCountByPositionGroupBySbType(position).then(res => {
         this.typeData = res.data
       })
@@ -126,6 +130,7 @@ export default {
   }
    .opt_one_title_option{
     background: linear-gradient(-3deg, #99D1F6 0%, #9196F3 100%);
+    color:#fff;
    }
   .two_title_option{
     background:#fff;