From e591a92436fd7698cbc4c6e13df1463a63ac4720 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=B4=8B=E5=B7=9D?= <604737071@qq.com>
Date: Tue, 23 Apr 2024 15:22:59 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E5=AF=B9=E6=8E=A5=E5=8F=91=E5=B8=83?=
 =?UTF-8?q?=E7=9A=84=E6=8E=A5=E5=8F=A3=EF=BC=8C=E6=A0=B9=E6=8D=AE=E5=8E=9F?=
 =?UTF-8?q?=E5=9E=8B=E8=B0=83=E6=95=B4=E6=95=B0=E6=8D=AE=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sf-ui/src/components/DictTag/index.vue        |  54 +-
 sf-ui/src/views/FDS/installationList/add.vue  |  17 +-
 sf-ui/src/views/FDS/installationList/edit.vue |  14 -
 .../FDS/publishList/components/addPack.vue    |  38 +-
 sf-ui/src/views/deployment/module/index.vue   | 352 ++++++++----
 sf-ui/src/views/deployment/publish/index.vue  | 525 ++++++++++--------
 6 files changed, 590 insertions(+), 410 deletions(-)

diff --git a/sf-ui/src/components/DictTag/index.vue b/sf-ui/src/components/DictTag/index.vue
index a0fd66f..c583e95 100644
--- a/sf-ui/src/components/DictTag/index.vue
+++ b/sf-ui/src/components/DictTag/index.vue
@@ -5,19 +5,19 @@
         <span
           v-if="item.raw.listClass == 'default' || item.raw.listClass == ''"
           :key="item.value"
-          :index="index"
           :class="item.raw.cssClass"
-          >{{ item.label + " " }}</span
+          :index="index"
+        >{{ item.label + ' ' }}</span
         >
         <el-tag
           v-else
-          :disable-transitions="true"
           :key="item.value"
+          :class="item.raw.cssClass"
+          :disable-transitions="true"
           :index="index"
           :type="item.raw.listClass == 'primary' ? '' : item.raw.listClass"
-          :class="item.raw.cssClass"
         >
-          {{ item.label + " " }}
+          {{ item.label + ' ' }}
         </el-tag>
       </template>
     </template>
@@ -29,61 +29,63 @@
 
 <script>
 export default {
-  name: "DictTag",
+  name: 'DictTag',
   props: {
     options: {
       type: Array,
-      default: null,
+      default: null
     },
     value: [Number, String, Array],
     // 当未找到匹配的数据时，显示value
     showValue: {
       type: Boolean,
-      default: true,
+      default: true
     }
   },
   data() {
     return {
-      unmatchArray: [], // 记录未匹配的项
+      unmatchArray: [] // 记录未匹配的项
     }
   },
   computed: {
     values() {
-      if (this.value !== null && typeof this.value !== "undefined") {
-        return Array.isArray(this.value) ? this.value : [String(this.value)];
+      if (this.value !== null && typeof this.value !== 'undefined') {
+        console.log(this.value)
+        return Array.isArray(this.value) ? this.value : [String(this.value)]
       } else {
-        return [];
+        return []
       }
     },
     unmatch() {
-      this.unmatchArray = [];
-      if (this.value !== null && typeof this.value !== "undefined") {
+      this.unmatchArray = []
+      if (this.value !== null && typeof this.value !== 'undefined') {
         // 传入值为非数组
         if (!Array.isArray(this.value)) {
-          if (this.options.some((v) => v.value == this.value)) return false;
-          this.unmatchArray.push(this.value);
-          return true;
+          if (this.options.some((v) => v.value == this.value)) return false
+          this.unmatchArray.push(this.value)
+          return true
         }
         // 传入值为Array
         this.value.forEach((item) => {
-          if (!this.options.some((v) => v.value == item))
-            this.unmatchArray.push(item);
-        });
-        return true;
+          if (!this.options.some((v) => v.value == item)) {
+            this.unmatchArray.push(item)
+          }
+        })
+        return true
       }
       // 没有value不显示
-      return false;
-    },
+      return false
+    }
   },
   filters: {
     handleArray(array) {
-      if (array.length === 0) return "";
+      if (array.length === 0) return ''
       return array.reduce((pre, cur) => {
-        return pre + " " + cur;
+        return pre + ' ' + cur
       })
     }
   }
