refactor(AppDeployCustom): 重构新增页面布局和样式
-优化了表单布局,使用 grid 系统替代原有的 el-row 和 el-col - 移除了多余的模板代码,简化了结构 - 统一了表单项的样式和间距 - 调整了部分组件的属性,提高了代码可读性
This commit is contained in:
@@ -7,30 +7,26 @@
|
|||||||
<el-tab-pane label="方案设置">
|
<el-tab-pane label="方案设置">
|
||||||
<el-form ref="AddForm" :model="form" size="small" label-width="120px" :rules="rules">
|
<el-form ref="AddForm" :model="form" size="small" label-width="120px" :rules="rules">
|
||||||
<ai-card title="基本信息">
|
<ai-card title="基本信息">
|
||||||
<template #content>
|
<div class="grid">
|
||||||
<el-form-item label="项目/系统名称" prop="name">
|
<el-form-item label="项目/系统名称" prop="name" class="row">
|
||||||
<el-input v-model="form.name" placeholder="请输入" clearable />
|
<ai-input v-model="form.name"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-row type="flex">
|
|
||||||
<div class="fill">
|
|
||||||
<el-form-item label="系统类型" prop="type">
|
<el-form-item label="系统类型" prop="type">
|
||||||
<ai-select v-model="form.type" :selectList="dict.getDict('systemType')"
|
<ai-select v-model="form.type" dict="systemType" @change="form.apps = []"/>
|
||||||
@change="form.apps = []" />
|
</el-form-item>
|
||||||
|
<el-form-item label="库项目根路径" prop="customPath">
|
||||||
|
<ai-input v-model="form.customPath"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="更新项目路径" prop="dist">
|
<el-form-item label="更新项目路径" prop="dist">
|
||||||
<el-input v-model="form.dist" placeholder="常填写nginx路径,下载包从这里取" clearable />
|
<ai-input v-model="form.dist" placeholder="常填写nginx路径,下载包从这里取"/>
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
<div class="fill mar-l16">
|
|
||||||
<el-form-item label="库项目根路径" prop="customPath">
|
|
||||||
<el-input v-model="form.customPath" placeholder="请输入" clearable />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="版本号" prop="version">
|
<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>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</el-row>
|
|
||||||
</template>
|
|
||||||
</ai-card>
|
</ai-card>
|
||||||
<ai-card title="主库应用">
|
<ai-card title="主库应用">
|
||||||
<template #content>
|
<template #content>
|
||||||
|
|||||||
Reference in New Issue
Block a user