右键菜单 ， 数量统计 ， 关闭状态 按钮控制 sxm 2022-3-15

src/views/modules/yieldReport/produce_order.vue

@@ -5,7 +5,9 @@
       <legend>菜单</legend>
       <el-form :inline="true" label-position="top" label-width="100px" style="">
         <el-form-item :label="''">
-          <el-button type="primary" class="customer-bun-mid" style="margin-left: 10px; width: 60px;  margin-bottom: 5px;">列表</el-button>
+          <el-button type="primary" class="customer-bun-mid"
+                     style="margin-left: 10px; width: 60px;  margin-bottom: 5px;">列表
+          </el-button>
         </el-form-item>
         <el-form-item :label="''">
           <el-button type="primary" @click="refreshPageTables()" class="customer-bun-mid"
@@ -64,10 +66,12 @@
         </el-date-picker>
       </el-form-item>
       <el-form-item :label="'生产订单号:'">
-        <el-input v-model="searchData.orderNo" style="width: 120px" @keyup.enter.native="refreshPageTables" @blur="refreshPageTables"></el-input>
+        <el-input v-model="searchData.orderNo" style="width: 120px" @keyup.enter.native="refreshPageTables"
+                  @blur="refreshPageTables"></el-input>
       </el-form-item>
       <el-form-item :label="'派工单号:'">
-        <el-input v-model="searchData.seqNo" style="width: 120px"  @keyup.enter.native="refreshPageTables" @blur="refreshPageTables"></el-input>
+        <el-input v-model="searchData.seqNo" style="width: 120px" @keyup.enter.native="refreshPageTables"
+                  @blur="refreshPageTables"></el-input>
       </el-form-item>
       <el-form-item :label="''" style="margin-left: -5px;">
         <el-checkbox style="margin-top: 20px;" true-label="Y" false-label="N" v-model="searchData.closedFlag">显示已结束派工单
@@ -75,18 +79,18 @@
       </el-form-item>
     </el-form>
     <!--  查询时间和产品  -->
-    <el-form :inline="true"  label-position="top" label-width="100px">
-      <el-form-item >
-        <el-dropdown class="customer-dropdown" @command="handleCommand">
-          <el-button type="primary">
+    <el-form :inline="true">
+      <el-form-item label="生产工单列表">
+        <el-dropdown style="margin-top: 3px" class="customer-dropdown" @command="handleCommand">
+          <el-button type="primary" @click="menuButtonFlag">
             主菜单<i class="el-icon-arrow-down el-icon--right"></i>
           </el-button>
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item class="customer-li"  command="0"  :disable="menuButton.prdButton" >生产订单</el-dropdown-item>
-            <el-dropdown-item class="customer-li"  command="1" disabled >关闭</el-dropdown-item>
-            <el-dropdown-item class="customer-li"  command="1" disabled >打开</el-dropdown-item>
-            <el-dropdown-item class="customer-li"  command="1" disabled >暂停</el-dropdown-item>
-            <el-dropdown-item class="customer-li"  command="1" disabled >重新开工</el-dropdown-item>
+            <el-dropdown-item class="customer-li" command="0" :disabled="menuButton.prdButton">生产订单</el-dropdown-item>
+            <el-dropdown-item class="customer-li" command="1" :disabled="menuButton.closedButton">关闭</el-dropdown-item>
+            <el-dropdown-item class="customer-li" command="1" :disabled="menuButton.openButton">打开</el-dropdown-item>
+            <el-dropdown-item class="customer-li" command="1" :disabled="menuButton.pauseButton">暂停</el-dropdown-item>
+            <el-dropdown-item class="customer-li" command="1" :disabled="menuButton.openReverseButton">重新开工</el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
       </el-form-item>
@@ -981,7 +985,11 @@ export default {
         }
       ],
       menuButton: {
-        prdButton:true
+        prdButton: true,
+        openButton: true,
+        closedButton: true,
+        pauseButton: true,
+        openReverseButton: true
       }
     }
   },
@@ -999,11 +1007,26 @@ export default {
     })
   },
   methods: {
-    /*区分不同的菜单  调用不同的方法  调用不同的方法*/
-    handleCommand(val){
+    // 控制是否显示功能
+    menuButtonFlag() {
       if (JSON.stringify(this.currentRow) == '{}') {
+        this.menuButton.prdButton = true
+        this.menuButton.openButton = true
+        this.menuButton.closedButton = true
+        this.menuButton.pauseButton = true
+        this.menuButton.openReverseButton = true
+      } else {
         this.menuButton.prdButton = false
+
+        // 获取用户权限
+        if (this.currentRow.closedFlag == 'N'){
+          this.menuButton.closedButton = false
+        }
       }
+
+    },
+    /*区分不同的菜单  调用不同的方法  调用不同的方法*/
+    handleCommand(val) {
       //区分是哪一个方法调用
       if ('0' == val) {
         if (JSON.stringify(this.currentRow) == '{}') {
@@ -1072,6 +1095,7 @@ export default {
 
     /*刷新页面table*/
     refreshPageTables() {
+      this.currentRow = {}
       this.getProduceScheduleList();
     },
     /*设置选中行的参数*/
@@ -1321,19 +1345,23 @@ div.customer-el-card-blue {
 .el-radio + .el-radio {
   margin-left: 0px;
 }
+
 /*当前按钮的通用样式*/
 .customer-css .customer-bun-mid {
   width: 65px;
   text-align: center;
 }
+
 /*当前按钮的通用样式*/
 .customer-css .el-button--medium {
   padding: 5px 5px;
 }
+
 /*添加主菜单和明细菜单的样式*/
 .customer-css .customer-dropdown .el-button--primary {
   padding: 2px;
   font-size: 12px;
 }
+
 /*控制上下间距*/
 </style>