|
@@ -16,12 +16,13 @@
|
|
<!-- 操作工具栏 -->
|
|
<!-- 操作工具栏 -->
|
|
<el-row :gutter="10" class="mb8">
|
|
<el-row :gutter="10" class="mb8">
|
|
<el-col :span="1.5">
|
|
<el-col :span="1.5">
|
|
- <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd(1)">新增</el-button>
|
|
|
|
|
|
+ <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd(1,menu.parentId)">新增
|
|
|
|
+ </el-button>
|
|
</el-col>
|
|
</el-col>
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
</el-row>
|
|
</el-row>
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
- <el-table :data="menu.data">
|
|
|
|
|
|
+ <el-table v-loading="menu.loading" :data="menu.data">
|
|
<el-table-column label="序号" align="center" prop="id"/>
|
|
<el-table-column label="序号" align="center" prop="id"/>
|
|
<el-table-column label="名称" align="center" prop="name"/>
|
|
<el-table-column label="名称" align="center" prop="name"/>
|
|
<!-- <el-table-column label="链接" align="center" prop="link"/>-->
|
|
<!-- <el-table-column label="链接" align="center" prop="link"/>-->
|
|
@@ -51,7 +52,7 @@
|
|
v-hasPermi="['supplier:login-page-popularize-module-config:update']"
|
|
v-hasPermi="['supplier:login-page-popularize-module-config:update']"
|
|
>编辑
|
|
>编辑
|
|
</el-button>
|
|
</el-button>
|
|
- <el-button size="mini" type="text" icon="el-icon-view"
|
|
|
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-view" @click="preView(scope.row.type,scope.row,index)"
|
|
>预览
|
|
>预览
|
|
</el-button>
|
|
</el-button>
|
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
|
@@ -81,7 +82,7 @@
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
</el-row>
|
|
</el-row>
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
- <el-table :data="moduleList">
|
|
|
|
|
|
+ <el-table v-loading="modObj.loading" :data="modObj.data">
|
|
<el-table-column label="序号" align="center" prop="id"/>
|
|
<el-table-column label="序号" align="center" prop="id"/>
|
|
<el-table-column label="模块名称" align="center" prop="name"/>
|
|
<el-table-column label="模块名称" align="center" prop="name"/>
|
|
<el-table-column label="排序" align="center" prop="sort"/>
|
|
<el-table-column label="排序" align="center" prop="sort"/>
|
|
@@ -106,7 +107,7 @@
|
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row,scope.row.type)"
|
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row,scope.row.type)"
|
|
>编辑
|
|
>编辑
|
|
</el-button>
|
|
</el-button>
|
|
- <el-button size="mini" type="text" icon="el-icon-edit"
|
|
|
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-view" @click="preView(2,scope.row,0)"
|
|
>预览
|
|
>预览
|
|
</el-button>
|
|
</el-button>
|
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
|
|
@@ -117,27 +118,31 @@
|
|
</el-table>
|
|
</el-table>
|
|
<div style="padding: 0 12%" ref="sortableContainer">
|
|
<div style="padding: 0 12%" ref="sortableContainer">
|
|
<!-- <div shadow="hover" v-for="(item,index) in [1,2,3,4,5,6]" :key="index"-->
|
|
<!-- <div shadow="hover" v-for="(item,index) in [1,2,3,4,5,6]" :key="index"-->
|
|
- <div shadow="hover" v-for="(item,index) in loginModuleDataDisplayCopy" :key="index"
|
|
|
|
|
|
+ <div shadow="hover" v-for="(item,index1) in loginModuleDataDisplayCopy" :key="index1"
|
|
class="module-item"
|
|
class="module-item"
|
|
:style="{height: vModuleHeight +'px'}"
|
|
:style="{height: vModuleHeight +'px'}"
|
|
>
|
|
>
|
|
- <div style="font-size: 30px;font-weight: bold;padding: 5px 15px">
|
|
|
|
|
|
+ <div style="height: 12%;padding: 10px 10px 5px"
|
|
|
|
+ :style="{fontSize: vModuleFontSize1 +'px'}"
|
|
|
|
+ >
|
|
{{ item.name }}
|
|
{{ item.name }}
|
|
</div>
|
|
</div>
|
|
- <div style="height: 82%;padding:0 20px">
|
|
|
|
|
|
+ <div style="height: 78%;padding:10px 10px 10px">
|
|
<div style="height: 85%">
|
|
<div style="height: 85%">
|
|
- <img :src="item.imgUrls" width="100%" height="auto">
|
|
|
|
|
|
+ <img :src="item.imgUrls" width="100%" height="100%">
|
|
</div>
|
|
</div>
|
|
- <div style="font-size: 16px;height: 15%;text-align: center">
|
|
|
|
- <div v-html="item.digest"></div>
|
|
|
|
|
|
+ <div style="height: 15%;text-align: center;margin: 10px 0"
|
|
|
|
+ :style="{fontSize: vModuleFontSize2 +'px'}"
|
|
|
|
+ >
|
|
|
|
+ {{ item.digest }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div style="text-align: center;">
|
|
|
|
|
|
+ <div style="text-align: center;height: 11%;">
|
|
<el-popover placement="top" width="400" trigger="click">
|
|
<el-popover placement="top" width="400" trigger="click">
|
|
- <el-button v-for="(modItem,modIndex) in moduleList" @click="selectMod(modItem,modIndex)" :key="modIndex">
|
|
|
|
- {{ modItem.name }}
|
|
|
|
- </el-button>
|
|
|
|
- <el-button slot="reference" type="primary">选择模板</el-button>
|
|
|
|
|
|
+ <span v-for="(modItem,index2) in modObj.data" style="margin: 5px">
|
|
|
|
+ <el-button @click="selectMod(modItem,index1)" :key="index2"> {{ modItem.name }}</el-button>
|
|
|
|
+ </span>
|
|
|
|
+ <el-button size="mini" slot="reference" type="primary">选择模板</el-button>
|
|
</el-popover>
|
|
</el-popover>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -164,7 +169,7 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item v-if="editType === 2" label="模块简介" prop="digest">
|
|
<el-form-item v-if="editType === 2" label="模块简介" prop="digest">
|
|
- <editor v-model="form.digest" :min-height="180"/>
|
|
|
|
|
|
+ <el-input type="textarea" :autosize="{ minRows: 4 }" v-model="form.digest" :maxlength="50"/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item v-if="editType === 2" label="主图" prop="imgUrls">
|
|
<el-form-item v-if="editType === 2" label="主图" prop="imgUrls">
|
|
@@ -173,27 +178,21 @@
|
|
<el-form-item v-if="editType === 2" label="模块详情" prop="pageContent">
|
|
<el-form-item v-if="editType === 2" label="模块详情" prop="pageContent">
|
|
<editor v-model="form.pageContent" :min-height="380"/>
|
|
<editor v-model="form.pageContent" :min-height="380"/>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <!-- <el-form-item label="链接" prop="link">-->
|
|
|
|
- <!-- <el-input v-model="form.link" type="textarea" placeholder="请输入内容"/>-->
|
|
|
|
- <!-- </el-form-item>-->
|
|
|
|
-
|
|
|
|
- <!-- <el-form-item label="排序" prop="sort">-->
|
|
|
|
- <!-- <el-input v-model="form.sort" placeholder="请输入排序"/>-->
|
|
|
|
- <!-- </el-form-item>-->
|
|
|
|
-
|
|
|
|
- <!-- <el-form-item label="状态" prop="status">-->
|
|
|
|
- <!-- <el-radio-group v-model="form.status">-->
|
|
|
|
- <!-- <el-radio v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)"-->
|
|
|
|
- <!-- :key="dict.value" :label="dict.value"-->
|
|
|
|
- <!-- >{{ dict.label }}-->
|
|
|
|
- <!-- </el-radio>-->
|
|
|
|
- <!-- </el-radio-group>-->
|
|
|
|
- <!-- </el-form-item>-->
|
|
|
|
-
|
|
|
|
- <!-- <el-form-item label="图片" prop="imgUrls">-->
|
|
|
|
- <!-- <el-input v-model="form.imgUrls" placeholder="请输入图片"/>-->
|
|
|
|
- <!-- </el-form-item>-->
|
|
|
|
|
|
+ <!--<el-form-item label="链接" prop="link">-->
|
|
|
|
+ <!-- <el-input v-model="form.link" type="textarea" placeholder="请输入内容"/>-->
|
|
|
|
+ <!--</el-form-item>-->
|
|
|
|
+ <el-form-item label="排序" prop="sort">
|
|
|
|
+ <el-input v-model="form.sort" placeholder="请输入排序"/>
|
|
|
|
+ </el-form-item>
|
|
|
|
|
|
|
|
+ <el-form-item label="状态" prop="status">
|
|
|
|
+ <el-radio-group v-model="form.status+''">
|
|
|
|
+ <el-radio v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)"
|
|
|
|
+ :key="dict.value" :label="dict.value"
|
|
|
|
+ >{{ dict.label }}
|
|
|
|
+ </el-radio>
|
|
|
|
+ </el-radio-group>
|
|
|
|
+ </el-form-item>
|
|
|
|
|
|
</el-form>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
@@ -202,6 +201,10 @@
|
|
<el-button @click="cancel">取 消</el-button>
|
|
<el-button @click="cancel">取 消</el-button>
|
|
</div>
|
|
</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
+
|
|
|
|
+ <el-dialog title="预览" :visible.sync="preOpen" width="1700px">
|
|
|
|
+ <PreLogin ref="preLogin"></PreLogin>
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -218,10 +221,11 @@ import { getConfigData, updateConfig } from '@/api/infra/config'
|
|
import Sortable from 'sortablejs'
|
|
import Sortable from 'sortablejs'
|
|
import Editor from '@/components/Editor'
|
|
import Editor from '@/components/Editor'
|
|
import ImageUpload from '@/components/ImageUpload'
|
|
import ImageUpload from '@/components/ImageUpload'
|
|
|
|
+import PreLogin from './preview/login'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
name: 'LoginPagePopularizeModuleConfig',
|
|
name: 'LoginPagePopularizeModuleConfig',
|
|
- components: { Editor, ImageUpload },
|
|
|
|
|
|
+ components: { Editor, ImageUpload, PreLogin },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
// 遮罩层
|
|
// 遮罩层
|
|
@@ -234,11 +238,15 @@ export default {
|
|
total: 0,
|
|
total: 0,
|
|
// 登录页面推广模块配置列表
|
|
// 登录页面推广模块配置列表
|
|
list: [],
|
|
list: [],
|
|
- moduleList: [],
|
|
|
|
|
|
+ modObj: {
|
|
|
|
+ data: [],
|
|
|
|
+ loading: false
|
|
|
|
+ },
|
|
// 弹出层标题
|
|
// 弹出层标题
|
|
title: '',
|
|
title: '',
|
|
// 是否显示弹出层
|
|
// 是否显示弹出层
|
|
open: false,
|
|
open: false,
|
|
|
|
+ preOpen: false,
|
|
// 查询参数
|
|
// 查询参数
|
|
queryParams: {
|
|
queryParams: {
|
|
pageNo: 1,
|
|
pageNo: 1,
|
|
@@ -266,12 +274,17 @@ export default {
|
|
configModuleData: {},
|
|
configModuleData: {},
|
|
sortableInstance: null,
|
|
sortableInstance: null,
|
|
vModuleHeight: window.innerHeight * 0.45,
|
|
vModuleHeight: window.innerHeight * 0.45,
|
|
|
|
+ vModuleFontSize1: window.innerHeight * 0.022,
|
|
|
|
+ vModuleFontSize2: window.innerHeight * 0.015,
|
|
editType: 1
|
|
editType: 1
|
|
}
|
|
}
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
'aboutHZLData': {
|
|
'aboutHZLData': {
|
|
handler: function(newValue) {
|
|
handler: function(newValue) {
|
|
|
|
+ if (!newValue) {
|
|
|
|
+ return
|
|
|
|
+ }
|
|
updateLoginPagePopularizeModuleConfig(newValue)
|
|
updateLoginPagePopularizeModuleConfig(newValue)
|
|
// this.$modal.msgSuccess('更新成功')
|
|
// this.$modal.msgSuccess('更新成功')
|
|
},
|
|
},
|
|
@@ -279,6 +292,9 @@ export default {
|
|
},
|
|
},
|
|
'bottomModData': {
|
|
'bottomModData': {
|
|
handler: function(newValue) {
|
|
handler: function(newValue) {
|
|
|
|
+ if (!newValue) {
|
|
|
|
+ return
|
|
|
|
+ }
|
|
updateLoginPagePopularizeModuleConfig(newValue)
|
|
updateLoginPagePopularizeModuleConfig(newValue)
|
|
// this.$modal.msgSuccess('更新成功')
|
|
// this.$modal.msgSuccess('更新成功')
|
|
},
|
|
},
|
|
@@ -309,7 +325,7 @@ export default {
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
//各个模块初始化数据
|
|
//各个模块初始化数据
|
|
- this.getList('', 2, this.moduleList)
|
|
|
|
|
|
+ this.getList('', 2, this.modObj)
|
|
this.getList('aboutHZL', 1, this.aboutHZLData)
|
|
this.getList('aboutHZL', 1, this.aboutHZLData)
|
|
this.getList('bottomMod', 3, this.bottomModData)
|
|
this.getList('bottomMod', 3, this.bottomModData)
|
|
getConfigData('login_menu').then(res => {
|
|
getConfigData('login_menu').then(res => {
|
|
@@ -317,8 +333,7 @@ export default {
|
|
this.configMenuData = res.data
|
|
this.configMenuData = res.data
|
|
this.loginMenuData = JSON.parse(res.data.value)
|
|
this.loginMenuData = JSON.parse(res.data.value)
|
|
this.loginMenuData.forEach(item => {
|
|
this.loginMenuData.forEach(item => {
|
|
- item.data = []
|
|
|
|
- this.getList(item.parentId, 1, item.data)
|
|
|
|
|
|
+ this.getList(item.parentId, 1, item)
|
|
})
|
|
})
|
|
}
|
|
}
|
|
})
|
|
})
|
|
@@ -331,6 +346,19 @@ export default {
|
|
})
|
|
})
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ preView(type, data, index) {
|
|
|
|
+ this.preOpen = true
|
|
|
|
+ if (type === 1) {
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.$refs.preLogin.menuPre(data, index)
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ if (type === 2) {
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.$refs.preLogin.modulePre(data, index)
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ },
|
|
/**
|
|
/**
|
|
* 更新配置模块的数据。
|
|
* 更新配置模块的数据。
|
|
*/
|
|
*/
|
|
@@ -340,8 +368,13 @@ export default {
|
|
this.$modal.msgSuccess('更新成功')
|
|
this.$modal.msgSuccess('更新成功')
|
|
},
|
|
},
|
|
selectMod(item, index) {
|
|
selectMod(item, index) {
|
|
|
|
+
|
|
this.loginModuleData.splice(index, 1)// 移除旧位置的项
|
|
this.loginModuleData.splice(index, 1)// 移除旧位置的项
|
|
this.loginModuleData.splice(index, 0, item) // 在新位置插入项
|
|
this.loginModuleData.splice(index, 0, item) // 在新位置插入项
|
|
|
|
+
|
|
|
|
+ this.loginModuleDataDisplayCopy.splice(index, 1)// 移除旧位置的项
|
|
|
|
+ this.loginModuleDataDisplayCopy.splice(index, 0, item) // 在新位置插入项
|
|
|
|
+
|
|
this.updateConfigModData()
|
|
this.updateConfigModData()
|
|
},
|
|
},
|
|
updateStatus(row) {
|
|
updateStatus(row) {
|
|
@@ -349,7 +382,7 @@ export default {
|
|
this.$modal.msgSuccess('更新成功')
|
|
this.$modal.msgSuccess('更新成功')
|
|
},
|
|
},
|
|
adVModuleHeightHeight() {
|
|
adVModuleHeightHeight() {
|
|
- this.vModuleHeight = window.innerHeight * 0.35
|
|
|
|
|
|
+ this.vModuleHeight = window.innerHeight * 0.40
|
|
},
|
|
},
|
|
// 回调函数示例
|
|
// 回调函数示例
|
|
handleSort(event) {
|
|
handleSort(event) {
|
|
@@ -358,25 +391,35 @@ export default {
|
|
const movedItem = this.loginModuleData.splice(oldIndex, 1)[0] // 移除旧位置的项
|
|
const movedItem = this.loginModuleData.splice(oldIndex, 1)[0] // 移除旧位置的项
|
|
this.loginModuleData.splice(newIndex, 0, movedItem) // 在新位置插入项
|
|
this.loginModuleData.splice(newIndex, 0, movedItem) // 在新位置插入项
|
|
this.updateConfigModData()
|
|
this.updateConfigModData()
|
|
- this.$forceUpdate()
|
|
|
|
},
|
|
},
|
|
/** 查询列表 */
|
|
/** 查询列表 */
|
|
getList(parentId, type, data) {
|
|
getList(parentId, type, data) {
|
|
- this.queryParams.parentId = parentId
|
|
|
|
- this.queryParams.type = type
|
|
|
|
- this.loading = true
|
|
|
|
|
|
+ if (type) {
|
|
|
|
+ this.queryParams.type = type
|
|
|
|
+ if (type === 1) {
|
|
|
|
+ data.loading = true
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ if (parentId) {
|
|
|
|
+ this.queryParams.parentId = parentId
|
|
|
|
+ }
|
|
// 执行查询
|
|
// 执行查询
|
|
getLoginPagePopularizeModuleConfigPage(this.queryParams).then(response => {
|
|
getLoginPagePopularizeModuleConfigPage(this.queryParams).then(response => {
|
|
- if (parentId === 'aboutHZL' && response.data) {
|
|
|
|
- this.aboutHZLData = response.data.list[0]
|
|
|
|
- } else if (parentId === 'bottomMod' && response.data) {
|
|
|
|
- this.bottomModData = response.data.list[0]
|
|
|
|
- } else {
|
|
|
|
- response.data.list.forEach(item => {
|
|
|
|
- data.push(item)
|
|
|
|
- })
|
|
|
|
|
|
+ if (response.data) {
|
|
|
|
+ switch (parentId) {
|
|
|
|
+ case 'aboutHZL':
|
|
|
|
+ this.aboutHZLData = response.data.list[0]
|
|
|
|
+ break
|
|
|
|
+ case 'bottomMod':
|
|
|
|
+ this.bottomModData = response.data.list[0]
|
|
|
|
+ break
|
|
|
|
+ default:
|
|
|
|
+ response.data.list.forEach(item => {
|
|
|
|
+ data.data.push(item)
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ data.loading = false
|
|
}
|
|
}
|
|
- this.loading = false
|
|
|
|
})
|
|
})
|
|
},
|
|
},
|
|
/** 取消按钮 */
|
|
/** 取消按钮 */
|
|
@@ -411,11 +454,12 @@ export default {
|
|
this.handleQuery()
|
|
this.handleQuery()
|
|
},
|
|
},
|
|
/** 新增按钮操作 */
|
|
/** 新增按钮操作 */
|
|
- handleAdd(type) {
|
|
|
|
|
|
+ handleAdd(type, parentId) {
|
|
this.reset()
|
|
this.reset()
|
|
this.editType = type
|
|
this.editType = type
|
|
if (type === 1) {
|
|
if (type === 1) {
|
|
this.form.type = 1
|
|
this.form.type = 1
|
|
|
|
+ this.form.parentId = parentId
|
|
this.title = '新增方案'
|
|
this.title = '新增方案'
|
|
}
|
|
}
|
|
if (type === 2) {
|
|
if (type === 2) {
|
|
@@ -429,10 +473,14 @@ export default {
|
|
this.reset()
|
|
this.reset()
|
|
const id = row.id
|
|
const id = row.id
|
|
this.editType = type
|
|
this.editType = type
|
|
|
|
+ if (type === 1) {
|
|
|
|
+ this.title = '修改方案'
|
|
|
|
+ } else if (type === 2) {
|
|
|
|
+ this.title = '修改模块'
|
|
|
|
+ }
|
|
getLoginPagePopularizeModuleConfig(id).then(response => {
|
|
getLoginPagePopularizeModuleConfig(id).then(response => {
|
|
this.form = response.data
|
|
this.form = response.data
|
|
this.open = true
|
|
this.open = true
|
|
- this.title = '修改登录页面推广模块配置'
|
|
|
|
})
|
|
})
|
|
},
|
|
},
|
|
/** 提交按钮 */
|
|
/** 提交按钮 */
|
|
@@ -446,8 +494,16 @@ export default {
|
|
updateLoginPagePopularizeModuleConfig(this.form).then(response => {
|
|
updateLoginPagePopularizeModuleConfig(this.form).then(response => {
|
|
this.$modal.msgSuccess('修改成功')
|
|
this.$modal.msgSuccess('修改成功')
|
|
this.open = false
|
|
this.open = false
|
|
|
|
+ if (this.from.type === 1) {
|
|
|
|
+ for (let i = 0; i < this.loginMenuData.length; i++) {
|
|
|
|
+ if (this.from.parentId === this.loginMenuData[i].parentId) {
|
|
|
|
+ this.getList(this.from.parentId, 1, this.loginMenuData[i])
|
|
|
|
+ break
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
if (this.from.type === 2) {
|
|
if (this.from.type === 2) {
|
|
- this.getList('', 2, this.moduleList)
|
|
|
|
|
|
+ this.getList('', 2, this.modObj)
|
|
}
|
|
}
|
|
})
|
|
})
|
|
return
|
|
return
|
|
@@ -456,7 +512,17 @@ export default {
|
|
createLoginPagePopularizeModuleConfig(this.form).then(response => {
|
|
createLoginPagePopularizeModuleConfig(this.form).then(response => {
|
|
this.$modal.msgSuccess('新增成功')
|
|
this.$modal.msgSuccess('新增成功')
|
|
this.open = false
|
|
this.open = false
|
|
- this.getList()
|
|
|
|
|
|
+ if (this.from.type === 1) {
|
|
|
|
+ for (let i = 0; i < this.loginMenuData.length; i++) {
|
|
|
|
+ if (this.from.parentId === this.loginMenuData[i].parentId) {
|
|
|
|
+ this.getList(this.from.parentId, 1, this.loginMenuData[i])
|
|
|
|
+ break
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ if (this.from.type === 2) {
|
|
|
|
+ this.getList('', 2, this.modObj)
|
|
|
|
+ }
|
|
})
|
|
})
|
|
})
|
|
})
|
|
},
|
|
},
|
|
@@ -506,14 +572,14 @@ export default {
|
|
.module-item {
|
|
.module-item {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
width: 30%;
|
|
width: 30%;
|
|
- border: 1px solid #e3e3e3;
|
|
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
- margin: 10px 1%;
|
|
|
|
|
|
+ margin: 1.2%;
|
|
|
|
+ box-shadow: 0 0 15px #c0cfe2;
|
|
/*transition: transform 0.1s ease;*/
|
|
/*transition: transform 0.1s ease;*/
|
|
}
|
|
}
|
|
|
|
|
|
.module-item:hover {
|
|
.module-item:hover {
|
|
- box-shadow: 0 0 5px #b6aeae;
|
|
|
|
|
|
+ box-shadow: 0 0 15px #c0cfe2;
|
|
transition: transform 0.4s ease;
|
|
transition: transform 0.4s ease;
|
|
transform: scale(1.035);
|
|
transform: scale(1.035);
|
|
}
|
|
}
|