|
@@ -21,19 +21,53 @@
|
|
label-width="150px"
|
|
label-width="150px"
|
|
:rules="rules"
|
|
:rules="rules"
|
|
>
|
|
>
|
|
- <el-form-item label="主页标题:" prop="middleTitle">
|
|
|
|
|
|
+ <el-form-item label="主页标题:" prop="homeTitle">
|
|
<el-input v-model="form.middleTitle"></el-input>
|
|
<el-input v-model="form.middleTitle"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+
|
|
|
|
+ <el-form-item label="主题样式:" prop="homeStyle">
|
|
|
|
+ <el-select v-model="form.homeStyle" placeholder="请选择">
|
|
|
|
+ <el-option label="#f22636" value="#f22636">
|
|
|
|
+ <div class="homeStyleColor" style="background:#f22636"></div>
|
|
|
|
+ </el-option>
|
|
|
|
+ <el-option label="#f75527" value="#f75527">
|
|
|
|
+ <div class="homeStyleColor" style="background:#f75527"></div>
|
|
|
|
+ </el-option>
|
|
|
|
+ <el-option label="#fdaa30" value="#fdaa30">
|
|
|
|
+ <div class="homeStyleColor" style="background:#fdaa30"></div>
|
|
|
|
+ </el-option>
|
|
|
|
+ <el-option label="#2bc1c5" value="#2bc1c5">
|
|
|
|
+ <div class="homeStyleColor" style="background:#2bc1c5"></div>
|
|
|
|
+ </el-option>
|
|
|
|
+ <el-option label="#58c22d" value="#58c22d">
|
|
|
|
+ <div class="homeStyleColor" style="background:#58c22d"></div>
|
|
|
|
+ </el-option>
|
|
|
|
+ <el-option label="#2292fc" value="#2292fc">
|
|
|
|
+ <div class="homeStyleColor" style="background:#2292fc"></div>
|
|
|
|
+ </el-option>
|
|
|
|
+ <el-option label="#5159ea" value="#5159ea">
|
|
|
|
+ <div class="homeStyleColor" style="background:#5159ea"></div>
|
|
|
|
+ </el-option>
|
|
|
|
+ <el-option label="#7537c1" value="#7537c1">
|
|
|
|
+ <div class="homeStyleColor" style="background:#7537c1"></div>
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+
|
|
|
|
+ <el-form-item label="大屏跳转地址:" prop="largeScreenUrl ">
|
|
|
|
+ <el-input v-model="form.largeScreenUrl "></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+
|
|
|
|
+
|
|
<el-form-item label="主页logo:" prop="homeLogo">
|
|
<el-form-item label="主页logo:" prop="homeLogo">
|
|
<el-input v-model="form.homeLogo"></el-input>
|
|
<el-input v-model="form.homeLogo"></el-input>
|
|
<el-upload
|
|
<el-upload
|
|
- ref="upload"
|
|
|
|
|
|
+ ref="upload"
|
|
:action="uploadUrl"
|
|
:action="uploadUrl"
|
|
:on-success="handleUpAvatar"
|
|
:on-success="handleUpAvatar"
|
|
:on-remove="handleRemove"
|
|
:on-remove="handleRemove"
|
|
list-type="picture"
|
|
list-type="picture"
|
|
:limit="1"
|
|
:limit="1"
|
|
- :on-preview="handlePictureCardPreview"
|
|
|
|
:headers="{ accessToken: [accessToken] }"
|
|
:headers="{ accessToken: [accessToken] }"
|
|
:on-exceed="overLength"
|
|
:on-exceed="overLength"
|
|
>
|
|
>
|
|
@@ -41,13 +75,23 @@
|
|
上传
|
|
上传
|
|
</el-button>
|
|
</el-button>
|
|
<template #tip>
|
|
<template #tip>
|
|
- <div class="el-upload__tip">图片尺寸:1920*1080</div>
|
|
|
|
|
|
+ <div class="el-upload__tip">图片尺寸:待更新</div>
|
|
</template>
|
|
</template>
|
|
</el-upload>
|
|
</el-upload>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="首页请求地址:" prop="homePageUrl">
|
|
<el-form-item label="首页请求地址:" prop="homePageUrl">
|
|
- <el-input v-model="form.homePageUrl"></el-input>
|
|
|
|
|
|
+ <!-- <el-input v-model="form.homePageUrl"></el-input> -->
|
|
|
|
+
|
|
|
|
+ <el-select v-model="form.homePageUrl" placeholder="请选择" clearable>
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in homeUrlList"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.menuName"
|
|
|
|
+ :value="item.component"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+
|
|
<!-- <el-select v-model="form.homePageUrl" placeholder="请选择">
|
|
<!-- <el-select v-model="form.homePageUrl" placeholder="请选择">
|
|
<el-option label="地址1" :value="1"></el-option>
|
|
<el-option label="地址1" :value="1"></el-option>
|
|
<el-option label="地址2" :value="2"></el-option>
|
|
<el-option label="地址2" :value="2"></el-option>
|
|
@@ -56,8 +100,8 @@
|
|
|
|
|
|
<el-form-item label="主页导航栏:" prop="homeLayout">
|
|
<el-form-item label="主页导航栏:" prop="homeLayout">
|
|
<el-radio-group v-model="form.homeLayout">
|
|
<el-radio-group v-model="form.homeLayout">
|
|
- <el-radio :label="1" value="1">顶部导航栏</el-radio>
|
|
|
|
<el-radio :label="2" value="2">左侧导航栏</el-radio>
|
|
<el-radio :label="2" value="2">左侧导航栏</el-radio>
|
|
|
|
+ <el-radio :label="1" value="1">顶部导航栏</el-radio>
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
@@ -65,7 +109,9 @@
|
|
|
|
|
|
<div style="text-align: right">
|
|
<div style="text-align: right">
|
|
<el-button @click="closeDialog(0)">取消</el-button>
|
|
<el-button @click="closeDialog(0)">取消</el-button>
|
|
- <el-button type="primary" @click="submitForm()">保存</el-button>
|
|
|
|
|
|
+ <el-button type="primary" @click="submitForm('formInfo')">
|
|
|
|
+ 保存
|
|
|
|
+ </el-button>
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
</el-form>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
@@ -80,26 +126,81 @@
|
|
label-width="150px"
|
|
label-width="150px"
|
|
:rules="rules"
|
|
:rules="rules"
|
|
>
|
|
>
|
|
- <el-form-item label="登录页标题:" prop="tenantName">
|
|
|
|
- <el-input v-model="form.tenantName"></el-input>
|
|
|
|
|
|
+ <el-form-item label="登录页标题:" prop="loginTitle">
|
|
|
|
+ <el-input v-model="form.loginTitle"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="登录页logo:" prop="tenantManager">
|
|
|
|
- <el-input v-model="form.tenantManager"></el-input>
|
|
|
|
|
|
+ <el-form-item label="登录页logo:" prop="loginLogo">
|
|
|
|
+ <!-- <el-input v-model="form.tenantManager"></el-input> -->
|
|
|
|
+ <el-input v-model="form.loginLogo"></el-input>
|
|
|
|
+ <el-upload
|
|
|
|
+ ref="upload2"
|
|
|
|
+ :action="uploadUrl"
|
|
|
|
+ :on-success="handleUpAvatar2"
|
|
|
|
+ :on-remove="handleRemove2"
|
|
|
|
+ list-type="picture"
|
|
|
|
+ :limit="1"
|
|
|
|
+ :headers="{ accessToken: [accessToken] }"
|
|
|
|
+ :on-exceed="overLength"
|
|
|
|
+ >
|
|
|
|
+ <el-button type="primary" style="margin-top: 10px">
|
|
|
|
+ 上传
|
|
|
|
+ </el-button>
|
|
|
|
+ <template #tip>
|
|
|
|
+ <div class="el-upload__tip">图片尺寸:待更新</div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-upload>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="登录页背景:" prop="tenantManager">
|
|
|
|
- <el-input v-model="form.tenantManager"></el-input>
|
|
|
|
|
|
+ <el-form-item label="登录页背景:" prop="loginBackUrl">
|
|
|
|
+ <!-- <el-input v-model="form.tenantManager"></el-input> -->
|
|
|
|
+ <el-input v-model="form.loginBackUrl"></el-input>
|
|
|
|
+ <el-upload
|
|
|
|
+ ref="upload22"
|
|
|
|
+ :action="uploadUrl"
|
|
|
|
+ :on-success="handleUpAvatar22"
|
|
|
|
+ :on-remove="handleRemove22"
|
|
|
|
+ list-type="picture"
|
|
|
|
+ :limit="1"
|
|
|
|
+ :headers="{ accessToken: [accessToken] }"
|
|
|
|
+ :on-exceed="overLength"
|
|
|
|
+ >
|
|
|
|
+ <el-button type="primary" style="margin-top: 10px">
|
|
|
|
+ 上传
|
|
|
|
+ </el-button>
|
|
|
|
+ <template #tip>
|
|
|
|
+ <div class="el-upload__tip">图片尺寸:1920*1080</div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-upload>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="登录页底部名称:" prop="tenantName">
|
|
|
|
- <el-input v-model="form.tenantName"></el-input>
|
|
|
|
|
|
+ <el-form-item label="登录页底部名称:" prop="loginFooter">
|
|
|
|
+ <el-input v-model="form.loginFooter"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="标签页图标:" prop="tenantManager">
|
|
|
|
- <el-input v-model="form.tenantManager"></el-input>
|
|
|
|
|
|
+ <el-form-item label="标签页图标:" prop="labelIcon">
|
|
|
|
+ <el-input v-model="form.labelIcon"></el-input>
|
|
|
|
+ <el-upload
|
|
|
|
+ ref="upload222"
|
|
|
|
+ :action="uploadUrl"
|
|
|
|
+ :on-success="handleUpAvatar222"
|
|
|
|
+ :on-remove="handleRemove222"
|
|
|
|
+ list-type="picture"
|
|
|
|
+ :limit="1"
|
|
|
|
+ :headers="{ accessToken: [accessToken] }"
|
|
|
|
+ :on-exceed="overLength"
|
|
|
|
+ >
|
|
|
|
+ <el-button type="primary" style="margin-top: 10px">
|
|
|
|
+ 上传
|
|
|
|
+ </el-button>
|
|
|
|
+ <template #tip>
|
|
|
|
+ <div class="el-upload__tip">图片尺寸:待更新</div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-upload>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<br />
|
|
<br />
|
|
|
|
|
|
<div style="text-align: right">
|
|
<div style="text-align: right">
|
|
<el-button @click="closeDialog(0)">取消</el-button>
|
|
<el-button @click="closeDialog(0)">取消</el-button>
|
|
- <el-button type="primary" @click="submitForm()">保存</el-button>
|
|
|
|
|
|
+ <el-button type="primary" @click="submitForm2('formInfo2')">
|
|
|
|
+ 保存
|
|
|
|
+ </el-button>
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
</el-form>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
@@ -114,23 +215,62 @@
|
|
label-width="150px"
|
|
label-width="150px"
|
|
:rules="rules"
|
|
:rules="rules"
|
|
>
|
|
>
|
|
- <el-form-item label="是否开启中间页:" prop="tenantName">
|
|
|
|
- <el-switch v-model="value" size="large" />
|
|
|
|
|
|
+ <el-form-item label="是否开启中间页:" prop="middleStatus">
|
|
|
|
+ <el-switch v-model="form.middleStatus" size="large" />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="中间页logo:" prop="tenantManager">
|
|
|
|
- <el-input v-model="form.tenantManager"></el-input>
|
|
|
|
|
|
+ <el-form-item label="中间页标题:" prop="middleTitle">
|
|
|
|
+ <el-input v-model="form.middleTitle"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="中间页背景:" prop="tenantManager">
|
|
|
|
- <el-input v-model="form.tenantManager"></el-input>
|
|
|
|
|
|
+ <el-form-item label="中间页logo:" prop="middleLogo">
|
|
|
|
+ <el-input v-model="form.middleLogo"></el-input>
|
|
|
|
+ <el-upload
|
|
|
|
+ ref="upload3"
|
|
|
|
+ :action="uploadUrl"
|
|
|
|
+ :on-success="handleUpAvatar3"
|
|
|
|
+ :on-remove="handleRemove3"
|
|
|
|
+ list-type="picture"
|
|
|
|
+ :limit="1"
|
|
|
|
+ :headers="{ accessToken: [accessToken] }"
|
|
|
|
+ :on-exceed="overLength"
|
|
|
|
+ >
|
|
|
|
+ <el-button type="primary" style="margin-top: 10px">
|
|
|
|
+ 上传
|
|
|
|
+ </el-button>
|
|
|
|
+ <template #tip>
|
|
|
|
+ <div class="el-upload__tip">图片尺寸:待更新</div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-upload>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="中间页底部名称:" prop="tenantName">
|
|
|
|
- <el-input v-model="form.tenantName"></el-input>
|
|
|
|
|
|
+ <el-form-item label="中间页背景:" prop="middleBackUrl">
|
|
|
|
+ <el-input v-model="form.middleBackUrl"></el-input>
|
|
|
|
+ <el-upload
|
|
|
|
+ ref="upload33"
|
|
|
|
+ :action="uploadUrl"
|
|
|
|
+ :on-success="handleUpAvatar33"
|
|
|
|
+ :on-remove="handleRemove33"
|
|
|
|
+ list-type="picture"
|
|
|
|
+ :limit="1"
|
|
|
|
+ :headers="{ accessToken: [accessToken] }"
|
|
|
|
+ :on-exceed="overLength"
|
|
|
|
+ >
|
|
|
|
+ <el-button type="primary" style="margin-top: 10px">
|
|
|
|
+ 上传
|
|
|
|
+ </el-button>
|
|
|
|
+ <template #tip>
|
|
|
|
+ <div class="el-upload__tip">图片尺寸:待更新</div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-upload>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="中间页底部名称:" prop="middleFooter">
|
|
|
|
+ <el-input v-model="form.middleFooter"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<br />
|
|
<br />
|
|
|
|
|
|
<div style="text-align: right">
|
|
<div style="text-align: right">
|
|
<el-button @click="closeDialog(0)">取消</el-button>
|
|
<el-button @click="closeDialog(0)">取消</el-button>
|
|
- <el-button type="primary" @click="submitForm()">保存</el-button>
|
|
|
|
|
|
+ <el-button type="primary" @click="submitForm3(formInfo3)">
|
|
|
|
+ 保存
|
|
|
|
+ </el-button>
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
</el-form>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
@@ -180,14 +320,22 @@ export default defineComponent({
|
|
const showDialog = ref(false)
|
|
const showDialog = ref(false)
|
|
const form = ref({})
|
|
const form = ref({})
|
|
const formInfo = ref(null)
|
|
const formInfo = ref(null)
|
|
|
|
+ const formInfo2 = ref(null)
|
|
|
|
+ const formInfo3 = ref(null)
|
|
const value = ref(true)
|
|
const value = ref(true)
|
|
const accessToken = ref(store.state.user.accessToken)
|
|
const accessToken = ref(store.state.user.accessToken)
|
|
|
|
|
|
- const upload = ref(null);
|
|
|
|
|
|
+
|
|
|
|
+ const upload = ref(null)
|
|
|
|
+ const upload2 = ref(null)
|
|
|
|
+ const upload22 = ref(null)
|
|
|
|
+ const upload222 = ref(null)
|
|
|
|
+ const upload3 = ref(null)
|
|
|
|
+ const upload33 = ref(null)
|
|
|
|
|
|
const activeName = ref('first')
|
|
const activeName = ref('first')
|
|
|
|
|
|
- const getPlatformBoxList = ref([])
|
|
|
|
|
|
+ const homeUrlList = ref([])
|
|
|
|
|
|
const dataSet = reactive({
|
|
const dataSet = reactive({
|
|
uploadUrl:
|
|
uploadUrl:
|
|
@@ -206,49 +354,183 @@ export default defineComponent({
|
|
}
|
|
}
|
|
const overLength = () => {
|
|
const overLength = () => {
|
|
ElMessage.warning('只能上传一张')
|
|
ElMessage.warning('只能上传一张')
|
|
-
|
|
|
|
}
|
|
}
|
|
|
|
|
|
- // //上传成功的回调
|
|
|
|
|
|
+ //上传成功的回调
|
|
function handleUpAvatar(res) {
|
|
function handleUpAvatar(res) {
|
|
- console.log('res')
|
|
|
|
- console.log(res.data)
|
|
|
|
- form.value.homeLogo = window.PLATFROM_CONFIG.baseUrl +res.data
|
|
|
|
-
|
|
|
|
- console.log(form.value.homeLogo)
|
|
|
|
|
|
+ form.value.homeLogo = window.PLATFROM_CONFIG.fileUrl + res.data
|
|
|
|
+ }
|
|
|
|
+ function handleUpAvatar2(res) {
|
|
|
|
+ form.value.loginLogo = window.PLATFROM_CONFIG.fileUrl + res.data
|
|
|
|
+ }
|
|
|
|
+ function handleUpAvatar22(res) {
|
|
|
|
+ form.value.loginBackUrl = window.PLATFROM_CONFIG.fileUrl + res.data
|
|
|
|
+ }
|
|
|
|
+ function handleUpAvatar222(res) {
|
|
|
|
+ form.value.labelIcon = window.PLATFROM_CONFIG.fileUrl + res.data
|
|
|
|
+ }
|
|
|
|
+ function handleUpAvatar3(res) {
|
|
|
|
+ form.value.middleLogo = window.PLATFROM_CONFIG.fileUrl + res.data
|
|
|
|
+ }
|
|
|
|
+ function handleUpAvatar33(res) {
|
|
|
|
+ form.value.middleBackUrl = window.PLATFROM_CONFIG.fileUrl + res.data
|
|
}
|
|
}
|
|
|
|
|
|
- function handleRemove(){
|
|
|
|
- form.value.homeLogo = ''
|
|
|
|
-
|
|
|
|
|
|
+ function handleRemove() {
|
|
|
|
+ form.value.homeLogo = ''
|
|
|
|
+ }
|
|
|
|
+ function handleRemove2() {
|
|
|
|
+ form.value.loginLogo = ''
|
|
|
|
+ }
|
|
|
|
+ function handleRemove22() {
|
|
|
|
+ form.value.loginBackUrl = ''
|
|
|
|
+ }
|
|
|
|
+ function handleRemove222() {
|
|
|
|
+ form.value.labelIcon = ''
|
|
|
|
+ }
|
|
|
|
+ function handleRemove3() {
|
|
|
|
+ form.value.middleLogo = ''
|
|
|
|
+ }
|
|
|
|
+ function handleRemove33() {
|
|
|
|
+ form.value.middleBackUrl = ''
|
|
}
|
|
}
|
|
|
|
|
|
- // 保存操作
|
|
|
|
|
|
+ // 主页配置保存操作
|
|
const submitForm = () => {
|
|
const submitForm = () => {
|
|
formInfo.value.validate((valid) => {
|
|
formInfo.value.validate((valid) => {
|
|
if (valid) {
|
|
if (valid) {
|
|
- form.value.tenantId = props.itemInfo.tenantId
|
|
|
|
|
|
+ var aa = {
|
|
|
|
+ id: props.itemInfo.id,
|
|
|
|
+ tenantId: props.itemInfo.tenantId,
|
|
|
|
+ middleTitle: form.value.middleTitle,
|
|
|
|
+ homeLogo: form.value.homeLogo,
|
|
|
|
+ homePageUrl: form.value.homePageUrl,
|
|
|
|
+ homeLayout: form.value.homeLayout,
|
|
|
|
+ homeStyle: form.value.homeStyle,
|
|
|
|
+ largeScreenUrl :form.value.largeScreenUrl,
|
|
|
|
+ }
|
|
|
|
+
|
|
if (props.configStatus) {
|
|
if (props.configStatus) {
|
|
- alert('已配置修改提交')
|
|
|
|
- api.updaMiddleConfig(form.value).then((requset) => {
|
|
|
|
|
|
+ // alert('已配置修改提交')
|
|
|
|
+ api.updaMiddleConfig(aa).then((requset) => {
|
|
if (requset.status === 'SUCCESS') {
|
|
if (requset.status === 'SUCCESS') {
|
|
ElMessage.success({
|
|
ElMessage.success({
|
|
message: '修改配置成功',
|
|
message: '修改配置成功',
|
|
type: 'success',
|
|
type: 'success',
|
|
})
|
|
})
|
|
|
|
+ store.commit('getMiddleConfig')
|
|
closeDialog()
|
|
closeDialog()
|
|
} else {
|
|
} else {
|
|
ElMessage.error(requset.msg)
|
|
ElMessage.error(requset.msg)
|
|
}
|
|
}
|
|
})
|
|
})
|
|
} else {
|
|
} else {
|
|
- alert('未配置新增提交')
|
|
|
|
- api.addMiddleConfig(form.value).then((requset) => {
|
|
|
|
|
|
+ // alert('未配置新增提交')
|
|
|
|
+ api.addMiddleConfig(aa).then((requset) => {
|
|
if (requset.status === 'SUCCESS') {
|
|
if (requset.status === 'SUCCESS') {
|
|
ElMessage.success({
|
|
ElMessage.success({
|
|
message: '新增配置成功',
|
|
message: '新增配置成功',
|
|
type: 'success',
|
|
type: 'success',
|
|
})
|
|
})
|
|
|
|
+ store.commit('getMiddleConfig')
|
|
|
|
+ closeDialog()
|
|
|
|
+ } else {
|
|
|
|
+ ElMessage.error(requset.msg)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ console.log('error submit!!')
|
|
|
|
+ return false
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // 登录页配置保存操作
|
|
|
|
+ const submitForm2 = () => {
|
|
|
|
+ formInfo2.value.validate((valid) => {
|
|
|
|
+ if (valid) {
|
|
|
|
+ var aa = {
|
|
|
|
+ id: props.itemInfo.id,
|
|
|
|
+ tenantId: props.itemInfo.tenantId,
|
|
|
|
+ loginLogo: form.value.loginLogo,
|
|
|
|
+ loginTitle: form.value.loginTitle,
|
|
|
|
+ loginBackUrl: form.value.loginBackUrl,
|
|
|
|
+ loginFooter: form.value.loginFooter,
|
|
|
|
+ labelIcon: form.value.labelIcon,
|
|
|
|
+ }
|
|
|
|
+ if (props.configStatus) {
|
|
|
|
+ // alert('已配置修改提交')
|
|
|
|
+ api.updaMiddleConfig(aa).then((requset) => {
|
|
|
|
+ if (requset.status === 'SUCCESS') {
|
|
|
|
+ ElMessage.success({
|
|
|
|
+ message: '修改配置成功',
|
|
|
|
+ type: 'success',
|
|
|
|
+ })
|
|
|
|
+ closeDialog()
|
|
|
|
+ store.commit('getMiddleConfig')
|
|
|
|
+ } else {
|
|
|
|
+ ElMessage.error(requset.msg)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ // alert('未配置新增提交')
|
|
|
|
+ api.addMiddleConfig(aa).then((requset) => {
|
|
|
|
+ if (requset.status === 'SUCCESS') {
|
|
|
|
+ ElMessage.success({
|
|
|
|
+ message: '新增配置成功',
|
|
|
|
+ type: 'success',
|
|
|
|
+ })
|
|
|
|
+ store.commit('getMiddleConfig')
|
|
|
|
+ closeDialog()
|
|
|
|
+ } else {
|
|
|
|
+ ElMessage.error(requset.msg)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ console.log('error submit!!')
|
|
|
|
+ return false
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ // 登录页配置保存操作
|
|
|
|
+ const submitForm3 = () => {
|
|
|
|
+ formInfo3.value.validate((valid) => {
|
|
|
|
+ if (valid) {
|
|
|
|
+ var aa = {
|
|
|
|
+ id: props.itemInfo.id,
|
|
|
|
+ tenantId: props.itemInfo.tenantId,
|
|
|
|
+ middleStatus: form.value.middleStatus ? 1 : 0,
|
|
|
|
+ middleLogo: form.value.middleLogo,
|
|
|
|
+ middleTitle: form.value.middleTitle,
|
|
|
|
+ middleBackUrl: form.value.middleBackUrl,
|
|
|
|
+ middleFooter: form.value.middleFooter,
|
|
|
|
+ }
|
|
|
|
+ if (props.configStatus) {
|
|
|
|
+ // alert('已配置修改提交')
|
|
|
|
+ api.updaMiddleConfig(aa).then((requset) => {
|
|
|
|
+ if (requset.status === 'SUCCESS') {
|
|
|
|
+ ElMessage.success({
|
|
|
|
+ message: '修改配置成功',
|
|
|
|
+ type: 'success',
|
|
|
|
+ })
|
|
|
|
+ store.commit('getMiddleConfig')
|
|
|
|
+ closeDialog()
|
|
|
|
+ } else {
|
|
|
|
+ ElMessage.error(requset.msg)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ // alert('未配置新增提交')
|
|
|
|
+ api.addMiddleConfig(aa).then((requset) => {
|
|
|
|
+ if (requset.status === 'SUCCESS') {
|
|
|
|
+ ElMessage.success({
|
|
|
|
+ message: '新增配置成功',
|
|
|
|
+ type: 'success',
|
|
|
|
+ })
|
|
|
|
+ store.commit('getMiddleConfig')
|
|
closeDialog()
|
|
closeDialog()
|
|
} else {
|
|
} else {
|
|
ElMessage.error(requset.msg)
|
|
ElMessage.error(requset.msg)
|
|
@@ -265,33 +547,44 @@ export default defineComponent({
|
|
const open = () => {
|
|
const open = () => {
|
|
setTimeout(function () {
|
|
setTimeout(function () {
|
|
form.value = props.itemInfo
|
|
form.value = props.itemInfo
|
|
|
|
+ form.value.middleStatus = props.itemInfo.middleStatus ? true : false
|
|
|
|
+ form.value.homePageUrl = props.itemInfo.homePageUrl
|
|
|
|
+ // form.value.homeStyle = Number(props.itemInfo.homeStyle)
|
|
|
|
+ form.value.homeLayout = 2
|
|
console.log('子组件中form.value')
|
|
console.log('子组件中form.value')
|
|
console.log(form.value)
|
|
console.log(form.value)
|
|
- }, 500)
|
|
|
|
|
|
|
|
- optionselect()
|
|
|
|
|
|
+ getMenuBoxList(props.itemInfo.tenantId)
|
|
|
|
+ }, 500)
|
|
|
|
|
|
// alert(props.configStatus)
|
|
// alert(props.configStatus)
|
|
}
|
|
}
|
|
|
|
|
|
// 关闭弹框
|
|
// 关闭弹框
|
|
const closeDialog = (flag) => {
|
|
const closeDialog = (flag) => {
|
|
|
|
+ activeName.value = 'first'
|
|
resetForm()
|
|
resetForm()
|
|
- upload.value.clearFiles();
|
|
|
|
|
|
+ upload.value.clearFiles()
|
|
|
|
+ upload2.value.clearFiles()
|
|
|
|
+ upload22.value.clearFiles()
|
|
|
|
+ upload222.value.clearFiles()
|
|
|
|
+ upload3.value.clearFiles()
|
|
|
|
+ upload33.value.clearFiles()
|
|
|
|
+
|
|
showDialog.value = false
|
|
showDialog.value = false
|
|
emit('closeDialog', flag)
|
|
emit('closeDialog', flag)
|
|
}
|
|
}
|
|
|
|
|
|
function resetForm() {
|
|
function resetForm() {
|
|
-
|
|
|
|
formInfo.value.resetFields()
|
|
formInfo.value.resetFields()
|
|
}
|
|
}
|
|
|
|
|
|
//角色下拉请求
|
|
//角色下拉请求
|
|
- function optionselect() {
|
|
|
|
- api.getPlatformBoxList().then((requset) => {
|
|
|
|
|
|
+ function getMenuBoxList(params) {
|
|
|
|
+ api.getMenuBoxList({ tenantId: params }).then((requset) => {
|
|
if (requset.status === 'SUCCESS') {
|
|
if (requset.status === 'SUCCESS') {
|
|
- getPlatformBoxList.value = requset.data
|
|
|
|
|
|
+ console.log(requset.data)
|
|
|
|
+ homeUrlList.value = requset.data
|
|
} else {
|
|
} else {
|
|
ElMessage.error(requset.msg)
|
|
ElMessage.error(requset.msg)
|
|
}
|
|
}
|
|
@@ -316,9 +609,12 @@ export default defineComponent({
|
|
pickerEndDate,
|
|
pickerEndDate,
|
|
roleValid,
|
|
roleValid,
|
|
submitForm,
|
|
submitForm,
|
|
|
|
+ submitForm2,
|
|
|
|
+ submitForm3,
|
|
closeDialog,
|
|
closeDialog,
|
|
open,
|
|
open,
|
|
|
|
|
|
|
|
+
|
|
store,
|
|
store,
|
|
beginTime,
|
|
beginTime,
|
|
showDialog,
|
|
showDialog,
|
|
@@ -326,19 +622,36 @@ export default defineComponent({
|
|
checked: true,
|
|
checked: true,
|
|
form,
|
|
form,
|
|
formInfo,
|
|
formInfo,
|
|
- getPlatformBoxList,
|
|
|
|
|
|
+ formInfo2,
|
|
|
|
+ formInfo3,
|
|
|
|
+ homeUrlList,
|
|
|
|
|
|
activeName,
|
|
activeName,
|
|
value,
|
|
value,
|
|
overLength,
|
|
overLength,
|
|
handleUpAvatar,
|
|
handleUpAvatar,
|
|
|
|
+ handleUpAvatar2,
|
|
|
|
+ handleUpAvatar22,
|
|
|
|
+ handleUpAvatar222,
|
|
|
|
+ handleUpAvatar3,
|
|
|
|
+ handleUpAvatar33,
|
|
handleRemove,
|
|
handleRemove,
|
|
|
|
+ handleRemove2,
|
|
|
|
+ handleRemove22,
|
|
|
|
+ handleRemove222,
|
|
|
|
+ handleRemove3,
|
|
|
|
+ handleRemove33,
|
|
accessToken,
|
|
accessToken,
|
|
upload,
|
|
upload,
|
|
|
|
+ upload2,
|
|
|
|
+ upload22,
|
|
|
|
+ upload222,
|
|
|
|
+ upload3,
|
|
|
|
+ upload33,
|
|
|
|
|
|
rules: {
|
|
rules: {
|
|
- middleTitle: [
|
|
|
|
- { required: true, message: '请输入主页标题', trigger: 'blur' },
|
|
|
|
|
|
+ homeTitle: [
|
|
|
|
+ { required: false, message: '请输入主页标题', trigger: 'blur' },
|
|
{
|
|
{
|
|
min: 1,
|
|
min: 1,
|
|
max: 30,
|
|
max: 30,
|
|
@@ -346,14 +659,55 @@ export default defineComponent({
|
|
trigger: 'blur',
|
|
trigger: 'blur',
|
|
},
|
|
},
|
|
],
|
|
],
|
|
- homeLogo: [
|
|
|
|
- { required: true, message: '请输入主页logo', trigger: 'blur' },
|
|
|
|
|
|
+ homeStyle: [
|
|
|
|
+ { required: false, message: '请输入主页logo', trigger: 'blur' },
|
|
],
|
|
],
|
|
- homePageUrl: [
|
|
|
|
- { required: true, message: '请输入主页请求地址', trigger: 'blur' },
|
|
|
|
|
|
+ homeLogo: [
|
|
|
|
+ { required: false, message: '请输入主页logo', trigger: 'blur' },
|
|
],
|
|
],
|
|
homeLayout: [
|
|
homeLayout: [
|
|
- { required: true, message: '请选则主页导航布局', trigger: 'change' },
|
|
|
|
|
|
+ { required: false, message: '请选则主页导航布局', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+ largeScreenUrl: [
|
|
|
|
+ { required: false, message: '请输入大屏地址', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+
|
|
|
|
+ loginTitle: [
|
|
|
|
+ { required: false, message: '请输入登录页标题', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+ loginLogo: [
|
|
|
|
+ { required: false, message: '请选则登录页logo', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+ loginBackUrl: [
|
|
|
|
+ { required: false, message: '请选择登录页背景图', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+ loginFooter: [
|
|
|
|
+ { required: false, message: '请输入登录页底部标题', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+ labelIcon: [
|
|
|
|
+ { required: false, message: '请输入标签页图标', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+
|
|
|
|
+ // middleStatus: [
|
|
|
|
+ // { required: false, message: '请选则中间页状态', trigger: 'blur' },
|
|
|
|
+ // ],
|
|
|
|
+ middleTitle: [
|
|
|
|
+ { required: false, message: '请输入中间页标题', trigger: 'blur' },
|
|
|
|
+ {
|
|
|
|
+ min: 1,
|
|
|
|
+ max: 30,
|
|
|
|
+ message: '长度在 1 到 30个字符',
|
|
|
|
+ trigger: 'blur',
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
|
|
+ middleLogo: [
|
|
|
|
+ { required: false, message: '请输入中间页logo', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+ middleBackUrl: [
|
|
|
|
+ { required: false, message: '请选择中间页背景图', trigger: 'blur' },
|
|
|
|
+ ],
|
|
|
|
+ middleFooter: [
|
|
|
|
+ { required: false, message: '请输入中间页底部标题', trigger: 'blur' },
|
|
],
|
|
],
|
|
},
|
|
},
|
|
}
|
|
}
|
|
@@ -401,12 +755,25 @@ export default defineComponent({
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
}
|
|
}
|
|
-::v-deep .el-upload-list__item{
|
|
|
|
- width:100px!important
|
|
|
|
|
|
+::v-deep .el-upload-list__item {
|
|
|
|
+ width: 100px !important;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+.homeStyleColor{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 20px;
|
|
|
|
+ margin-top: 7px;
|
|
|
|
+ color:#fff;
|
|
|
|
+ // line-height:20px;
|
|
|
|
+ // padding-left:5px
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+
|
|
</style>
|
|
</style>
|
|
<style>
|
|
<style>
|
|
.systemCard .el-dialog__body {
|
|
.systemCard .el-dialog__body {
|
|
padding-top: 10px !important;
|
|
padding-top: 10px !important;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+
|
|
</style>
|
|
</style>
|