refactor(oms): 优化 AppDeployCustom 组件默认值和样式

- 为 form 属性设置默认值,避免 undefined
- 优化输入框和标签的样式
- 调整部分 UI 样式,如换行和间距
This commit is contained in:
aixianling
2024-12-16 16:17:31 +08:00
parent b07cca9bcf
commit 29bd119ff4

View File

@@ -6,7 +6,7 @@ export default {
event: "input" event: "input"
}, },
props: { props: {
form: Object, form: { default: () => ({ sysInfo: {} }) },
title: String title: String
}, },
watch: { watch: {
@@ -26,14 +26,14 @@ export default {
<ai-dialog-btn text="设置系统信息" dialogTitle="系统信息"> <ai-dialog-btn text="设置系统信息" dialogTitle="系统信息">
<el-form size="small" label-width="140px"> <el-form size="small" label-width="140px">
<el-form-item label="系统标题"> <el-form-item label="系统标题">
<el-input v-model="form.sysInfo.fullTitle" placeholder="请输入..." clearable/> <el-input v-model="form.sysInfo.fullTitle" placeholder="请输入..." clearable />
</el-form-item> </el-form-item>
<el-form-item label="favicon"> <el-form-item label="favicon">
<el-input v-model="form.sysInfo.favicon" placeholder="请输入..." clearable/> <el-input v-model="form.sysInfo.favicon" placeholder="请输入..." clearable />
</el-form-item> </el-form-item>
<el-form-item label="logo"> <el-form-item label="logo">
<el-row type="flex"> <el-row type="flex">
<el-input v-model="form.sysInfo.logo" placeholder="请输入..." clearable/> <el-input v-model="form.sysInfo.logo" placeholder="请输入..." clearable />
<el-input class="mar-l10" v-model="form.sysInfo.logoText" placeholder="logo文字"> <el-input class="mar-l10" v-model="form.sysInfo.logoText" placeholder="logo文字">
<template #prepend>logo文字</template> <template #prepend>logo文字</template>
</el-input> </el-input>
@@ -56,29 +56,30 @@ export default {
<template #prepend>左上角副标题</template> <template #prepend>左上角副标题</template>
</el-input> </el-input>
</el-row> </el-row>
<el-input class="mar-t10" type="textarea" rows="5" v-model="form.sysInfo.desc" placeholder="副标题" clearable/> <el-input class="mar-t10" type="textarea" rows="5" v-model="form.sysInfo.desc" placeholder="副标题"
clearable />
</el-form-item> </el-form-item>
<el-row type="flex"> <el-row type="flex">
<div class="fill"> <div class="fill">
<el-form-item label="版权所有"> <el-form-item label="版权所有">
<el-input v-model="form.sysInfo.recordDesc" placeholder="请输入..." clearable/> <el-input v-model="form.sysInfo.recordDesc" placeholder="请输入..." clearable />
</el-form-item> </el-form-item>
<el-form-item label="备案号"> <el-form-item label="备案号">
<el-input v-model="form.sysInfo.recordNo" placeholder="请输入..." clearable/> <el-input v-model="form.sysInfo.recordNo" placeholder="请输入..." clearable />
</el-form-item> </el-form-item>
</div> </div>
<div class="fill"> <div class="fill">
<el-form-item label="框架版本"> <el-form-item label="框架版本">
<!--edition 版本标准版standard上架版saas 简易版(不带扫码):simple --> <!--edition 版本标准版standard上架版saas 简易版(不带扫码):simple -->
<el-input v-model="form.sysInfo.edition" placeholder="请输入..." clearable/> <el-input v-model="form.sysInfo.edition" placeholder="请输入..." clearable />
</el-form-item> </el-form-item>
<el-form-item label="备案跳转链接"> <el-form-item label="备案跳转链接">
<el-input v-model="form.sysInfo.recordURL" placeholder="请输入..." clearable/> <el-input v-model="form.sysInfo.recordURL" placeholder="请输入..." clearable />
</el-form-item> </el-form-item>
</div> </div>
</el-row> </el-row>
<el-form-item label="可信证书"> <el-form-item label="可信证书">
<el-input type="textarea" v-model="form.sysInfo.ssl" placeholder="请输入可信证书的html代码" clearable rows="5"/> <el-input type="textarea" v-model="form.sysInfo.ssl" placeholder="请输入可信证书的html代码" clearable rows="5" />
</el-form-item> </el-form-item>
</el-form> </el-form>
</ai-dialog-btn> </ai-dialog-btn>
@@ -93,22 +94,22 @@ export default {
<el-checkbox v-model="form.appQRCode">手机APP</el-checkbox> <el-checkbox v-model="form.appQRCode">手机APP</el-checkbox>
</el-form-item> </el-form-item>
<el-form-item label="接口是否单服务"> <el-form-item label="接口是否单服务">
<el-checkbox v-model="form.isSingleService"/> <el-checkbox v-model="form.isSingleService" />
</el-form-item> </el-form-item>
<el-form-item label="域名根目录"> <el-form-item label="域名根目录">
<el-input v-model="form.base" clearable placeholder="填写域名根目录(baseURL)"/> <el-input v-model="form.base" clearable placeholder="填写域名根目录(baseURL)" />
</el-form-item> </el-form-item>
<el-form-item label="默认首页"> <el-form-item label="默认首页">
<el-input v-model="form.homePage" clearable placeholder="填写应用的文件名"/> <el-input v-model="form.homePage" clearable placeholder="填写应用的文件名" />
</el-form-item> </el-form-item>
<el-form-item label="指定登录页"> <el-form-item label="登录页">
<el-input v-model="form.signPage" clearable placeholder="填写应用的文件名"/> <el-input v-model="form.signPage" clearable placeholder="填写应用的文件名" />
</el-form-item> </el-form-item>
<el-form-item label="开启百度流量"> <el-form-item label="开启百度流量">
<el-checkbox v-model="form.hmt"/> <el-checkbox v-model="form.hmt" />
</el-form-item> </el-form-item>
<el-form-item label="是否加载AI助手"> <el-form-item label="是否加载AI助手">
<el-checkbox v-model="form.copilot"/> <el-checkbox v-model="form.copilot" />
</el-form-item> </el-form-item>
</template> </template>
</ai-card> </ai-card>