update 产品池

src/components/DialogWithMenu.vue

@@ -24,11 +24,33 @@
         @click="handleAddParam()"
         >+ 添加</el-button
       >
+      <el-button
+        v-if="dataForm.id && !detailMode && /附件/.test(activeMenu)"
+        plain
+        type="primary"
+        size="small"
+        class="at-right-top"
+        style="margin-bottom: 16px"
+        @click="triggerUpload()"
+      >
+        <i class="el-icon-upload"></i> 上传</el-button
+      >
       <!-- menu  -->
       <el-tabs v-model="activeMenu" type="card" @tab-click="handleTabClick">
         <!-- <el-tab-pane v-for="(tab, index) in configs.menu" :key="index" :label="tab.name" :name="tab.name"> -->
-        <el-tab-pane v-for="(tab, index) in actualMenus" :key="index" :label="tab.name" :name="tab.name">
-          <div v-if="index === 0">
+        <el-tab-pane v-for="(tab, index) in actualMenus" :key="index" :name="tab.name">
+          <span class="slot" slot="label">
+            <i
+              :class="{
+                'el-icon-edit': tab.key === 'info',
+                'el-icon-s-data': tab.key === 'attr',
+                'el-icon-folder-opened': tab.key === 'attachment',
+              }"
+            ></i
+            > {{ tab.name }} 
+          </span>
+
+          <div v-if="tab.key === 'info'">
             <!-- form  -->
             <el-form ref="dataForm" :model="dataForm" v-loading="loadingStatus">
               <el-row v-for="(row, rowIndex) in configs.form.rows" :key="'row_' + rowIndex" :gutter="20">
@@ -60,10 +82,11 @@
               </el-row>
             </el-form>
           </div>
-          <div v-if="dataForm.id && index === 1">
+          <div v-if="dataForm.id && tab.key === 'attr'">
             <BaseListTable :table-config="null" :column-config="filteredTableProps" :table-data="subList" @operate-event="handleTableRowOperate" />
             <!-- paginator  -->
           </div>
+          <div v-if="dataForm.id && tab.key === 'attachment'">附件</div>
         </el-tab-pane>
       </el-tabs>
     </div>
@@ -273,6 +296,10 @@ export default {
     },
 
     /** handlers */
+    triggerUpload() {
+      // 出发 upload 界面
+    },
+
     handleSelectChange(col, eventValue) {
       console.log("[dialog] select change: ", col, eventValue);
     },
@@ -326,11 +353,11 @@ export default {
       }
     },
     handleTabClick(payload) {
-    //   console.log("tab click payload: ", this.activeMenu);
-    //   if (this.activeMenu === this.configs.menu[1].name) {
-    //     // 获取数据
-    //     this.getSubList();
-    //   }
+      //   console.log("tab click payload: ", this.activeMenu);
+      //   if (this.activeMenu === this.configs.menu[1].name) {
+      //     // 获取数据
+      //     this.getSubList();
+      //   }
     },
 
     getSubList(page = 1, size = 20) {