kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(AppDeployCustom): 重构新增页面布局和样式

Browse Source 
-优化了表单布局，使用 grid 系统替代原有的 el-row 和 el-col
- 移除了多余的模板代码，简化了结构
- 统一了表单项的样式和间距
- 调整了部分组件的属性，提高了代码可读性
This commit is contained in:
aixianling
2025-01-07 10:36:29 +08:00
parent 7f086f8b83
commit 3adbb68466
1 changed files with 38 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
project/oms/apps/develop/AppDeployCustom/add.vue
View File

@@ -7,30 +7,26 @@
<el-tab-pane label="方案设置">
<el-form ref="AddForm" :model="form" size="small" label-width="120px" :rules="rules">
<ai-card title="基本信息">
<template #content>
<el-form-item label="项目/系统名称" prop="name">
<el-input v-model="form.name" placeholder="请输入" clearable />
<div class="grid">
<el-form-item label="项目/系统名称" prop="name" class="row">
<ai-input v-model="form.name"/>
</el-form-item>
<el-row type="flex">
<div class="fill">
<el-form-item label="系统类型" prop="type">
<ai-select v-model="form.type" :selectList="dict.getDict('systemType')"
@change="form.apps = []" />
<ai-select v-model="form.type" dict="systemType" @change="form.apps = []"/>
</el-form-item>
<el-form-item label="库项目根路径" prop="customPath">
<ai-input v-model="form.customPath"/>
</el-form-item>
<el-form-item label="更新项目路径" prop="dist">
<el-input v-model="form.dist" placeholder="常填写nginx路径,下载包从这里取" clearable />
</el-form-item>
</div>
<div class="fill mar-l16">
<el-form-item label="库项目根路径" prop="customPath">
<el-input v-model="form.customPath" placeholder="请输入" clearable />
<ai-input v-model="form.dist" placeholder="常填写nginx路径,下载包从这里取"/>
</el-form-item>
<el-form-item label="版本号" prop="version">
<el-input v-model="form.version" placeholder="请输入" clearable />
<ai-input v-model="form.version"/>
</el-form-item>
<el-form-item label="微信机器人" prop="webhook">
<ai-input v-model="form.webhook"/>
</el-form-item>
</div>
</el-row>
</template>
</ai-card>
<ai-card title="主库应用">
<template #content>