chenzihao/sac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
张洋川 2024-04-07 18:00:06 +08:00
parent 31143ab53b
commit 0018d4261c
1 changed files with 64 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
sf-ui/src/views/FDS/installationList/index.vue
View File

@ -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)"
v-hasPermi="['system:config:edit']"
@click="handleDownload(scope.row)"
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)"
v-hasPermi="['system:config:edit']"
@click="handleDetail(scope.row)"
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) {