-};
+}
 </script>
 <style scoped>
 .el-tag + .el-tag {
diff --git a/sf-ui/src/views/FDS/installationList/add.vue b/sf-ui/src/views/FDS/installationList/add.vue
index a3e0185..df18c95 100644
--- a/sf-ui/src/views/FDS/installationList/add.vue
+++ b/sf-ui/src/views/FDS/installationList/add.vue
@@ -21,16 +21,12 @@
               <el-input v-model="formData.sysApkName" :style="{width: '100%'}" clearable placeholder="请输入安装包名称">
               </el-input>
             </el-form-item>
-            <!--            <el-form-item v-else label="模块包名称" prop="field107">-->
-            <!--              <el-input v-model="formData.field107" :style="{width: '100%'}" clearable placeholder="请输入模块包名称">-->
-            <!--              </el-input>-->
-            <!--            </el-form-item>-->
             <el-form-item label="版本号" prop="version">
               <el-input v-model="formData.version" :style="{width: '100%'}" clearable placeholder="请输入版本号">
               </el-input>
             </el-form-item>
             <el-form-item label="安装包文件" prop="sysApk">
-              <file-upload v-model="formData.sysApk" :fileType="['apk','txt']" :limit="1"
+              <file-upload v-model="formData.sysApk" :fileType="['apk','hap','ipa']" :limit="1"
                            @getSize="getSize"
               />
 
@@ -48,16 +44,6 @@
                 </el-radio>
               </el-radio-group>
             </el-form-item>
-            <!--            <el-form-item v-if="activeTabs!='1'" label="适用模块" prop="configName">-->
-            <!--              <el-select v-model="formData.field108" clearable placeholder="请选择对应的模块">-->
-            <!--                <el-option-->
-            <!--                    v-for="dict in dict.type.sys_yes_no"-->
-            <!--                    :key="dict.value"-->
-            <!--                    :label="dict.label"-->
-            <!--                    :value="dict.value"-->
-            <!--                />-->
-            <!--              </el-select>-->
-            <!--            </el-form-item>-->
             <el-form-item size="large">
               <el-button type="primary" @click="submitForm">提交</el-button>
               <el-button @click="cancel">取 消</el-button>
@@ -124,6 +110,7 @@ export default {
       })
     },
     getSize(e) {
+      console.log(e)
       this.formData.sysApkSize = e[0].size + 'kb'
     },
     cancel() {
diff --git a/sf-ui/src/views/FDS/installationList/edit.vue b/sf-ui/src/views/FDS/installationList/edit.vue
index c693a31..42fb55c 100644
--- a/sf-ui/src/views/FDS/installationList/edit.vue
+++ b/sf-ui/src/views/FDS/installationList/edit.vue
@@ -21,10 +21,6 @@
               <el-input v-model="formData.sysApkName" :style="{width: '100%'}" clearable placeholder="请输入安装包名称">
               </el-input>
             </el-form-item>
-            <!--            <el-form-item v-else label="模块包名称" prop="field107">-->
-            <!--              <el-input v-model="formData.field107" :style="{width: '100%'}" clearable placeholder="请输入模块包名称">-->
-            <!--              </el-input>-->
-            <!--            </el-form-item>-->
             <el-form-item label="版本号" prop="version">
               <el-input v-model="formData.version" :style="{width: '100%'}" clearable placeholder="请输入版本号">
               </el-input>
@@ -49,16 +45,6 @@
                 </el-radio>
               </el-radio-group>
             </el-form-item>
-            <!--            <el-form-item v-if="activeTabs!='1'" label="适用模块" prop="configName">-->
-            <!--              <el-select v-model="formData.field108" clearable placeholder="请选择对应的模块">-->
-            <!--                <el-option-->
-            <!--                    v-for="dict in dict.type.sys_yes_no"-->
-            <!--                    :key="dict.value"-->
-            <!--                    :label="dict.label"-->
-            <!--                    :value="dict.value"-->
-            <!--                />-->
-            <!--              </el-select>-->
-            <!--            </el-form-item>-->
             <el-form-item size="large">
               <el-button type="primary" @click="submitForm">提交</el-button>
               <el-button @click="cancel">取 消</el-button>
diff --git a/sf-ui/src/views/FDS/publishList/components/addPack.vue b/sf-ui/src/views/FDS/publishList/components/addPack.vue
index 713d6b6..28e56d4 100644
--- a/sf-ui/src/views/FDS/publishList/components/addPack.vue
+++ b/sf-ui/src/views/FDS/publishList/components/addPack.vue
@@ -21,19 +21,20 @@
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
-    <el-table v-loading="loading" :data="dataList">
-      <el-table-column align="center" label="安装包名称" prop="configId"/>
-      <el-table-column :show-overflow-tooltip="true" align="center" label="版本号" prop="configName"/>
-      <el-table-column :show-overflow-tooltip="true" align="center" label="安装包大小" prop="configName"/>
-      <el-table-column :show-overflow-tooltip="true" align="center" label="适用系统" prop="configValue"/>
-      <el-table-column align="center" label="状态" prop="configType">
+    <el-table v-loading="loading" :data="moduleList">
+      <el-table-column align="center" label="安装包名称" prop="moduleName"/>
+      <el-table-column :show-overflow-tooltip="true" align="center" label="版本号" prop="version"/>
+      <el-table-column :show-overflow-tooltip="true" align="center" label="安装包大小" prop="moduleSize"/>
+      <el-table-column :show-overflow-tooltip="true" align="center" label="适用系统" prop="sysType"/>
+      <el-table-column align="center" label="状态" prop="uploadingStatus">
         <template slot-scope="scopeA">
           <dict-tag :options="dict.type.sys_yes_no" :value="scopeA.row.type"/>
         </template>
       </el-table-column>
       <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="50">
         <template slot-scope="scope">
-          <el-button circle icon="el-icon-plus" size="20" type="primary" @click="addPack"
+          <el-button circle icon="el-icon-plus" size="20" type="primary"
+                     @click="addPack(scope.row.appCore,scope.row.version,scope.row.sysType)"
           ></el-button>
         </template>
       </el-table-column>
@@ -45,7 +46,7 @@
 </template>
 <script>
 
-import { listConfig } from '@/api/system/config'
+import { listModule } from '@/api/deployment/module'
 
 export default {
   name: 'AddPack',
@@ -57,7 +58,7 @@ export default {
       loading: true,
       configName: undefined,
       form: {},
-      dataList: [],
+      moduleList: [],
       // 显示搜索条件
       showSearch: true,
       total: 0,
@@ -78,12 +79,11 @@ export default {
     /** 查询参数列表 */
     getList() {
       this.loading = true
-      listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
-          this.dataList = response.rows
-          this.total = response.total
-          this.loading = false
-        }
-      )
+      listModule(this.queryParams).then(response => {
+        this.moduleList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
     },
 
     /** 搜索按钮操作 */
@@ -103,8 +103,12 @@ export default {
     },
 
     /** 新增当前包的按钮 */
-    addPack() {
-
+    addPack(id, version, sysType) {
+      this.$emit('addPack', {
+        apkId: id,
+        version: version,
+        sysType: sysType
+      })
     },
 
     closeModal() {
diff --git a/sf-ui/src/views/deployment/module/index.vue b/sf-ui/src/views/deployment/module/index.vue
index b5969d1..7a7b7e2 100644
--- a/sf-ui/src/views/deployment/module/index.vue
+++ b/sf-ui/src/views/deployment/module/index.vue
@@ -1,32 +1,33 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="68px" size="small">
       <el-form-item label="模块包名称名称" prop="moduleName">
         <el-input
           v-model="queryParams.moduleName"
-          placeholder="请输入模块包名称名称"
           clearable
+          placeholder="请输入模块包名称名称"
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="版本号" prop="version">
         <el-input
           v-model="queryParams.version"
-          placeholder="请输入版本号"
           clearable
+          placeholder="请输入版本号"
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="创建时间" prop="createTime">
-        <el-date-picker clearable
-          v-model="queryParams.createTime"
-          type="date"
-          value-format="yyyy-MM-dd"
-          placeholder="请选择创建时间">
+        <el-date-picker v-model="queryParams.createTime"
+                        clearable
+                        placeholder="请选择创建时间"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -34,109 +35,138 @@
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
           v-hasPermi="['deployment:module:add']"
-        >新增</el-button>
+          icon="el-icon-plus"
+          plain
+          size="mini"
+          type="primary"
+          @click="handleAdd"
+        >新增
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
           v-hasPermi="['deployment:module:edit']"
-        >修改</el-button>
+          :disabled="single"
+          icon="el-icon-edit"
+          plain
+          size="mini"
+          type="success"
+          @click="handleUpdate"
+        >修改
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
           v-hasPermi="['deployment:module:remove']"
-        >删除</el-button>
+          :disabled="multiple"
+          icon="el-icon-delete"
+          plain
+          size="mini"
+          type="danger"
+          @click="handleDelete"
+        >删除
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
           v-hasPermi="['deployment:module:export']"
-        >导出</el-button>
+          icon="el-icon-download"
+          plain
+          size="mini"
+          type="warning"
+          @click="handleExport"
+        >导出
+        </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="moduleList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键" align="center" prop="id" />
-      <el-table-column label="模块包名称名称" align="center" prop="moduleName" />
-      <el-table-column label="版本号" align="center" prop="version" />
-      <el-table-column label="安装包" align="center" prop="moduleUrl" />
-      <el-table-column label="安装包大小" align="center" prop="moduleSize" />
-      <el-table-column label="系统类型" align="center" prop="sysType">
+      <el-table-column align="center" type="selection" width="55"/>
+      <el-table-column align="center" label="主键" prop="id"/>
+      <el-table-column align="center" label="模块包名称名称" prop="moduleName"/>
+      <el-table-column align="center" label="版本号" prop="version"/>
+
+      <el-table-column align="center" label="安装包" prop="moduleUrl"/>
+      <el-table-column align="center" label="安装包大小" prop="moduleSize"/>
+      <el-table-column align="center" label="系统类型" prop="sysType">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.sys_apk_type" :value="scope.row.sysType"/>
         </template>
       </el-table-column>
-      <el-table-column label="模块类型" align="center" prop="moduleType">
+      <el-table-column align="center" label="模块类型" prop="moduleType">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.module_type" :value="scope.row.moduleType"/>
         </template>
       </el-table-column>
-      <el-table-column label="上传状态" align="center" prop="uploadingStatus" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column align="center" label="上传状态" prop="uploadingStatus"/>
+      <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
         <template slot-scope="scope">
           <el-button
+            icon="el-icon-download"
             size="mini"
             type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['deployment:module:edit']"
-          >修改</el-button>
+            @click="handleDownLoad(scope.row)"
+          >下载安装包
+          </el-button>
+
           <el-button
+            v-hasPermi="['deployment:module:edit']"
+            icon="el-icon-edit"
             size="mini"
             type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
+            @click="handleUpdate(scope.row)"
+          >修改
+          </el-button>
+
+          <el-button
+            icon="el-icon-detail"
+            size="mini"
+            type="text"
+            @click="handleDetail(scope.row)"
+          >详情
+          </el-button>
+
+          <el-button
             v-hasPermi="['deployment:module:remove']"
-          >删除</el-button>
+            icon="el-icon-delete"
+            size="mini"
+            type="text"
+            @click="handleDelete(scope.row)"
+          >删除
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
+      :page.sync="queryParams.pageNum"
+      :total="total"
       @pagination="getList"
     />
 
     <!-- 添加或修改H5模块包对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" append-to-body width="500px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="模块包名称名称" prop="moduleName">
-          <el-input v-model="form.moduleName" placeholder="请输入模块包名称名称" />
+          <el-input v-model="form.moduleName" placeholder="请输入模块包名称名称"/>
         </el-form-item>
         <el-form-item label="版本号" prop="version">
-          <el-input v-model="form.version" placeholder="请输入版本号" />
+          <el-input v-model="form.version" placeholder="请输入版本号"/>
         </el-form-item>
         <el-form-item label="安装包" prop="moduleUrl">
-          <el-input v-model="form.moduleUrl" placeholder="请输入安装包" />
+
+          <file-upload v-model="form.moduleUrl" :fileSize="20" :fileType="['apk','hap','iap']"
+                       :limit="1"
+                       uploadFileUrl="/system/oss/upload"
+                       @getSize="getSize"
+          />
         </el-form-item>
         <el-form-item label="安装包大小" prop="moduleSize">
-          <el-input v-model="form.moduleSize" placeholder="请输入安装包大小" />
+          <el-input v-model="form.moduleSize" placeholder="请输入安装包大小"/>
         </el-form-item>
         <el-form-item label="系统类型" prop="sysType">
           <el-select v-model="form.sysType" placeholder="请选择系统类型">
@@ -164,15 +194,80 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+
+    <!-- 添加或修改H5模块包对话框 -->
+    <el-dialog :title="title" :visible.sync="openDetail" append-to-body width="500px">
+      <el-form ref="form" :model="form" label-width="120px">
+        <el-form-item label="模块包名称名称" prop="moduleName">
+          {{ form.moduleName }}
+        </el-form-item>
+        <el-form-item label="版本号" prop="version">
+          {{ form.version }}
+        </el-form-item>
+        <el-form-item label="安装包" prop="moduleUrl">
+          {{ form.moduleUrl }}
+          <!--          <file-upload v-model="form.moduleUrl" :fileSize="20" :fileType="['apk','hap','iap']"-->
+          <!--                       :limit="1"-->
+          <!--                       uploadFileUrl="/system/oss/upload"-->
+          <!--                       @getSize="getSize"-->
+          <!--          />-->
+        </el-form-item>
+        <el-form-item label="安装包大小" prop="moduleSize">
+          {{ form.moduleSize }}
+          <!--          <el-input v-model="form.moduleSize" placeholder="请输入安装包大小"/>-->
+        </el-form-item>
+        <el-form-item label="系统类型" prop="sysType">
+          {{ form.sysType }}
+          <!--          <el-select v-model="form.sysType" placeholder="请选择系统类型">-->
+          <!--            <el-option-->
+          <!--              v-for="dict in dict.type.sys_apk_type"-->
+          <!--              :key="dict.value"-->
+          <!--              :label="dict.label"-->
+          <!--              :value="dict.value"-->
+          <!--            ></el-option>-->
+          <!--          </el-select>-->
+        </el-form-item>
+        <el-form-item label="模块类型" prop="moduleType">
+
+          <dict-tag :options="dict.type.module_type" :value="form.moduleType"/>
+
+          <!--          {{ form.moduleType }}-->
+          <!--          <el-select v-model="form.moduleType" placeholder="请选择模块类型">-->
+          <!--            <el-option-->
+          <!--              v-for="dict in dict.type.module_type"-->
+          <!--              :key="dict.value"-->
+          <!--              :label="dict.label"-->
+          <!--              :value="dict.value"-->
+          <!--            ></el-option>-->
+          <!--          </el-select>-->
+        </el-form-item>
+
+        <el-form-item label="下载地址：">
+          <el-input v-model="form.moduleUrl"/>
+        </el-form-item>
+        <el-form-item label="上传时间：">{{ form.createTime }}</el-form-item>
+        <el-form-item label="上传状态：">
+          <dict-tag :options="dict.type.uploading_status" :value="form.uploadingStatus"/>
+        </el-form-item>
+        <el-form-item label="上传人员：">{{ form.created }}</el-form-item>
+        <el-form-item label="上传日志："></el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancelDetail">取 消</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
 <script>
-import { listModule, getModule, delModule, addModule, updateModule } from "@/api/deployment/module";
+import { addModule, delModule, getModule, listModule, updateModule } from '@/api/deployment/module'
 
 export default {
-  name: "Module",
-  dicts: ['module_type', 'sys_apk_type'],
+  name: 'Module',
+  dicts: ['module_type', 'sys_apk_type', 'uploading_status'],
   data() {
     return {
       // 遮罩层
@@ -190,9 +285,10 @@ export default {
       // H5模块包表格数据
       moduleList: [],
       // 弹出层标题
-      title: "",
+      title: '',
       // 是否显示弹出层
       open: false,
+      openDetail: false,
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -200,48 +296,54 @@ export default {
         moduleName: null,
         version: null,
         uploadingStatus: null,
-        createTime: null,
+        createTime: null
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {
         moduleName: [
-          { required: true, message: "模块包名称名称不能为空", trigger: "blur" }
+          { required: true, message: '模块包名称名称不能为空', trigger: 'blur' }
         ],
         version: [
-          { required: true, message: "版本号不能为空", trigger: "blur" }
+          { required: true, message: '版本号不能为空', trigger: 'blur' }
         ],
         sysType: [
-          { required: true, message: "系统类型不能为空", trigger: "change" }
+          { required: true, message: '系统类型不能为空', trigger: 'change' }
         ],
         moduleType: [
-          { required: true, message: "模块类型不能为空", trigger: "change" }
+          { required: true, message: '模块类型不能为空', trigger: 'change' }
         ],
         uploadingStatus: [
-          { required: true, message: "上传状态不能为空", trigger: "change" }
-        ],
+          { required: true, message: '上传状态不能为空', trigger: 'change' }
+        ]
       }
-    };
+    }
   },
   created() {
-    this.getList();
+    this.getList()
   },
   methods: {
     /** 查询H5模块包列表 */
     getList() {
-      this.loading = true;
+      this.loading = true
       listModule(this.queryParams).then(response => {
-        this.moduleList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
+        this.moduleList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
     },
     // 取消按钮
     cancel() {
-      this.open = false;
-      this.reset();
+      this.open = false
+      this.reset()
     },
+
+    cancelDetail() {
+      this.openDetail = false
+      this.reset()
+    },
+
     // 表单重置
     reset() {
       this.form = {
@@ -263,79 +365,101 @@ export default {
         modified: null,
         createTime: null,
         updateTime: null
-      };
-      this.resetForm("form");
+      }
+      this.resetForm('form')
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
+      this.queryParams.pageNum = 1
+      this.getList()
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
+      this.resetForm('queryForm')
+      this.handleQuery()
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
     handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加H5模块包";
+      this.reset()
+      this.open = true
+      this.title = '添加H5模块包'
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-      this.reset();
+      this.reset()
       const id = row.id || this.ids
       getModule(id).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改H5模块包";
-      });
+        this.form = response.data
+        this.open = true
+        this.title = '修改H5模块包'
+        this.type = 'edit'
+      })
     },
+    /** 详情按钮操作 */
+    handleDetail(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getModule(id).then(response => {
+        this.form = response.data
+        this.openDetail = true
+        this.title = 'H5模块包详情'
+        this.type = 'detail'
+      })
+    },
+
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs['form'].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
-          	let data = Object.assign({},this.form)
-          	delete data.explain
+            let data = Object.assign({}, this.form)
+            delete data.explain
             updateModule(data).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
+              this.$modal.msgSuccess('修改成功')
+              this.open = false
+              this.getList()
+            })
           } else {
             addModule(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
+              this.$modal.msgSuccess('新增成功')
+              this.open = false
+              this.getList()
+            })
           }
         }
-      });
+      })
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      const ids = row.id || this.ids;
+      const ids = row.id || this.ids
       this.$modal.confirm('是否确认删除H5模块包编号为"' + ids + '"的数据项？').then(function() {
-        return delModule(ids);
+        return delModule(ids)
       }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+        this.getList()
+        this.$modal.msgSuccess('删除成功')
+      }).catch(() => {
+      })
     },
     /** 导出按钮操作 */
     handleExport() {
       this.download('deployment/module/export', {
         ...this.queryParams
       }, `module_${new Date().getTime()}.xlsx`)
+    },
+
+    getSize(e) {
+      this.form.moduleSize = e[0].size + 'kb'
+    },
+
+    handleDownLoad(row) {
+      window.open(row.moduleUrl)
     }
   }
