查询尺码组时隐藏修改等按钮

src/views/mes/md/sizegroup/index.vue

@@ -143,7 +143,16 @@
           <el-row>
             <el-col :span="10">
               <el-form-item label="尺码组类型" label-width="100px" prop="sizeType">
-                <el-select v-model="form.sizeType" placeholder="请选择尺码组类型">
+                <el-select v-model="form.sizeType" disabled v-if="optType=='view'">
+                  <el-option
+                    v-for="dict in dict.type.size_type"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                    ></el-option>
+                </el-select>
+
+                <el-select v-model="form.sizeType" placeholder="请选择尺码组类型" v-else>
                   <el-option
                     v-for="dict in dict.type.size_type"
                     :key="dict.value"
@@ -155,7 +164,14 @@
             </el-col>
             <el-col :span="10">
               <el-form-item label="是否启用" label-width="100px" prop="enableFlag">
-                <el-radio-group v-model="form.enableFlag" >
+                <el-radio-group v-model="form.enableFlag" disabled v-if="optType=='view'">
+                  <el-radio
+                    v-for="dict in dict.type.sys_yes_no"
+                    :key="dict.value"
+                    :label="dict.value"
+                  >{{dict.label}}</el-radio>
+                </el-radio-group>
+                <el-radio-group v-model="form.enableFlag" v-else>
                   <el-radio
                     v-for="dict in dict.type.sys_yes_no"
                     :key="dict.value"
@@ -169,20 +185,23 @@
         <el-row>
           <el-col :span="10">
             <el-form-item label="尺码组编码" label-width="100px" prop="sizeGroupCode">
-              <el-input v-model="form.sizeGroupCode" placeholder="请输入尺码组编码" />
+              <el-input v-model="form.sizeGroupCode" readonly="readonly" v-if="optType == 'view'"/>
+              <el-input v-model="form.sizeGroupCode" placeholder="请输入尺码组编码" v-else/>
             </el-form-item>
           </el-col>
           <el-col :span="10">
             <el-form-item label="尺码组名称" label-width="100px" prop="sizeGroupName">
-              <el-input v-model="form.sizeGroupName" placeholder="请输入尺码组名称" />
+              <el-input v-model="form.sizeGroupName" readonly="readonly" v-if="optType=='view'"/>
+              <el-input v-model="form.sizeGroupName" placeholder="请输入尺码组名称" v-else/>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
 
-      <SizeGroupItem v-if="form.sizeGroupId" :sizeGroupId="form.sizeGroupId"/>
+      <SizeGroupItem v-if="form.sizeGroupId" :sizeGroupId="form.sizeGroupId" :opt-type="optType"/>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button type="primary" @click="cancel" v-if="optType =='view'">返回</el-button>
+        <el-button type="primary" @click="submitForm" v-else>确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -255,6 +274,8 @@ export default {
       total: 0,
       // 尺码组表格数据
       groupList: [],
+      //弹框的操作类型 view add edit
+      optType: undefined,
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -334,6 +355,7 @@ export default {
     handleAdd() {
       this.reset();
       this.open = true;
+      this.optType = "add";
       this.title = "添加尺码组";
     },
     // 查询明细按钮操作
@@ -354,6 +376,7 @@ export default {
       getGroup(sizeGroupId).then(response => {
         this.form = response.data;
         this.open = true;
+        this.optType = "edit";
         this.title = "修改尺码组";
       });
     },

src/views/mes/md/sizegroup/item/index.vue

@@ -54,7 +54,8 @@
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
+
+    <el-row :gutter="10" class="mb8" v-if="optType !== 'view'">
       <el-col :span="1.5">
         <el-button
           type="primary"
@@ -125,6 +126,7 @@
         align="center"
         width="120"
         class-name="small-padding fixed-width"
+        v-if="optType !== 'view'"
       >
         <template slot-scope="scope">
           <el-button