feat: 新增安装包的详情弹窗，优化字段

sf-ui/src/views/FDS/installationList/index.vue

@@ -67,8 +67,6 @@
           v-hasPermi="['system:config:add']"
         >新建</el-button>
       </el-col>
-
-
       <el-col :span="1.5">
         <el-button
           type="info"
@@ -104,29 +102,29 @@
             size="mini"
             type="text"
             icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
+            @click="handleDownload(scope.row)"
-            v-hasPermi="['system:config:edit']"
+            v-hasPermi="['system:config:dowmload']"
           >下载安装包</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
+            @click="handleEdit(scope.row)"
             v-hasPermi="['system:config:edit']"
           >编辑</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
+            @click="handleDetail(scope.row)"
-            v-hasPermi="['system:config:edit']"
+            v-hasPermi="['system:config:detail']"
           >详情</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
-            v-hasPermi="['system:config:remove']"
+            v-hasPermi="['system:config:delete']"
           >删除</el-button>
         </template>
       </el-table-column>
@@ -139,8 +137,8 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
-    <!-- 白名单配置弹出框 -->
+    <!-- 上传安装包的弹窗 -->
-    <el-dialog :title="title" :visible.sync="configOpen" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="addOpen" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="上传方式" prop="configName">
           <el-radio-group v-model="form.debug">
@@ -164,9 +162,6 @@
         <el-form-item label="安装包文件" prop="configName">
           <el-input v-model="form.configName" placeholder="请输入安装包版本号" />
         </el-form-item>
-
-
-
         <el-form-item label="安装包大小" prop="configName">
           <el-input v-model="form.configName" placeholder="请输入安装包版本号" />
         </el-form-item>
@@ -190,12 +185,61 @@
         <el-form-item label="兼容性信息" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入安装包的兼容性信息" />
         </el-form-item>
+        <el-form-item label="授权信息" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入安装包的授权信息" />
+        </el-form-item>
+
+        <el-form-item label="安装包来源" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入安装包来源" />
+        </el-form-item>
+        <el-form-item label="备注信息" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="记录其他相关或说明" />
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm(2)">保 存</el-button>
         <el-button @click="cancel(2)">取 消</el-button>
       </div>
     </el-dialog>
+
+    <!-- 安装包详情弹窗 -->
+    <el-dialog title="安装包详情" :visible.sync="detailOpen" width="700px" append-to-body>
+      <el-form ref="form" :model="form" label-width="100px" size="mini">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="上传方式：">离线上传</el-form-item>
+            <el-form-item
+              label="安装包名称："
+            >安装包11111</el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="安装包文件名称：">安装包1111.excel</el-form-item>
+            <el-form-item label="安装包大小：">58.1kb</el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="适用系统：">安卓</el-form-item>
+            <el-form-item label="兼容性信息：">兼容性信息</el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="授权信息：">授权信息内容</el-form-item>
+            <el-form-item label="安装包源：">安装包源内容</el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注信息：">备注信息备注信息</el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="上传时间：">上传时间2024-04-07 17：43</el-form-item>
+            <el-form-item label="上传状态：">已上传</el-form-item>
+            <el-form-item label="上传人员：">刮刮乐</el-form-item>
+            <el-form-item label="上传日志：">日志日志</el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailOpen = false">关 闭</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -203,7 +247,7 @@
 import { listConfig, getConfig, delConfig, addConfig, updateConfig, refreshCache } from "@/api/system/config";
 
 export default {
-  name: "Config",
+  name: "installationList",
   dicts: ['sys_yes_no'],
   data() {
     return {
@@ -223,10 +267,10 @@ export default {
       configList: [],
       // 弹出层标题
       title: "",
-      // 是否显示新增白名单弹出框
+      // 是否显示安装包上传弹出框
       addOpen: false,
-      // 是否显示白名单配置弹出框
+      // 是否显示安装包详情弹出框
-      configOpen:false,
+      detailOpen:false,
       // 日期范围
       dateRange: [],
       // 查询参数
@@ -242,14 +286,11 @@ export default {
       // 表单校验
       rules: {
         configName: [
-          { required: true, message: "参数名称不能为空", trigger: "blur" }
+          { required: true, message: "上传方式不能为空", trigger: "change" }
         ],
         configKey: [
-          { required: true, message: "参数键名不能为空", trigger: "blur" }
+          { required: true, message: "安装包名称不能为空", trigger: "blur" }
         ],
-        configValue: [
-          { required: true, message: "参数键值不能为空", trigger: "blur" }
-        ]
       }
     };
   },
@@ -303,7 +344,7 @@ export default {
     handleAdd() {
       this.reset();
       this.addOpen = true;
-      this.title = "新增白名单";
+      this.title = "上传安装包";
     },
     // 多选框选中数据
     handleSelectionChange(selection) {