瀏覽代碼

feat(订单表单): 新增模板导入操作可见性控制

yz 4 周之前
父節點
當前提交
57ad597ba1

+ 10 - 0
src/components/order-form/material-detail-mixin.js

@@ -109,6 +109,16 @@ export default {
     isDraft: {
       type: Boolean,
       default: false
+    },
+
+    /**
+     * 是否展示模板下载/导入操作
+     * @description 新增模式下可隐藏“下载模板/导入”按钮
+     * @type {import('vue').PropOptions<boolean>}
+     */
+    showTemplateImportActions: {
+      type: Boolean,
+      default: true
     }
   },
 

+ 3 - 0
src/components/order-form/material-detail-table.vue

@@ -55,6 +55,7 @@
             size="small"
             :loading="templateLoading"
             @click="handleDownloadTemplate"
+            v-if="showTemplateImportActions"
           >
             下载模板
           </el-button>
@@ -64,6 +65,7 @@
             size="small"
             :loading="uploadLoading"
             @click="handleUploadClick"
+            v-if="showTemplateImportActions"
           >
             导入
           </el-button>
@@ -73,6 +75,7 @@
             accept=".xls,.xlsx"
             style="display: none;"
             @change="handleUploadFileChange"
+            v-if="showTemplateImportActions"
           />
           <el-button
             v-if="editMode && selectedRows.length > 0"

+ 1 - 1
src/components/order-form/order-form.vue

@@ -57,6 +57,7 @@
         <material-detail-table
           :order-id="orderId"
           :edit-mode="true"
+          :show-template-import-actions="isEdit"
           :material-details="materialDetails"
           :is-draft="isDraft"
           @refresh="handleMaterialChange"
@@ -358,4 +359,3 @@ export default {
   }
 }
 </style>
-

+ 3 - 1
src/components/order-form/types.d.ts

@@ -637,8 +637,10 @@ export interface MaterialOption {
 export interface MaterialDetailTableComponent extends Vue {
   // props
   editMode: boolean;
+  showTemplateImportActions: boolean;
   orderId: string | number | null;
   materialDetails: MaterialDetailRecord[];
+  isDraft: boolean;
 
   // data
   formData: Partial<MaterialDetailRecord>;
@@ -862,4 +864,4 @@ export interface OrderFormComponent extends OrderFormComponentData, OrderFormCom
   $options: {
     mixins: OrderFormMixin[];
   };
-}
+}