-};
+}
 </script>
diff --git a/sf-ui/src/views/deployment/publish/index.vue b/sf-ui/src/views/deployment/publish/index.vue
index 741090e..144cfd4 100644
--- a/sf-ui/src/views/deployment/publish/index.vue
+++ b/sf-ui/src/views/deployment/publish/index.vue
@@ -1,40 +1,42 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="120px" size="small">
       <el-form-item label="应用name" prop="appName">
         <el-input
-          v-model="queryParams.appName"
-          placeholder="请输入应用name"
-          clearable
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.appName"
+            clearable
+            placeholder="请输入应用name"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="版本号" prop="version">
         <el-input
-          v-model="queryParams.version"
-          placeholder="请输入版本号"
-          clearable
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.version"
+            clearable
+            placeholder="请输入版本号"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="有效期开始时间" prop="validityStartTime">
-        <el-date-picker clearable
-          v-model="queryParams.validityStartTime"
-          type="date"
-          value-format="yyyy-MM-dd"
-          placeholder="请选择有效期开始时间">
+        <el-date-picker v-model="queryParams.validityStartTime"
+                        clearable
+                        placeholder="请选择有效期开始时间"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item label="有效期结束时间" prop="validityEndTime">
-        <el-date-picker clearable
-          v-model="queryParams.validityEndTime"
-          type="date"
-          value-format="yyyy-MM-dd"
-          placeholder="请选择有效期结束时间">
+        <el-date-picker v-model="queryParams.validityEndTime"
+                        clearable
+                        placeholder="请选择有效期结束时间"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
@@ -42,241 +44,264 @@
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['deployment:publish:add']"
-        >新增</el-button>
+            v-hasPermi="['deployment:publish:add']"
+            icon="el-icon-plus"
+            plain
+            size="mini"
+            type="primary"
+            @click="handleAdd"
+        >新增
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['deployment:publish:edit']"
-        >修改</el-button>
+            v-hasPermi="['deployment:publish:edit']"
+            :disabled="single"
+            icon="el-icon-edit"
+            plain
+            size="mini"
+            type="success"
+            @click="handleUpdate"
+        >修改
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['deployment:publish:remove']"
-        >删除</el-button>
+            v-hasPermi="['deployment:publish:remove']"
+            :disabled="multiple"
+            icon="el-icon-delete"
+            plain
+            size="mini"
+            type="danger"
+            @click="handleDelete"
+        >删除
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['deployment:publish:export']"
-        >导出</el-button>
+            v-hasPermi="['deployment:publish:export']"
+            icon="el-icon-download"
+            plain
+            size="mini"
+            type="warning"
+            @click="handleExport"
+        >导出
+        </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="publishList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="主键" align="center" prop="id" />
-      <el-table-column label="应用id" align="center" prop="applyId" />
-      <el-table-column label="应用name" align="center" prop="appName" />
-      <el-table-column label="系统类型" align="center" prop="systemType" />
-      <el-table-column label="安装包编号" align="center" prop="apkId" />
-      <el-table-column label="app store地址" align="center" prop="appStoreAddress" />
-      <el-table-column label="版本号" align="center" prop="version" />
-      <el-table-column label="版本说明" align="center" prop="versionDesc" />
-      <el-table-column label="发布环境" align="center" prop="publishEnvironment">
+      <el-table-column align="center" type="selection" width="55"/>
+      <el-table-column align="center" label="APP" prop="applyId"/>
+      <el-table-column align="center" label="应用name" prop="appName"/>
+      <el-table-column align="center" label="版本号" prop="version"/>
+      <el-table-column align="center" label="系统" prop="systemType"/>
+      <el-table-column align="center" label="公开版" prop="publicVersion" width="180">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.release_environment" :value="scope.row.publishEnvironment"/>
+          <el-switch v-model="scope.row.publicVersion" :active-value="1" :inactive-value="0" class="drawer-switch"
+                     disabled
+          />
         </template>
       </el-table-column>
-      <el-table-column label="发布策略" align="center" prop="publishStrategy">
+      <el-table-column align="center" label="强制更新" prop="forceUpdate" width="180">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.release_strategy" :value="scope.row.publishStrategy"/>
+          <el-switch v-model="scope.row.forceUpdate" :active-value="1" :inactive-value="0" class="drawer-switch"
+                     disabled
+          />
         </template>
       </el-table-column>
