配套page

pages/aps/plan/index.vue

@@ -98,16 +98,16 @@
       -->
       <RadioGroup v-model="scheduleType" class="radioList" @on-change="onchangeScheduleType">
         <Radio :label="1" border :disabled="this.$store.state.countAi>0">
-          <span >Aps排产</span>
+          <span>Aps排产</span>
         </Radio>
         <Radio :label="4" border :disabled="this.$store.state.countAps>0">
-          <span >智能排产</span>
+          <span>智能排产</span>
         </Radio>
         <Radio :label="2" border>
-          <span >整机排产</span>
+          <span>整机排产</span>
         </Radio>
         <Radio :label="3" border>
-          <span >流水排产</span>
+          <span>流水排产</span>
         </Radio>
       </RadioGroup>
       <p class="pl30 pt10" v-show="scheduleType!=null">
@@ -125,6 +125,17 @@
     <Modal v-model="orderSupportModal" title="配套下发" footer-hide width="1300">
       <orderSupport ref="orderSupport"></orderSupport>
     </Modal>
+    <Modal v-model="modalAccessory" :title="title" fullscreen footer-hide>
+        <component
+          :is="details"
+          :eid="curId"
+          :uid="uId"
+          :title="title"
+          :headid="hid"
+          @on-close="cancel"
+          @on-ok="ok"
+        />
+      </Modal>
   </div>
 </template>
 <script>
@@ -162,6 +173,15 @@ export default {
       scheduleModal: false,
       orderSupportModal: false,
       curId: 0,
+      statuList:
+        this.$store.getters.dictionaryByKey("aps.plan.supportingStatus") || [],
+      name: "",
+      item: null,
+      title:'',
+      details: null,
+      uId: "",
+      hid: 0,
+      modalAccessory: false,
       columns: [
         {
           key: "selection",
@@ -204,7 +224,25 @@ export default {
           title: this.l("isSupportingFinish"),
           align: "center",
           high: true,
-          code: "aps.plan.supportingStatus",
+          render: (h, params) => {
+            return h("div", { class: "action" }, [
+              h(
+                "op",
+                {
+                  attrs: {
+                    oprate: "detail",
+                  },
+                  style: {
+                    color: this.setName(params.row.isSupportingFinish).color,
+                  },
+                  on: {
+                    click: () => this.openAccessory(params.row),
+                  },
+                },
+                this.setName(params.row.isSupportingFinish).name
+              ),
+            ]);
+          },
         },
         {
           key: "projectNumber",
@@ -623,7 +661,6 @@ export default {
       this.editModal = true;
       this.curId = id;
     },
-
     remove(id) {
       this.deletelModal = true;
       this.curId = id;
@@ -742,6 +779,39 @@ export default {
           this.$Message.error("获取排产模型数量失败");
         });
     },
+    //配套申请
+    setName(v) {
+      if ((v + "").indexOf(",") == -1) {
+        var item;
+        this.statuList.map((u) => {
+          if (u.code == v) {
+            item = u;
+          }
+        });
+        if (item) {
+          this.item = item;
+        } else {
+          this.item.name = " ";
+          this.item.color = "";
+        }
+      } 
+      return this.item;
+    },
+    openAccessory(row)
+    {
+      this.curId = 0;
+      this.title = "申请配套";
+      this.details = () => import("./addAccessory");
+      this.modalAccessory = true;
+    },
+    cancel() {
+      this.curId = 0;
+      this.modalAccessory = false;
+    },
+    ok() {
+      this.modalAccessory = false;
+      this.curId = 0;
+    },
   },
 };
 </script>