定制项目提交一波

project/oms/apps/develop/AppDeployCustom/AiLibTable.vue

@@ -0,0 +1,114 @@
+<template>
+  <section class="AiLibTable">
+    <ai-search-bar>
+      <template v-if="$scopedSlots.left" #left>
+        <slot name="left"/>
+      </template>
+      <template #right>
+        <slot v-if="$scopedSlots.right" name="right"/>
+        <el-input v-else placeholder="搜索应用名称" size="small" v-model="search[searchKey]" @change="page.current=1,getTableData()" clearable/>
+      </template>
+    </ai-search-bar>
+    <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :colConfigs="columns"
+              :size.sync="page.size" border @getList="getTableData" tableSize="mini" height="430px">
+      <el-table-column slot="chb" width="100px">
+        <template slot-scope="{row}">
+          <el-checkbox v-model="row.checked" @change="handleCheck(row)"/>
+        </template>
+      </el-table-column>
+    </ai-table>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AiLibTable",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: {default: null},
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    action: {default: "/node/wechatapps/list"},
+    colConfigs: {
+      default: () => [
+        {prop: 'label', label: "应用名称"},
+        {prop: 'project', label: "项目/框架"},
+        {prop: 'name', label: "模块名"},
+      ]
+    },
+    nodeKey: {default: "id"},
+    searchKey: {default: "name"},
+    multiple: Boolean
+  },
+  data() {
+    return {
+      page: {total: 0, current: 1, size: 10},
+      search: {},
+      tableData: [],
+    }
+  },
+  computed: {
+    columns() {
+      return [
+        {slot: "chb"}, ...this.colConfigs
+      ]
+    },
+    selected() {
+      return [this.value].flat().filter(e => !!e) || []
+    }
+  },
+  watch: {
+    action(v) {
+      v && (this.page.current = 1, this.getTableData())
+    },
+  },
+  methods: {
+    getTableData() {
+      let {page, search, action, nodeKey} = this
+      this.instance?.post(action, null, {
+        params: {...page, ...search}
+      }).then(res => {
+        if (res?.data) {
+          const list = res.data.records || res.data || []
+          list.map(e => {
+            if (/\/project\//.test(e.libPath)) {
+              e.project = e.libPath.replace(/.*project\/([^\/]+)\/.+/, '$1')
+            } else if (/\/core\//.test(e.libPath)) {
+              e.project = "core"
+            } else e.project = "standard"
+          })
+          this.tableData = list.map(e => ({...e, checked: this.selected.includes(e[nodeKey])}))
+          this.page.total = res.data.total
+        }
+      })
+    },
+    handleCheck(row) {
+      const {nodeKey} = this
+      if (this.multiple) {
+        let selected = this.$copy(this.selected)
+        if (row.checked) {
+          selected.push(row[nodeKey])
+        } else {
+          selected = selected.filter(e => e != row[nodeKey])
+        }
+        this.$emit("change", selected)
+      } else {
+        this.$emit("change", row.checked ? row[nodeKey] : '')
+      }
+    }
+  },
+  created() {
+    this.$set(this.search, this.searchKey, "")
+    this.getTableData()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiLibTable {
+}
+</style>

project/oms/apps/develop/AppDeployCustom/add.vue

@@ -21,8 +21,7 @@
           </ai-card>
           <ai-card title="主库应用">
             <template #content>
-              <ai-table-select v-if="form.type" v-model="form.apps" :instance="instance" :action="`/node/wechatapps/list?type=${form.type}`"
+              <ai-lib-table v-if="form.type" v-model="form.apps" :action="`/node/wechatapps/list?type=${form.type}`" multiple searchKey="name" v-bind="$props"/>
-                               nodeName="label" extra="libPath" multiple searchKey="name"/>
               <ai-empty v-else>请先选择系统类型</ai-empty>
             </template>
           </ai-card>
@@ -37,8 +36,11 @@
 </template>
 
 <script>
+import AiLibTable from "./AiLibTable";
+
 export default {
   name: "add",
+  components: {AiLibTable},
   props: {
     instance: Function,
     dict: Object,
@@ -56,7 +58,7 @@ export default {
         type: {required: true, message: "请选择"},
         customPath: {required: true, message: "请输入"},
       },
-      mainLibApps: []
+      mainLibApps: [],
     }
   },
   methods: {

project/oms/apps/develop/AppDeployCustom/list.vue

@@ -16,6 +16,8 @@
           <el-table-column slot="options" label="操作" fixed="right" align="center" width="300">
             <template slot-scope="{row}">
               <el-button type="text" @click="handleAdd(row.id)">编辑</el-button>
+              <el-button type="text" @click="handleAdd(row.id)">打包更新</el-button>
+              <el-button type="text" @click="handleAdd(row.id)">下载</el-button>
               <el-button type="text" @click="handleDelete(row.id)">删除</el-button>
             </template>
           </el-table-column>
@@ -70,6 +72,9 @@ export default {
           }
         })
       }).catch(() => 0)
+    },
+    handleDownload(id){
+
     }
   },
   created() {