-      <el-table-column label="通知" align="center" prop="resultNotify" />
-      <el-table-column label="公开版" align="center" prop="publicVersion">
+      <el-table-column align="center" label="上传时间" prop="updateTime" width="180">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.publicVersion"/>
+          <span>{{ parseTime(scope.row.updateTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="强制更新" align="center" prop="forceUpdate">
+      <el-table-column align="center" label="发布环境" prop="publishEnvironment" width="180">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.forceUpdate"/>
+          <dict-tag :options="environmentList" :value="scope.row.publishEnvironment"/>
         </template>
       </el-table-column>
-      <el-table-column label="下载验证" align="center" prop="downloadVerification" />
-      <el-table-column label="更新对象(-1: 不限制, 白名单id)" align="center" prop="updateObject">
+      <el-table-column align="center" label="安装包编号" prop="apkId"/>
+      <el-table-column align="center" label="版本说明" prop="versionDesc"/>
+      <el-table-column align="center" label="公开时间" prop="createTime" width="180">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.release_user_type" :value="scope.row.updateObject"/>
+          <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="有效期开始时间" align="center" prop="validityStartTime" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.validityStartTime, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="有效期结束时间" align="center" prop="validityEndTime" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.validityEndTime, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column label="0:保存,1:已发布,2:已下架" align="center" prop="status" />
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
         <template slot-scope="scope">
           <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['deployment:publish:edit']"
-          >修改</el-button>
+              v-hasPermi="['deployment:publish:edit']"
+              icon="el-icon-edit"
+              size="mini"
+              type="text"
+              @click="handleUpdate(scope.row)"
+          >修改
+          </el-button>
           <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['deployment:publish:remove']"
-          >删除</el-button>
+              v-hasPermi="['deployment:publish:remove']"
+              icon="el-icon-delete"
+              size="mini"
+              type="text"
+              @click="handleDelete(scope.row)"
+          >删除
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
+        v-show="total>0"
+        :limit.sync="queryParams.pageSize"
+        :page.sync="queryParams.pageNum"
+        :total="total"
+        @pagination="getList"
     />
 
     <!-- 添加或修改发布列表对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" append-to-body width="900px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="应用id" prop="applyId">
-          <el-input v-model="form.applyId" placeholder="请输入应用id" />
+          <el-input v-model="form.applyId" placeholder="请输入应用id"/>
         </el-form-item>
-        <el-form-item label="应用name" prop="appName">
-          <el-input v-model="form.appName" placeholder="请输入应用name" />
+
+        <el-form-item label="选择系统" prop="grayFlag">
+          <div class="tag-group">
+            <el-tag :type="form.systemType=='android'?'':'info'" @click="changeSys('android')">安卓</el-tag>
+            <el-tag :type="form.systemType=='IOS'?'':'info'" @click="changeSys('IOS')">IOS</el-tag>
+            <el-tag :type="form.systemType=='HarmonyOS'?'':'info'" @click="changeSys('HarmonyOS')">鸿蒙</el-tag>
+          </div>
         </el-form-item>
-        <el-form-item label="安装包编号" prop="apkId">
-          <el-input v-model="form.apkId" placeholder="请输入安装包编号" />
+
+        <!--        <el-form-item label="应用name" prop="appName">-->
+        <!--          <el-input v-model="form.appName" placeholder="请输入应用name"/>-->
+        <!--        </el-form-item>-->
+        <el-form-item v-if="form.systemType!='IOS'" label="安装包" prop="apkId">
+          <el-input v-model="form.apkId" class="input-with-select" placeholder="请选择包" readonly>
+            <el-button slot="append" icon="el-icon-search" @click="handlePackOpen"></el-button>
+          </el-input>
+          <!--          <el-input v-model="form.apkId" placeholder="请输入安装包编号"/>-->
         </el-form-item>
-        <el-form-item label="app store地址" prop="appStoreAddress">
-          <el-input v-model="form.appStoreAddress" placeholder="请输入app store地址" />
+        <el-form-item v-if="form.systemType=='IOS'" label="app store地址" prop="appStoreAddress">
+          <el-input v-model="form.appStoreAddress" placeholder="请输入app store地址"/>
         </el-form-item>
         <el-form-item label="版本号" prop="version">
-          <el-input v-model="form.version" placeholder="请输入版本号" />
+          <el-input v-model="form.version" placeholder="请输入版本号"/>
         </el-form-item>
         <el-form-item label="版本说明" prop="versionDesc">
-          <el-input v-model="form.versionDesc" placeholder="请输入版本说明" />
+          <el-input v-model="form.versionDesc" placeholder="请输入版本说明"/>
         </el-form-item>
         <el-form-item label="发布环境" prop="publishEnvironment">
           <el-radio-group v-model="form.publishEnvironment">
             <el-radio
-              v-for="dict in dict.type.release_environment"
-              :key="dict.value"
-              :label="parseInt(dict.value)"
-            >{{dict.label}}</el-radio>
+                v-for="dict in environmentList"
+                :key="dict.value"
+                :label="parseInt(dict.id)"
+            >{{ dict.name }}
+            </el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label="发布策略" prop="publishStrategy">
           <el-radio-group v-model="form.publishStrategy">
             <el-radio
-              v-for="dict in dict.type.release_strategy"
-              :key="dict.value"
-              :label="parseInt(dict.value)"
-            >{{dict.label}}</el-radio>
+                v-for="dict in dict.type.release_strategy"
+                :key="dict.value"
+                :label="parseInt(dict.value)"
+            >{{ dict.label }}
+            </el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="通知" prop="resultNotify">
-          <el-input v-model="form.resultNotify" placeholder="请输入通知" />
+        <el-form-item label="结果通知" prop="resultNotify">
+          <el-switch
+              v-model="form.resultNotify"
+              :active-value="1"
+              :inactive-value="0"
+          />
         </el-form-item>
         <el-form-item label="公开版" prop="publicVersion">
-          <el-radio-group v-model="form.publicVersion">
-            <el-radio
-              v-for="dict in dict.type.sys_yes_no"
-              :key="dict.value"
-              :label="parseInt(dict.value)"
-            >{{dict.label}}</el-radio>
-          </el-radio-group>
+
+          <el-switch
+              v-model="form.publicVersion"
+              :active-value="1"
+              :inactive-value="0"
+          />
         </el-form-item>
         <el-form-item label="强制更新" prop="forceUpdate">
-          <el-radio-group v-model="form.forceUpdate">
-            <el-radio
-              v-for="dict in dict.type.sys_yes_no"
-              :key="dict.value"
-              :label="parseInt(dict.value)"
-            >{{dict.label}}</el-radio>
-          </el-radio-group>
+          <el-switch
+              v-model="form.forceUpdate"
+              :active-value="1"
+              :inactive-value="0"
+          />
         </el-form-item>
         <el-form-item label="下载验证" prop="downloadVerification">
-          <el-input v-model="form.downloadVerification" placeholder="请输入下载验证" />
+          <el-switch
+              v-model="form.downloadVerification"
+              :active-value="1"
+              :inactive-value="0"
+          />
         </el-form-item>
         <el-form-item label="更新对象(-1: 不限制, 白名单id)" prop="updateObject">
           <el-radio-group v-model="form.updateObject">
             <el-radio
-              v-for="dict in dict.type.release_user_type"
-              :key="dict.value"
-              :label="parseInt(dict.value)"
-            >{{dict.label}}</el-radio>
+                v-for="dict in dict.type.release_user_type"
+                :key="dict.value"
+                :label="parseInt(dict.value)"
+            >{{ dict.label }}
+            </el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label="有效期开始时间" prop="validityStartTime">
-          <el-date-picker clearable
-            v-model="form.validityStartTime"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择有效期开始时间">
+          <el-date-picker v-model="form.validityStartTime"
+                          clearable
+                          placeholder="请选择有效期开始时间"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+          >
           </el-date-picker>
         </el-form-item>
         <el-form-item label="有效期结束时间" prop="validityEndTime">
-          <el-date-picker clearable
-            v-model="form.validityEndTime"
-            type="date"
-            value-format="yyyy-MM-dd"
-            placeholder="请选择有效期结束时间">
+          <el-date-picker v-model="form.validityEndTime"
+                          clearable
+                          placeholder="请选择有效期结束时间"
+                          type="date"
+                          value-format="yyyy-MM-dd"
+          >
           </el-date-picker>
         </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" placeholder="请输入备注" />
-        </el-form-item>
-        <el-form-item label="逻辑删除,0:未删除,1:删除" prop="isDelete">
-          <el-input v-model="form.isDelete" placeholder="请输入逻辑删除,0:未删除,1:删除" />
-        </el-form-item>
-        <el-form-item label="创建人" prop="created">
-          <el-input v-model="form.created" placeholder="请输入创建人" />
-        </el-form-item>
-        <el-form-item label="更新人" prop="modified">
-          <el-input v-model="form.modified" placeholder="请输入更新人" />
-        </el-form-item>
+        <!--        <el-form-item label="备注" prop="remark">-->
+        <!--          <el-input v-model="form.remark" placeholder="请输入备注"/>-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="逻辑删除,0:未删除,1:删除" prop="isDelete">-->
+        <!--          <el-input v-model="form.isDelete" placeholder="请输入逻辑删除,0:未删除,1:删除"/>-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="创建人" prop="created">-->
+        <!--          <el-input v-model="form.created" placeholder="请输入创建人"/>-->
+        <!--        </el-form-item>-->
+        <!--        <el-form-item label="更新人" prop="modified">-->
+        <!--          <el-input v-model="form.modified" placeholder="请输入更新人"/>-->
+        <!--        </el-form-item>-->
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <AddPack :visible.sync="packOpen" @addPack="addPack" @close="closeAddPack"></AddPack>
   </div>
 </template>
 
 <script>
-import { listPublish, getPublish, delPublish, addPublish, updatePublish } from "@/api/deployment/publish";
+import { addPublish, delPublish, getPublish, listPublish, updatePublish } from '@/api/deployment/publish'
+import Cookies from 'js-cookie'
+import AddPack from '@/views/FDS/publishList/components/addPack.vue'
+import { listEnvironment } from '@/api/deployment/environment'
 
 export default {
-  name: "Publish",
+  name: 'Publish',
   dicts: ['release_environment', 'sys_yes_no', 'release_strategy', 'release_user_type'],
+  components: {
+    AddPack
+  },
   data() {
     return {
       // 遮罩层
@@ -294,9 +319,11 @@ export default {
       // 发布列表表格数据
       publishList: [],
       // 弹出层标题
-      title: "",
+      title: '',
       // 是否显示弹出层
       open: false,
+      packOpen: false,
+      environmentList: [],
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -304,74 +331,78 @@ export default {
         appName: null,
         version: null,
         validityStartTime: null,
-        validityEndTime: null,
+        validityEndTime: null
+      },
+      queryParamsEnvironment: {
+        pageNum: 1,
+        pageSize: 999
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {
         appName: [
-          { required: true, message: "应用name不能为空", trigger: "blur" }
+          { required: true, message: '应用name不能为空', trigger: 'blur' }
         ],
         systemType: [
-          { required: true, message: "系统类型不能为空", trigger: "change" }
+          { required: true, message: '系统类型不能为空', trigger: 'change' }
         ],
         apkId: [
-          { required: true, message: "安装包编号不能为空", trigger: "blur" }
+          { required: true, message: '安装包编号不能为空', trigger: 'blur' }
         ],
         version: [
-          { required: true, message: "版本号不能为空", trigger: "blur" }
+          { required: true, message: '版本号不能为空', trigger: 'blur' }
         ],
         publishEnvironment: [
-          { required: true, message: "发布环境不能为空", trigger: "change" }
+          { required: true, message: '发布环境不能为空', trigger: 'change' }
         ],
         publishStrategy: [
-          { required: true, message: "发布策略不能为空", trigger: "change" }
+          { required: true, message: '发布策略不能为空', trigger: 'change' }
         ],
         publicVersion: [
-          { required: true, message: "公开版不能为空", trigger: "change" }
+          { required: true, message: '公开版不能为空', trigger: 'change' }
         ],
         forceUpdate: [
-          { required: true, message: "强制更新不能为空", trigger: "change" }
+          { required: true, message: '强制更新不能为空', trigger: 'change' }
         ],
         updateObject: [
-          { required: true, message: "更新对象(-1: 不限制, 白名单id)不能为空", trigger: "change" }
+          { required: true, message: '更新对象(-1: 不限制, 白名单id)不能为空', trigger: 'change' }
         ],
         status: [
-          { required: true, message: "0:保存,1:已发布,2:已下架不能为空", trigger: "change" }
+          { required: true, message: '0:保存,1:已发布,2:已下架不能为空', trigger: 'change' }
         ],
         isDelete: [
-          { required: true, message: "逻辑删除,0:未删除,1:删除不能为空", trigger: "blur" }
+          { required: true, message: '逻辑删除,0:未删除,1:删除不能为空', trigger: 'blur' }
         ],
         createTime: [
-          { required: true, message: "创建时间不能为空", trigger: "blur" }
-        ],
+          { required: true, message: '创建时间不能为空', trigger: 'blur' }
+        ]
       }
-    };
+    }
   },
   created() {
-    this.getList();
+    this.getList()
   },
   methods: {
     /** 查询发布列表列表 */
     getList() {
-      this.loading = true;
+      this.loading = true
       listPublish(this.queryParams).then(response => {
-        this.publishList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
+        this.publishList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
     },
     // 取消按钮
     cancel() {
-      this.open = false;
-      this.reset();
+      this.open = false
+      this.reset()
     },
     // 表单重置
     reset() {
       this.form = {
         id: null,
-        applyId: null,
+        applyId: Cookies.get('Admin-Application-Id'),
         appName: null,
         systemType: null,
         apkId: null,
@@ -394,79 +425,125 @@ export default {
         modified: null,
         createTime: null,
         updateTime: null
-      };
-      this.resetForm("form");
+      }
+      this.resetForm('form')
     },
     /** 搜索按钮操作 */
     handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
+      this.queryParams.pageNum = 1
+      this.getList()
     },
     /** 重置按钮操作 */
     resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
+      this.resetForm('queryForm')
+      this.handleQuery()
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
     handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加发布列表";
+      this.reset()
+      this.open = true
+      this.title = '添加发布列表'
+      this.getEnvironmentList()
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
-      this.reset();
+      this.reset()
+      this.getEnvironmentList()
       const id = row.id || this.ids
       getPublish(id).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改发布列表";
-      });
+        this.form = response.data
+        this.open = true
+        this.title = '修改发布列表'
+      })
     },
     /** 提交按钮 */
     submitForm() {
-      this.$refs["form"].validate(valid => {
+      this.$refs['form'].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
-          	let data = Object.assign({},this.form)
-          	delete data.explain
+            let data = Object.assign({}, this.form)
+            delete data.explain
             updatePublish(data).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
+              this.$modal.msgSuccess('修改成功')
+              this.open = false
+              this.getList()
+            })
           } else {
             addPublish(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
+              this.$modal.msgSuccess('新增成功')
+              this.open = false
+              this.getList()
+            })
           }
         }
