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

style(develop): 格式化 AppDeployCustom 组件代码

Browse Source 
- 使用 ESLint 规则格式化了组件代码
- 调整了缩进、空格和换行
- 修复了一些小的语法问题
This commit is contained in:
aixianling
2024-12-16 16:30:19 +08:00
parent 29bd119ff4
commit ad9676c040
1 changed files with 27 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
<template>
<section class="add">
<ai-detail>
<ai-title slot="title" :title="pageTitle" isShowBottomBorder/>
<ai-title slot="title" :title="pageTitle" isShowBottomBorder />
<template #content>
<el-tabs tab-position="left">
<el-tab-pane label="方案设置">
@@ -9,23 +9,24 @@
<ai-card title="基本信息">
<template #content>
<el-form-item label="项目/系统名称" prop="name">
<el-input v-model="form.name" placeholder="请输入" clearable/>
<el-input v-model="form.name" placeholder="请输入" clearable />
</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" :selectList="dict.getDict('systemType')"
@change="form.apps = []" />
</el-form-item>
<el-form-item label="更新项目路径" prop="dist">
<el-input v-model="form.dist" placeholder="常填写nginx路径,下载包从这里取" clearable/>
<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/>
<el-input v-model="form.customPath" placeholder="请输入" clearable />
</el-form-item>
<el-form-item label="版本号" prop="version">
<el-input v-model="form.version" placeholder="请输入" clearable/>
<el-input v-model="form.version" placeholder="请输入" clearable />
</el-form-item>
</div>
</el-row>
@@ -34,20 +35,22 @@
<ai-card title="主库应用">
<template #content>
<ai-lib-table v-if="form.type" v-model="form.apps" v-bind="$props" multiple searchKey="name"
:action="`/node/wechatapps/list?type=${form.type}&isMain=1`" border/>
:action="`/node/wechatapps/list?type=${form.type}&isMain=1`" border />
<ai-empty v-else>请先选择系统类型</ai-empty>
</template>
</ai-card>
<component class="extraConfig" title="扩展设置" :is="extraConfig" v-model="form.extra" :appList="appList"/>
<component class="extraConfig" title="扩展设置" :is="extraConfig" v-model="form.extra" :appList="appList" />
</el-form>
</el-tab-pane>
<el-tab-pane label="方案应用" lazy>
<ai-lib-table :meta="appList" customData :isShowPagination="false" v-bind="$props" disabled :colConfigs="appListConfigs">
<ai-lib-table :meta="appList" customData :isShowPagination="false" v-bind="$props" disabled
:colConfigs="appListConfigs">
<template slot="options" slot-scope="{row}">
<ai-dialog-btn text="编辑" :customFooter="false" dialogTitle="应用配置" width="500px" @onConfirm="handleAppEdit(row)">
<ai-dialog-btn text="编辑" :customFooter="false" dialogTitle="应用配置" width="500px"
@onConfirm="handleAppEdit(row)">
<el-form size="small" label-width="80px">
<el-form-item label="应用名称">
<el-input v-model="row.label" clearable placeholder="请输入应用名称"/>
<el-input v-model="row.label" clearable placeholder="请输入应用名称" />
</el-form-item>
</el-form>
</ai-dialog-btn>
@@ -65,7 +68,7 @@
</template>
<script>
import {mapActions} from "vuex"
import { mapActions } from "vuex"
import AiLibTable from "./AiLibTable";
import webConfig from "./config/webConfig.vue";
import wxcpConfig from "./config/wxcpConfig.vue";
@@ -73,7 +76,7 @@ import wxmpConfig from "./config/wxmpConfig.vue";
export default {
name: "add",
components: {AiLibTable},
components: { AiLibTable },
props: {
instance: Function,
dict: Object,
@@ -101,29 +104,29 @@ export default {
},
data() {
return {
form: {apps: [], type: null, sysInfo: {}, customPath: "", extra: {}},
form: { apps: [], type: null, customPath: "", extra: { sysInfo: {} } },
rules: {
name: {required: true, message: "请输入"},
type: {required: true, message: "请选择"},
name: { required: true, message: "请输入" },
type: { required: true, message: "请选择" },
// customPath: {required: true, message: "请输入"},
},
appListConfigs: [
{prop: 'label', label: "应用名称", render: (h, {row}) => h(row.tabbar ? 'b' : 'p', row.label + ` ${row.tabbar ? '(底部导航栏)' : ''}`)},
{prop: 'project', label: "项目/框架"},
{prop: 'category', label: "分类", dict: "appsCategory"},
{prop: 'name', label: "模块名"}
{ prop: 'label', label: "应用名称", render: (h, { row }) => h(row.tabbar ? 'b' : 'p', row.label + ` ${row.tabbar ? '(底部导航栏)' : ''}`) },
{ prop: 'project', label: "项目/框架" },
{ prop: 'category', label: "分类", dict: "appsCategory" },
{ prop: 'name', label: "模块名" }
],
}
},
methods: {
...mapActions(['closePage']),
getDetail() {
let {id} = this.$route.query
let { id } = this.$route.query
id && this.instance.post("/node/custom/detail", null, {
params: {id}
params: { id }
}).then(res => {
if (res?.data) {
this.form = {...this.form, ...res.data}
this.form = { ...this.form, ...res.data }
}
})
},
@@ -170,7 +173,7 @@ export default {
:deep(.tabBarOptions) {
flex-wrap: wrap;
.el-button--text + .el-button--text {
.el-button--text+.el-button--text {
margin-left: 0;
}
}