-      });
+      })
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      const ids = row.id || this.ids;
+      const ids = row.id || this.ids
       this.$modal.confirm('是否确认删除发布列表编号为"' + ids + '"的数据项？').then(function() {
-        return delPublish(ids);
+        return delPublish(ids)
       }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+        this.getList()
+        this.$modal.msgSuccess('删除成功')
+      }).catch(() => {
+      })
     },
     /** 导出按钮操作 */
     handleExport() {
       this.download('deployment/publish/export', {
         ...this.queryParams
       }, `publish_${new Date().getTime()}.xlsx`)
+    },
+    /** 弹出包选择框*/
+    handlePackOpen() {
+      this.packOpen = true
+    },
+
+    addPack(e) {
+      this.form.apkId = e.apkId
+      this.form.version = e.version
+      this.form.systemType = e.sysType
+      this.packOpen = false
+    },
+
+    /** 关闭包选择框*/
+
+    closeAddPack() {
+      this.packOpen = false
+    },
+
+    /** 查询环境维护列表 */
+    getEnvironmentList() {
+      this.loading = true
+      listEnvironment(this.queryParamsEnvironment).then(response => {
+        this.environmentList = response.rows
+      })
+    },
+
+    //   选择系统做一些逻辑判断
+    changeSys(sysType) {
+      this.form.systemType = sysType
     }
+
   }
-};
+}
 </script>
+<style lang="scss" scoped>
+.tag-group {
+  .el-tag {
+    cursor: pointer;
+
+  }
+}
+
+.el-tag + .el-tag {
+  margin-left: 10px
+}
+</style>

From d6d992ca44a021c3d44dcb6856b74b83f11fc508 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=B4=8B=E5=B7=9D?= <604737071@qq.com>
Date: Tue, 23 Apr 2024 16:38:09 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E5=AF=B9=E6=8E=A5=E5=8F=91=E5=B8=83?=
 =?UTF-8?q?=E7=9A=84=E6=8E=A5=E5=8F=A3=EF=BC=8C=E4=BF=AE=E6=94=B9=E5=AE=89?=
 =?UTF-8?q?=E8=A3=85=E5=8C=85=E7=9A=84=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sf-ui/src/store/modules/user.js               |  35 ++-
 sf-ui/src/utils/application.js                |  41 ++-
 sf-ui/src/views/FDS/installationList/add.vue  |  22 +-
 .../src/views/FDS/installationList/detail.vue |   8 +-
 sf-ui/src/views/FDS/installationList/edit.vue |  22 +-
 .../src/views/FDS/installationList/index.vue  |  68 ++---
 .../FDS/publishList/components/addPack.vue    |  24 +-
 sf-ui/src/views/deployment/module/index.vue   | 153 ++++++------
 .../deployment/publish/component/detail.vue   | 235 ++++++++++++++++++
 sf-ui/src/views/deployment/publish/index.vue  | 112 +++++++--
 10 files changed, 526 insertions(+), 194 deletions(-)
 create mode 100644 sf-ui/src/views/deployment/publish/component/detail.vue

diff --git a/sf-ui/src/store/modules/user.js b/sf-ui/src/store/modules/user.js
index a53c413..70fa8da 100644
--- a/sf-ui/src/store/modules/user.js
+++ b/sf-ui/src/store/modules/user.js
@@ -1,6 +1,12 @@
-import { login, logout, getInfo } from '@/api/login'
-import { getToken, setToken, removeToken } from '@/utils/auth'
-import { getApplicationId, setApplicationId, removeApplicationId } from '@/utils/application'
+import { getInfo, login, logout } from '@/api/login'
+import { getToken, removeToken, setToken } from '@/utils/auth'
+import {
+  getApplicationId,
+  removeApplicationId,
+  removeApplicationName,
+  setApplicationId,
+  setApplicationName
+} from '@/utils/application'
 
 const user = {
   state: {
@@ -10,7 +16,7 @@ const user = {
     roles: [],
     permissions: [],
     applicationId: getApplicationId(),
-    applicationInfo: {}, // 用户选中的项目/应用
+    applicationInfo: {} // 用户选中的项目/应用
   },
 
   mutations: {
@@ -30,10 +36,10 @@ const user = {
       state.permissions = permissions
     },
     SET_APPLICATION: (state, applicationInfo) => {
-      const { id } = applicationInfo;
-      state.applicationId = id || '';
-      state.applicationInfo = applicationInfo;
-    },
+      const { id } = applicationInfo
+      state.applicationId = id || ''
+      state.applicationInfo = applicationInfo
+    }
   },
 
   actions: {
@@ -59,7 +65,7 @@ const user = {
       return new Promise((resolve, reject) => {
         getInfo().then(res => {
           const user = res.user
-          const avatar = (user.avatar == "" || user.avatar == null) ? require("@/assets/images/profile.jpg") : process.env.VUE_APP_BASE_API + user.avatar;
+          const avatar = (user.avatar == '' || user.avatar == null) ? require('@/assets/images/profile.jpg') : process.env.VUE_APP_BASE_API + user.avatar
           if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组
             commit('SET_ROLES', res.roles)
             commit('SET_PERMISSIONS', res.permissions)
@@ -106,11 +112,16 @@ const user = {
     // 设置选中的项目应用信息
     SetApplication({ commit }, applicationInfo) {
       commit('SET_APPLICATION', applicationInfo)
-      const { id } = applicationInfo || {};
+      const { id, appName } = applicationInfo || {}
       if (id) {
-        setApplicationId(applicationInfo.id);
+        setApplicationId(applicationInfo.id)
       } else {
-        removeApplicationId();
+        removeApplicationId()
+      }
+      if (appName) {
+        setApplicationName(applicationInfo.appName)
+      } else {
+        removeApplicationName()
       }
     }
   }
diff --git a/sf-ui/src/utils/application.js b/sf-ui/src/utils/application.js
index 250e16d..bb027b2 100644
--- a/sf-ui/src/utils/application.js
+++ b/sf-ui/src/utils/application.js
@@ -1,6 +1,7 @@
-import Cookies from "js-cookie";
+import Cookies from 'js-cookie'
 
-const ApplicationKey = "Admin-Application-Id";
+const ApplicationKey = 'Admin-Application-Id'
+const ApplicationKeywords = 'Admin-Application-Name'
 
 /**
  * 获取应用项目ID
@@ -8,7 +9,16 @@ const ApplicationKey = "Admin-Application-Id";
  * @returns {string} 返回从Cookie中获取的应用项目ID。
  */
 export function getApplicationId() {
-  return Cookies.get(ApplicationKey);
+  return Cookies.get(ApplicationKey)
+}
+
+/**
+ * 获取应用项目ID
+ * 该函数从Cookie中检索与应用项目相关的关键信息。
+ * @returns {string} 返回从Cookie中获取的应用项目ID。
+ */
+export function getApplicationName() {
+  return Cookies.get(ApplicationKeywords)
 }
 
 /**
@@ -17,7 +27,16 @@ export function getApplicationId() {
  * @return {boolean|Object} 返回Cookie设置的结果。成功则返回true，失败则返回设置失败的对象。
  */
 export function setApplicationId(ApplicationId) {
-  return Cookies.set(ApplicationKey, ApplicationId);
+  return Cookies.set(ApplicationKey, ApplicationId)
+}
+
+/**
+ * 设置应用项目名称到Cookie中
+ * @param {string} ApplicationId - 需要设置的应用项目名称。
+ * @return {boolean|Object} 返回Cookie设置的结果。成功则返回true，失败则返回设置失败的对象。
+ */
+export function setApplicationName(ApplicationName) {
+  return Cookies.set(ApplicationKeywords, ApplicationName)
 }
 
 /**
@@ -26,5 +45,15 @@ export function setApplicationId(ApplicationId) {
  * @returns {boolean} 返回删除操作的结果。如果删除成功，则返回true；如果删除失败，则返回false。
  */
 export function removeApplicationId() {
-  return Cookies.remove(ApplicationKey);
-}
\ No newline at end of file
+  return Cookies.remove(ApplicationKey)
+}
+
+/**
+ * 移除应用Name的Cookie
+ * 本函数用于删除与应用相关的Name Cookie。
+ * @returns {boolean} 返回删除操作的结果。如果删除成功，则返回true；如果删除失败，则返回false。
+ */
+export function removeApplicationName() {
+  return Cookies.remove(ApplicationKeywords)
+}
+
diff --git a/sf-ui/src/views/FDS/installationList/add.vue b/sf-ui/src/views/FDS/installationList/add.vue
index df18c95..3f20339 100644
--- a/sf-ui/src/views/FDS/installationList/add.vue
+++ b/sf-ui/src/views/FDS/installationList/add.vue
@@ -8,15 +8,15 @@
       <el-main>
         <div class="form-main">
           <el-form ref="elForm" :model="formData" :rules="rules" label-width="100px" size="medium">
-            <el-form-item label="上传方式" prop="uploadingType">
-              <el-radio-group v-model="formData.uploadingType" size="medium">
-                <el-radio v-for="(item, index) in dict.type.sys_apk_uploading_type" :key="index"
-                          :disabled="item.disabled"
-                          :label="item.value"
-                >{{ item.label }}
-                </el-radio>
-              </el-radio-group>
-            </el-form-item>
+            <!--            <el-form-item label="上传方式" prop="uploadingType">-->
+            <!--              <el-radio-group v-model="formData.uploadingType" size="medium">-->
+            <!--                <el-radio v-for="(item, index) in dict.type.sys_apk_uploading_type" :key="index"-->
+            <!--                          :disabled="item.disabled"-->
+            <!--                          :label="item.value"-->
+            <!--                >{{ item.label }}-->
+            <!--                </el-radio>-->
+            <!--              </el-radio-group>-->
+            <!--            </el-form-item>-->
             <el-form-item v-if="activeTabs==='1'" label="安装包名称" prop="sysApkName">
               <el-input v-model="formData.sysApkName" :style="{width: '100%'}" clearable placeholder="请输入安装包名称">
               </el-input>
@@ -26,7 +26,7 @@
               </el-input>
             </el-form-item>
             <el-form-item label="安装包文件" prop="sysApk">
-              <file-upload v-model="formData.sysApk" :fileType="['apk','hap','ipa']" :limit="1"
+              <file-upload v-model="formData.sysApk" :fileSize="50" :fileType="['apk','hap','iap','zip']" :limit="1"
                            @getSize="getSize"
               />
 
@@ -64,7 +64,7 @@ export default {
   data() {
     return {
       formData: {
-        uploadingType: 'OffLineUploading',
+        uploadingType: 'OnLineUploading',
         sysApkName: undefined,
         version: undefined,
         sysApk: null,
diff --git a/sf-ui/src/views/FDS/installationList/detail.vue b/sf-ui/src/views/FDS/installationList/detail.vue
index 2213aa4..8e93a32 100644
--- a/sf-ui/src/views/FDS/installationList/detail.vue
+++ b/sf-ui/src/views/FDS/installationList/detail.vue
@@ -27,11 +27,11 @@
                 </el-form-item>
                 <el-form-item v-if="activeTabs!='1'" label="适用模块：">登录模块</el-form-item>
                 <el-form-item label="上传时间：">{{ form.createTime }}</el-form-item>
-                <el-form-item label="上传状态：">
-                  <dict-tag :options="dict.type.uploading_status" :value="form.uploadingStatus"/>
-                </el-form-item>
+                <!--                <el-form-item label="上传状态：">-->
+                <!--                  <dict-tag :options="dict.type.uploading_status" :value="form.uploadingStatus"/>-->
+                <!--                </el-form-item>-->
                 <el-form-item label="上传人员：">{{ form.created }}</el-form-item>
-                <el-form-item label="上传日志：">日志日志</el-form-item>
+                <!--                <el-form-item label="上传日志："></el-form-item>-->
                 <el-form-item size="large">
                   <el-button @click="cancel">关 闭</el-button>
                 </el-form-item>
diff --git a/sf-ui/src/views/FDS/installationList/edit.vue b/sf-ui/src/views/FDS/installationList/edit.vue
index 42fb55c..a3cdea0 100644
--- a/sf-ui/src/views/FDS/installationList/edit.vue
+++ b/sf-ui/src/views/FDS/installationList/edit.vue
@@ -8,15 +8,15 @@
       <el-main>
         <div class="form-main">
           <el-form ref="elForm" :model="formData" :rules="rules" label-width="100px" size="medium">
-            <el-form-item label="上传方式" prop="uploadingType">
-              <el-radio-group v-model="formData.uploadingType" size="medium">
-                <el-radio v-for="(item, index) in dict.type.sys_apk_uploading_type" :key="index"
-                          :disabled="item.disabled"
-                          :label="item.value"
-                >{{ item.label }}
-                </el-radio>
-              </el-radio-group>
-            </el-form-item>
+            <!--            <el-form-item label="上传方式" prop="uploadingType">-->
+            <!--              <el-radio-group v-model="formData.uploadingType" size="medium">-->
+            <!--                <el-radio v-for="(item, index) in dict.type.sys_apk_uploading_type" :key="index"-->
+            <!--                          :disabled="item.disabled"-->
+            <!--                          :label="item.value"-->
+            <!--                >{{ item.label }}-->
+            <!--                </el-radio>-->
+            <!--              </el-radio-group>-->
+            <!--            </el-form-item>-->
             <el-form-item v-if="activeTabs==='1'" label="安装包名称" prop="sysApkName">
               <el-input v-model="formData.sysApkName" :style="{width: '100%'}" clearable placeholder="请输入安装包名称">
               </el-input>
@@ -27,8 +27,8 @@
             </el-form-item>
             <el-form-item label="安装包文件" prop="sysApk">
 
-              <file-upload v-model="formData.sysApk" :fileType="['apk','txt']" :limit="1"
-                           :uploadFileUrl="item.uploadingType==='OffLineUploading'?'/system/oss/zip/upload':'/system/oss/upload'"
+              <file-upload v-model="formData.sysApk" :fileSize="50" :fileType="['apk','hap','iap','zip']" :limit="1"
+                           :uploadFileUrl="formData.uploadingType==='OffLineUploading'?'/system/oss/zip/upload':'/system/oss/upload'"
                            @getSize="getSize"
               />
 
diff --git a/sf-ui/src/views/FDS/installationList/index.vue b/sf-ui/src/views/FDS/installationList/index.vue
index 1ac9418..2eed7b7 100644
--- a/sf-ui/src/views/FDS/installationList/index.vue
+++ b/sf-ui/src/views/FDS/installationList/index.vue
@@ -1,25 +1,25 @@
 <template>
   <div class="app-container">
-    <el-tabs v-model="activeTabs" type="card" @tab-click="handleClickTabs">
-      <el-tab-pane
-          v-for="item in packTabs"
-          :key="item.name"
-          :label="item.title"
-          :name="item.name"
-      >
-      </el-tab-pane>
-    </el-tabs>
+    <!--    <el-tabs v-model="activeTabs" type="card" @tab-click="handleClickTabs">-->
+    <!--      <el-tab-pane-->
+    <!--          v-for="item in packTabs"-->
+    <!--          :key="item.name"-->
+    <!--          :label="item.title"-->
+    <!--          :name="item.name"-->
+    <!--      >-->
+    <!--      </el-tab-pane>-->
+    <!--    </el-tabs>-->
     <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="90px" size="small">
-      <el-form-item label="上传类型" prop="uploadingType">
-        <el-select v-model="queryParams.uploadingType" clearable placeholder="请选择上传类型">
-          <el-option
-              v-for="dict in dict.type.sys_apk_uploading_type"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
+      <!--      <el-form-item label="上传类型" prop="uploadingType">-->
+      <!--        <el-select v-model="queryParams.uploadingType" clearable placeholder="请选择上传类型">-->
+      <!--          <el-option-->
+      <!--              v-for="dict in dict.type.sys_apk_uploading_type"-->
+      <!--              :key="dict.value"-->
+      <!--              :label="dict.label"-->
+      <!--              :value="dict.value"-->
+      <!--          />-->
+      <!--        </el-select>-->
+      <!--      </el-form-item>-->
       <el-form-item label="安装包名称" prop="sysApkName">
         <el-input
             v-model="queryParams.sysApkName"
@@ -46,16 +46,16 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="上传状态" prop="uploadingStatus">
-        <el-select v-model="queryParams.uploadingStatus" clearable placeholder="请选择上传状态">
-          <el-option
-              v-for="dict in dict.type.uploading_status"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-          />
-        </el-select>
-      </el-form-item>
+      <!--      <el-form-item label="上传状态" prop="uploadingStatus">-->
+      <!--        <el-select v-model="queryParams.uploadingStatus" clearable placeholder="请选择上传状态">-->
+      <!--          <el-option-->
+      <!--              v-for="dict in dict.type.uploading_status"-->
+      <!--              :key="dict.value"-->
+      <!--              :label="dict.label"-->
+      <!--              :value="dict.value"-->
+      <!--          />-->
+      <!--        </el-select>-->
+      <!--      </el-form-item>-->
       <el-form-item label="创建人" prop="created">
         <el-input
             v-model="queryParams.created"
@@ -99,11 +99,11 @@
     <el-table v-loading="loading" :data="INFOList" @selection-change="handleSelectionChange">
       <el-table-column align="center" type="selection" width="55"/>
       <template v-if="activeTabs=='1'">
-        <el-table-column align="center" label="上传类型" prop="uploadingType">
-          <template slot-scope="scope">
-            <dict-tag :options="dict.type.sys_apk_uploading_type" :value="scope.row.uploadingType"/>
-          </template>
-        </el-table-column>
+        <!--        <el-table-column align="center" label="上传类型" prop="uploadingType">-->
+        <!--          <template slot-scope="scope">-->
+        <!--            <dict-tag :options="dict.type.sys_apk_uploading_type" :value="scope.row.uploadingType"/>-->
+        <!--          </template>-->
+        <!--        </el-table-column>-->
         <el-table-column align="center" label="安装包名称" prop="sysApkName"/>
         <el-table-column align="center" label="版本号" prop="version"/>
         <el-table-column align="center" label="安装包" prop="sysApk"/>
diff --git a/sf-ui/src/views/FDS/publishList/components/addPack.vue b/sf-ui/src/views/FDS/publishList/components/addPack.vue
index 28e56d4..4abdcfa 100644
--- a/sf-ui/src/views/FDS/publishList/components/addPack.vue
+++ b/sf-ui/src/views/FDS/publishList/components/addPack.vue
@@ -9,11 +9,11 @@
     >
       <el-form-item label="安装包名称" prop="installpackName">
         <el-input
-          v-model="queryParams.installpackName"
-          clearable
-          placeholder="请输入安装包名称"
-          style="width: 240px"
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.sysApkName"
+            clearable
+            placeholder="请输入安装包名称"
+            style="width: 240px"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item>
@@ -39,14 +39,11 @@
         </template>
       </el-table-column>
     </el-table>
-    <!--    <div slot="footer" class="dialog-footer">-->
-    <!--      <el-button type="primary" @click="submitAddForm()">确 定</el-button>-->
-    <!--    </div>-->
   </el-dialog>
 </template>
 <script>
 
-import { listModule } from '@/api/deployment/module'
+import { listINFO } from '@/api/FDS/installList'
 
 export default {
   name: 'AddPack',
@@ -66,10 +63,9 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
-        installpackName: undefined
+        sysApkName: null
       }
     }
-
   },
   created() {
     this.getList()
@@ -79,7 +75,7 @@ export default {
     /** 查询参数列表 */
     getList() {
       this.loading = true
-      listModule(this.queryParams).then(response => {
+      listINFO(this.queryParams).then(response => {
         this.moduleList = response.rows
         this.total = response.total
         this.loading = false
@@ -97,10 +93,6 @@ export default {
       this.resetForm('queryForm')
       this.handleQuery()
     },
-    // 确定安装包
-    submitAddForm() {
-
-    },
 
     /** 新增当前包的按钮 */
     addPack(id, version, sysType) {
diff --git a/sf-ui/src/views/deployment/module/index.vue b/sf-ui/src/views/deployment/module/index.vue
index 7a7b7e2..fdb30e0 100644
--- a/sf-ui/src/views/deployment/module/index.vue
+++ b/sf-ui/src/views/deployment/module/index.vue
@@ -1,20 +1,20 @@
 <template>
   <div class="app-container">
-    <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="68px" size="small">
+    <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="120px" size="small">
       <el-form-item label="模块包名称名称" prop="moduleName">
         <el-input
-          v-model="queryParams.moduleName"
-          clearable
-          placeholder="请输入模块包名称名称"
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.moduleName"
+            clearable
+            placeholder="请输入模块包名称名称"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="版本号" prop="version">
         <el-input
-          v-model="queryParams.version"
-          clearable
-          placeholder="请输入版本号"
-          @keyup.enter.native="handleQuery"
+            v-model="queryParams.version"
+            clearable
+            placeholder="请输入版本号"
+            @keyup.enter.native="handleQuery"
         />
       </el-form-item>
       <el-form-item label="创建时间" prop="createTime">
@@ -35,47 +35,47 @@
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
-          v-hasPermi="['deployment:module:add']"
-          icon="el-icon-plus"
-          plain
-          size="mini"
-          type="primary"
-          @click="handleAdd"
+            v-hasPermi="['deployment:module:add']"
+            icon="el-icon-plus"
+            plain
+            size="mini"
+            type="primary"
+            @click="handleAdd"
         >新增
         </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          v-hasPermi="['deployment:module:edit']"
-          :disabled="single"
-          icon="el-icon-edit"
-          plain
-          size="mini"
-          type="success"
-          @click="handleUpdate"
+            v-hasPermi="['deployment:module:edit']"
+            :disabled="single"
+            icon="el-icon-edit"
+            plain
+            size="mini"
+            type="success"
+            @click="handleUpdate"
         >修改
         </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          v-hasPermi="['deployment:module:remove']"
-          :disabled="multiple"
-          icon="el-icon-delete"
-          plain
-          size="mini"
-          type="danger"
-          @click="handleDelete"
+            v-hasPermi="['deployment:module:remove']"
+            :disabled="multiple"
+            icon="el-icon-delete"
+            plain
+            size="mini"
+            type="danger"
+            @click="handleDelete"
         >删除
         </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
-          v-hasPermi="['deployment:module:export']"
-          icon="el-icon-download"
-          plain
-          size="mini"
-          type="warning"
-          @click="handleExport"
+            v-hasPermi="['deployment:module:export']"
+            icon="el-icon-download"
+            plain
+            size="mini"
+            type="warning"
+            @click="handleExport"
         >导出
         </el-button>
       </el-col>
@@ -84,10 +84,9 @@
 
     <el-table v-loading="loading" :data="moduleList" @selection-change="handleSelectionChange">
       <el-table-column align="center" type="selection" width="55"/>
-      <el-table-column align="center" label="主键" prop="id"/>
-      <el-table-column align="center" label="模块包名称名称" prop="moduleName"/>
+      <!--      <el-table-column align="center" label="主键" prop="id"/>-->
+      <el-table-column align="center" label="模块包名称" prop="moduleName"/>
       <el-table-column align="center" label="版本号" prop="version"/>
-
       <el-table-column align="center" label="安装包" prop="moduleUrl"/>
       <el-table-column align="center" label="安装包大小" prop="moduleSize"/>
       <el-table-column align="center" label="系统类型" prop="sysType">
@@ -100,40 +99,40 @@
           <dict-tag :options="dict.type.module_type" :value="scope.row.moduleType"/>
         </template>
       </el-table-column>
-      <el-table-column align="center" label="上传状态" prop="uploadingStatus"/>
+      <!--      <el-table-column align="center" label="上传状态" prop="uploadingStatus"/>-->
       <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
         <template slot-scope="scope">
           <el-button
-            icon="el-icon-download"
-            size="mini"
-            type="text"
-            @click="handleDownLoad(scope.row)"
+              icon="el-icon-download"
+              size="mini"
+              type="text"
+              @click="handleDownLoad(scope.row)"
           >下载安装包
           </el-button>
 
           <el-button
-            v-hasPermi="['deployment:module:edit']"
-            icon="el-icon-edit"
-            size="mini"
-            type="text"
-            @click="handleUpdate(scope.row)"
+              v-hasPermi="['deployment:module:edit']"
+              icon="el-icon-edit"
+              size="mini"
+              type="text"
+              @click="handleUpdate(scope.row)"
           >修改
           </el-button>
 
           <el-button
-            icon="el-icon-detail"
-            size="mini"
-            type="text"
-            @click="handleDetail(scope.row)"
+              icon="el-icon-detail"
+              size="mini"
+              type="text"
+              @click="handleDetail(scope.row)"
           >详情
           </el-button>
 
           <el-button
-            v-hasPermi="['deployment:module:remove']"
-            icon="el-icon-delete"
-            size="mini"
-            type="text"
-            @click="handleDelete(scope.row)"
+              v-hasPermi="['deployment:module:remove']"
+              icon="el-icon-delete"
+              size="mini"
+              type="text"
+              @click="handleDelete(scope.row)"
           >删除
           </el-button>
         </template>
@@ -141,11 +140,11 @@
     </el-table>
 
     <pagination
-      v-show="total>0"
-      :limit.sync="queryParams.pageSize"
-      :page.sync="queryParams.pageNum"
-      :total="total"
-      @pagination="getList"
+        v-show="total>0"
+        :limit.sync="queryParams.pageSize"
+        :page.sync="queryParams.pageNum"
+        :total="total"
+        @pagination="getList"
     />
 
     <!-- 添加或修改H5模块包对话框 -->
@@ -159,32 +158,32 @@
         </el-form-item>
         <el-form-item label="安装包" prop="moduleUrl">
 
-          <file-upload v-model="form.moduleUrl" :fileSize="20" :fileType="['apk','hap','iap']"
+          <file-upload v-model="form.moduleUrl" :fileSize="20" :fileType="['apk','hap','iap','zip']"
                        :limit="1"
                        uploadFileUrl="/system/oss/upload"
                        @getSize="getSize"
           />
         </el-form-item>
         <el-form-item label="安装包大小" prop="moduleSize">
-          <el-input v-model="form.moduleSize" placeholder="请输入安装包大小"/>
+          <el-input v-model="form.moduleSize" placeholder="请输入安装包大小" readonly/>
         </el-form-item>
         <el-form-item label="系统类型" prop="sysType">
           <el-select v-model="form.sysType" placeholder="请选择系统类型">
             <el-option
-              v-for="dict in dict.type.sys_apk_type"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
+                v-for="dict in dict.type.sys_apk_type"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
             ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="模块类型" prop="moduleType">
           <el-select v-model="form.moduleType" placeholder="请选择模块类型">
             <el-option
-              v-for="dict in dict.type.module_type"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
+                v-for="dict in dict.type.module_type"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
             ></el-option>
           </el-select>
         </el-form-item>
@@ -247,11 +246,11 @@
           <el-input v-model="form.moduleUrl"/>
         </el-form-item>
         <el-form-item label="上传时间：">{{ form.createTime }}</el-form-item>
-        <el-form-item label="上传状态：">
-          <dict-tag :options="dict.type.uploading_status" :value="form.uploadingStatus"/>
-        </el-form-item>
+        <!--        <el-form-item label="上传状态：">-->
+        <!--          <dict-tag :options="dict.type.uploading_status" :value="form.uploadingStatus"/>-->
+        <!--        </el-form-item>-->
         <el-form-item label="上传人员：">{{ form.created }}</el-form-item>
-        <el-form-item label="上传日志："></el-form-item>
+        <!--        <el-form-item label="上传日志："></el-form-item>-->
 
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -454,6 +453,8 @@ export default {
     },
 
     getSize(e) {
+      console.log(e)
+      console.log(this.form)
       this.form.moduleSize = e[0].size + 'kb'
     },
 
diff --git a/sf-ui/src/views/deployment/publish/component/detail.vue b/sf-ui/src/views/deployment/publish/component/detail.vue
new file mode 100644
index 0000000..645ef6b
--- /dev/null
+++ b/sf-ui/src/views/deployment/publish/component/detail.vue
@@ -0,0 +1,235 @@
+<template>
+  <el-dialog :modal-append-to-body="false" :title="title" v-bind="$attrs" width="700px"
+             @close="onClose"
+             @open="onOpen"
+             v-on="$listeners"
+  >
+    <el-form ref="form" :model="form" label-width="120px">
+      <el-form-item label="应用id">
+        <el-input v-model="form.applyId" placeholder="请输入应用id" readonly/>
+      </el-form-item>
+      <el-form-item label="应用name">
+        <el-input v-model="form.appName" placeholder="请输入应用名称" readonly/>
+      </el-form-item>
+      <el-form-item label="选择系统" prop="grayFlag">
+        <div class="tag-group">
+          <el-tag :type="form.systemType=='android'?'':'info'" @click="changeSys('android')">安卓</el-tag>
+          <el-tag :type="form.systemType=='IOS'?'':'info'" @click="changeSys('IOS')">IOS</el-tag>
+          <el-tag :type="form.systemType=='HarmonyOS'?'':'info'" @click="changeSys('HarmonyOS')">鸿蒙</el-tag>
+        </div>
+      </el-form-item>
+      <el-form-item v-if="form.systemType!='IOS'" label="安装包" prop="apkId">
+        <el-input v-model="form.apkId" class="input-with-select" placeholder="请选择包" readonly>
+          <!--          <el-button slot="append" icon="el-icon-search" @click="handlePackOpen"></el-button>-->
+        </el-input>
+        <!--          <el-input v-model="form.apkId" placeholder="请输入安装包编号"/>-->
+      </el-form-item>
+      <el-form-item v-if="form.systemType=='IOS'" label="app store地址" prop="appStoreAddress">
+        <el-input v-model="form.appStoreAddress" placeholder="请输入app store地址"/>
+      </el-form-item>
+      <el-form-item label="版本号" prop="version">
+        <el-input v-model="form.version" placeholder="请输入版本号"/>
+      </el-form-item>
+      <el-form-item label="版本说明" prop="versionDesc">
+        <el-input v-model="form.versionDesc" placeholder="请输入版本说明"/>
+      </el-form-item>
+      <el-form-item label="发布环境" prop="publishEnvironment">
+        <el-radio-group v-model="form.publishEnvironment">
+          <el-radio
+              v-for="dict in environmentList"
+              :key="dict.value"
+              :label="parseInt(dict.id)"
+          >{{ dict.name }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="发布策略" prop="publishStrategy">
+        <el-radio-group v-model="form.publishStrategy">
+          <el-radio
+              v-for="dict in dict.type.release_strategy"
+              :key="dict.value"
+              :label="parseInt(dict.value)"
+          >{{ dict.label }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="结果通知" prop="resultNotify">
+        <el-switch
+            v-model="form.resultNotify"
+            :active-value="1"
+            :inactive-value="0"
+        />
+      </el-form-item>
+      <el-form-item label="公开版" prop="publicVersion">
+
+        <el-switch
+            v-model="form.publicVersion"
+            :active-value="1"
+            :inactive-value="0"
+        />
+      </el-form-item>
+      <el-form-item label="强制更新" prop="forceUpdate">
+        <el-switch
+            v-model="form.forceUpdate"
+            :active-value="1"
+            :inactive-value="0"
+        />
+      </el-form-item>
+      <el-form-item label="下载验证" prop="downloadVerification">
+        <el-switch
+            v-model="form.downloadVerification"
+            :active-value="1"
+            :inactive-value="0"
+        />
+      </el-form-item>
+      <!--        <el-form-item label="更新对象(-1: 不限制, 白名单id)" prop="updateObject">-->
+      <el-form-item label="更新对象" prop="updateObject">
+        <el-radio-group v-model="form.updateObject">
+          <el-radio
+              v-for="dict in dict.type.release_user_type"
+              :key="dict.value"
+              :label="parseInt(dict.value)"
+          >{{ dict.label }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="有效期开始时间" prop="validityStartTime">
+        <el-date-picker v-model="form.validityStartTime"
+                        clearable
+                        placeholder="请选择有效期开始时间"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item label="有效期结束时间" prop="validityEndTime">
+        <el-date-picker v-model="form.validityEndTime"
+                        clearable
+                        placeholder="请选择有效期结束时间"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <!--        <el-form-item label="备注" prop="remark">-->
+      <!--          <el-input v-model="form.remark" placeholder="请输入备注"/>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item label="逻辑删除,0:未删除,1:删除" prop="isDelete">-->
+      <!--          <el-input v-model="form.isDelete" placeholder="请输入逻辑删除,0:未删除,1:删除"/>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item label="创建人" prop="created">-->
+      <!--          <el-input v-model="form.created" placeholder="请输入创建人"/>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item label="更新人" prop="modified">-->
+      <!--          <el-input v-model="form.modified" placeholder="请输入更新人"/>-->
+      <!--        </el-form-item>-->
+    </el-form>
+  </el-dialog>
+</template>
+<script>
+
+import { getPublish } from '@/api/deployment/publish'
+import { listEnvironment } from '@/api/deployment/environment'
+
+export default {
+  name: 'AddPack',
+  dicts: ['sys_yes_no'],
+  props: {
+    detailId: {
+      type: String | Number,
+      default: ''
+    },
+    openDetail: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      // 遮罩层
+      title: '添加安装包',
+      loading: true,
+      configName: undefined,
+      form: {},
+      moduleList: [],
+      // 显示搜索条件
+      showSearch: true,
+      total: 0,
+      environmentList: [],
+      // 白名单配置表单验证
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        sysApkName: null
+      }
+    }
+  },
+  // computed: {
+  //   cachedViews() {
+  //     return this.$props.openDetail
+  //   }
+  // },
+  mounted() {
+    console.log(this.detailId, 123321)
+
+    this.$nextTick(() => {
+      this.show = false
+    })
+
+    // nextTick(()=>{
+    //   this.configName = this.$route.query.configName
+    // })
+    // this.getPublishList(this.detailId)
+    this.getEnvironmentList()
+  },
+  methods: {
+
+    /** 查询参数列表 */
+    getPublishList(id) {
+      this.loading = true
+      getPublish(id).then(response => {
+        this.form = response.data
+        this.open = true
+        this.title = '详情'
+      })
+    },
+
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    /** 查询环境维护列表 */
+    getEnvironmentList() {
+      this.loading = true
+      listEnvironment(this.queryParamsEnvironment).then(response => {
+        this.environmentList = response.rows
+      })
+    },
+    /** 新增当前包的按钮 */
+    addPack(id, version, sysType) {
+      this.$emit('addPack', {
+        apkId: id,
+        version: version,
+        sysType: sysType
+      })
+    },
+
+    closeModal() {
+      this.$emit('close')
+    },
+    onOpen() {
+      this.active = this.current
+      this.key = ''
+    },
+    onClose() {
+    }
+  }
+}
+</script>
diff --git a/sf-ui/src/views/deployment/publish/index.vue b/sf-ui/src/views/deployment/publish/index.vue
index 144cfd4..5094cc1 100644
--- a/sf-ui/src/views/deployment/publish/index.vue
+++ b/sf-ui/src/views/deployment/publish/index.vue
@@ -65,6 +65,19 @@
         >修改
         </el-button>
       </el-col>
+
+      <el-col :span="1.5">
+        <el-button
+            :disabled="multiple"
+            icon="el-icon-delete"
+            plain
+            size="mini"
+            type="danger"
+            @click="handleDelete"
+        >批量发布
+        </el-button>
+      </el-col>
+
       <el-col :span="1.5">
         <el-button
             v-hasPermi="['deployment:publish:remove']"
@@ -74,18 +87,7 @@
             size="mini"
             type="danger"
             @click="handleDelete"
-        >删除
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-            v-hasPermi="['deployment:publish:export']"
-            icon="el-icon-download"
-            plain
-            size="mini"
-            type="warning"
-            @click="handleExport"
-        >导出
+        >批量删除
         </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
@@ -93,8 +95,8 @@
 
     <el-table v-loading="loading" :data="publishList" @selection-change="handleSelectionChange">
       <el-table-column align="center" type="selection" width="55"/>
-      <el-table-column align="center" label="APP" prop="applyId"/>
-      <el-table-column align="center" label="应用name" prop="appName"/>
+      <el-table-column align="center" label="APP" prop="appName"/>
+      <!--      <el-table-column align="center" label="应用name" prop="appName"/>-->
       <el-table-column align="center" label="版本号" prop="version"/>
       <el-table-column align="center" label="系统" prop="systemType"/>
       <el-table-column align="center" label="公开版" prop="publicVersion" width="180">
@@ -130,6 +132,36 @@
       </el-table-column>
       <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
         <template slot-scope="scope">
+          <el-button
+              icon="el-icon-bottom"
+              size="mini"
+              type="text"
+              @click="handleDown(scope.row)"
+          >下架
+          </el-button>
+          <el-button
+              icon="el-icon-edit"
+              size="mini"
+              type="text"
+              @click="handlePublish(scope.row)"
+          >发布
+          </el-button>
+
+          <el-button
+              icon="el-icon-edit"
+              size="mini"
+              type="text"
+              @click="handleDetail(scope.row)"
+          >详情
+          </el-button>
+
+          <el-button
+              icon="el-icon-download"
+              size="mini"
+              type="text"
+              @click="handleDownload(scope.row)"
+          >下载安装包
+          </el-button>
           <el-button
               v-hasPermi="['deployment:publish:edit']"
               icon="el-icon-edit"
@@ -159,12 +191,16 @@
     />
 
     <!-- 添加或修改发布列表对话框 -->
+
     <el-dialog :title="title" :visible.sync="open" append-to-body width="900px">
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
-        <el-form-item label="应用id" prop="applyId">
-          <el-input v-model="form.applyId" placeholder="请输入应用id"/>
+        <el-form-item label="应用id">
+          <el-input v-model="form.applyId" placeholder="请输入应用id" readonly/>
         </el-form-item>
 
+        <el-form-item label="应用name">
+          <el-input v-model="form.appName" placeholder="请输入应用名称" readonly/>
+        </el-form-item>
         <el-form-item label="选择系统" prop="grayFlag">
           <div class="tag-group">
             <el-tag :type="form.systemType=='android'?'':'info'" @click="changeSys('android')">安卓</el-tag>
@@ -172,10 +208,6 @@
             <el-tag :type="form.systemType=='HarmonyOS'?'':'info'" @click="changeSys('HarmonyOS')">鸿蒙</el-tag>
           </div>
         </el-form-item>
-
-        <!--        <el-form-item label="应用name" prop="appName">-->
-        <!--          <el-input v-model="form.appName" placeholder="请输入应用name"/>-->
-        <!--        </el-form-item>-->
         <el-form-item v-if="form.systemType!='IOS'" label="安装包" prop="apkId">
           <el-input v-model="form.apkId" class="input-with-select" placeholder="请选择包" readonly>
             <el-button slot="append" icon="el-icon-search" @click="handlePackOpen"></el-button>
@@ -240,7 +272,8 @@
               :inactive-value="0"
           />
         </el-form-item>
-        <el-form-item label="更新对象(-1: 不限制, 白名单id)" prop="updateObject">
+        <!--        <el-form-item label="更新对象(-1: 不限制, 白名单id)" prop="updateObject">-->
+        <el-form-item label="更新对象" prop="updateObject">
           <el-radio-group v-model="form.updateObject">
             <el-radio
                 v-for="dict in dict.type.release_user_type"
@@ -282,11 +315,16 @@
         <!--        </el-form-item>-->
       </el-form>
       <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">发 布</el-button>
+
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+
     <AddPack :visible.sync="packOpen" @addPack="addPack" @close="closeAddPack"></AddPack>
+    <DetailModal :detailId="detailId" :openDetail="openDetail" :visible.sync="openDetail"></DetailModal>
   </div>
 </template>
 
@@ -294,13 +332,16 @@
 import { addPublish, delPublish, getPublish, listPublish, updatePublish } from '@/api/deployment/publish'
 import Cookies from 'js-cookie'
 import AddPack from '@/views/FDS/publishList/components/addPack.vue'
+import DetailModal from './component/detail.vue'
 import { listEnvironment } from '@/api/deployment/environment'
+import { getApplicationName } from '@/utils/application'
 
 export default {
   name: 'Publish',
   dicts: ['release_environment', 'sys_yes_no', 'release_strategy', 'release_user_type'],
   components: {
-    AddPack
+    AddPack,
+    DetailModal
   },
   data() {
     return {
@@ -323,6 +364,8 @@ export default {
       // 是否显示弹出层
       open: false,
       packOpen: false,
+      openDetail: false,
+      detailId: '',
       environmentList: [],
       // 查询参数
       queryParams: {
@@ -396,14 +439,16 @@ export default {
     // 取消按钮
     cancel() {
       this.open = false
+      this.loading = false
       this.reset()
+
     },
     // 表单重置
     reset() {
       this.form = {
         id: null,
         applyId: Cookies.get('Admin-Application-Id'),
-        appName: null,
+        appName: getApplicationName(),
         systemType: null,
         apkId: null,
         appStoreAddress: null,
@@ -471,12 +516,14 @@ export default {
             delete data.explain
             updatePublish(data).then(response => {
               this.$modal.msgSuccess('修改成功')
+              this.loading = false
               this.open = false
               this.getList()
             })
           } else {
             addPublish(this.form).then(response => {
               this.$modal.msgSuccess('新增成功')
+              this.loading = false
               this.open = false
               this.getList()
             })
@@ -516,6 +563,7 @@ export default {
     /** 关闭包选择框*/
 
     closeAddPack() {
+
       this.packOpen = false
     },
 
@@ -530,8 +578,24 @@ export default {
     //   选择系统做一些逻辑判断
     changeSys(sysType) {
       this.form.systemType = sysType
-    }
+    },
+    /**下载安装包*/
+    handleDownload() {
 
+    },
+    /**下架*/
+    handleDown() {
+
+    },
+    /**发布*/
+    handlePublish() {
+
+    },
+    /**详情*/
+    handleDetail(row) {
+      this.detailId = row.id
+      this.openDetail = true
+    }
   }
 }
 </script>