Commit 242face2 authored by 黄奎's avatar 黄奎

页面修改

parent 02a01d21
<style> <style>
.mimipage .el-tabs__header{ .mimipage .el-tabs__header {
padding: 0 20px; padding: 0 20px;
height: 56px; height: 56px;
line-height: 56px; line-height: 56px;
background-color: #fff; background-color: #fff;
margin-bottom:15px; margin-bottom: 15px;
} }
.mimipage .panelDiv{
display: flex; .mimipage .panelDiv {
flex-wrap: wrap; display: flex;
} flex-wrap: wrap;
.mimipage .panel_item{ }
background-color: #fff;
width: 33%; .mimipage .panel_item {
min-height: 185px; background-color: #fff;
margin-bottom: 10px; width: 33%;
position: relative; min-height: 185px;
padding: 20px; margin-bottom: 10px;
margin-right: 0.33%; position: relative;
} padding: 20px;
.mimipage .panel_name{ margin-right: 0.33%;
background-color: #F4F4F5; }
color: #909399;
width: auto; .mimipage .panel_name {
display: inline-block; background-color: #F4F4F5;
padding: 0 10px; color: #909399;
height: 32px; width: auto;
line-height: 32px; display: inline-block;
text-align: center; padding: 0 10px;
font-size: 12px; height: 32px;
border-radius: 3px; line-height: 32px;
border: 1px solid #E0E0E3; text-align: center;
margin-bottom: 5px; font-size: 12px;
} border-radius: 3px;
.mimipage .el-form-item{ border: 1px solid #E0E0E3;
margin-bottom:0; margin-bottom: 5px;
} }
.mimipage .el-form-item {
margin-bottom: 0;
}
</style> </style>
<template> <template>
<div class="mimipage"> <div class="mimipage">
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane v-for="(item,index) in dataList" :label="item.PageTypeName" :name="item.PageTypeId+''" :key="index"> <el-tab-pane v-for="(item,index) in dataList" :label="item.PageTypeName" :name="item.PageTypeId+''" :key="index">
<div class="panelDiv"> <div class="panelDiv">
<div class="panel_item" v-for="(subItem,subIndex) in item.SubMenuList" :key="subIndex"> <div class="panel_item" v-for="(subItem,subIndex) in item.SubMenuList" :key="subIndex">
<div class="panel_name"> <div class="panel_name">
<span v-if="subItem.SelfPageName">{{subItem.SelfPageName}}</span> <span v-if="subItem.SelfPageName">{{subItem.SelfPageName}}</span>
<span v-else>{{subItem.PageName}} </span> <span v-else>{{subItem.PageName}} </span>
</div>
<el-form label-width="50px">
<el-form-item label="路径">
<span>{{subItem.PageUrl}}</span>
</el-form-item>
<el-form-item label="参数1" v-if="subItem.IsParameter==1">
<el-input size="small" v-model="subItem.ParameterValue" :placeholder="subItem.TipText"></el-input>
</el-form-item>
</el-form>
</div> </div>
<el-form label-width="50px">
<el-form-item label="路径">
<span>{{subItem.PageUrl}}</span>
</el-form-item>
<el-form-item label="参数1" v-if="subItem.IsParameter==1">
<el-input size="small" v-model="subItem.ParameterValue" :placeholder="subItem.TipText"></el-input>
</el-form-item>
</el-form>
</div>
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
...@@ -75,10 +80,12 @@ ...@@ -75,10 +80,12 @@
}, },
methods: { methods: {
handleClick(tab, event) { handleClick(tab, event) {
}, },
getList() { getList() {
this.apipost("/api/Tenant/GetMiniprogramPageListExt", {}, res => { this.apipost("/api/Tenant/GetMiniprogramPageListExt", {
IsHiddenGoods: 1
}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.dataList = res.data.data; this.dataList = res.data.data;
} else { } else {
...@@ -91,4 +98,5 @@ ...@@ -91,4 +98,5 @@
this.getList(); this.getList();
} }
}; };
</script> </script>
<style> <style>
.mimititle .mimitBody{ .mimititle .mimitBody {
padding:20px; padding: 20px;
background-color: #fff; background-color: #fff;
margin:10px 0 20px 0; margin: 10px 0 20px 0;
display:table; display: table;
width:100%; width: 100%;
} }
.mimititle .mimitList{
margin-bottom:15px; .mimititle .mimitList {
margin-bottom: 15px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.mimititle .mimitBody .el-tag{
.mimititle .mimitBody .el-tag {
min-width: 120px; min-width: 120px;
padding-right: 50px; padding-right: 50px;
} }
.mimititle .el-button--small{
padding:9px 25px; .mimititle .el-button--small {
padding: 9px 25px;
} }
</style> </style>
<template> <template>
<div class="mimititle"> <div class="mimititle">
<div class="CommonHeader">页面标题设置</div> <div class="CommonHeader">页面标题设置</div>
<div class="mimitBody"> <div class="mimitBody">
<template v-for="(item,index) in dataList"> <template v-for="(item,index) in dataList">
<div class="el-col el-col-12 mimitList" :key="index"> <div class="el-col el-col-12 mimitList" :key="index">
<el-tag>{{item.firstItem.PageName}}</el-tag> <el-tag>{{item.firstItem.PageName}}</el-tag>
<el-input type="text" style="margin:0 20px;" v-model="item.firstItem.SelfPageName" size="small"></el-input> <el-input type="text" style="margin:0 20px;" v-model="item.firstItem.SelfPageName" size="small"></el-input>
</div> </div>
<div class="el-col el-col-12 mimitList" :key="index+1000"> <div class="el-col el-col-12 mimitList" :key="index+1000">
<el-tag v-if="item.secondItem">{{item.secondItem.PageName}}</el-tag> <el-tag v-if="item.secondItem">{{item.secondItem.PageName}}</el-tag>
<el-input v-if="item.secondItem" v-model="item.secondItem.SelfPageName" type="text" style="margin:0 20px;" size="small"></el-input> <el-input v-if="item.secondItem" v-model="item.secondItem.SelfPageName" type="text" style="margin:0 20px;"
</div> size="small"></el-input>
</template> </div>
</template>
</div> </div>
<el-button size="small" type="primary" @click="submitForm()">保存</el-button> <el-button size="small" type="primary" @click="submitForm()">保存</el-button>
<el-button size="small" @click="resetInfo()">恢复默认</el-button> <el-button size="small" @click="resetInfo()">恢复默认</el-button>
...@@ -52,7 +57,9 @@ ...@@ -52,7 +57,9 @@
methods: { methods: {
getList() { getList() {
this.dataList = []; this.dataList = [];
this.apipost("/api/Tenant/GetMiniprogramPageListExt", {}, res => { this.apipost("/api/Tenant/GetMiniprogramPageListExt", {
IsHiddenGoods: 1
}, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
var data = res.data.data; var data = res.data.data;
var myArray = []; var myArray = [];
...@@ -126,14 +133,14 @@ ...@@ -126,14 +133,14 @@
}, },
//恢复默认 //恢复默认
resetInfo(){ resetInfo() {
if (this.dataList && this.dataList.length > 0) { if (this.dataList && this.dataList.length > 0) {
this.dataList.forEach(item => { this.dataList.forEach(item => {
if (item.firstItem) { if (item.firstItem) {
item.firstItem.SelfPageName='' item.firstItem.SelfPageName = ''
} }
if (item.secondItem) { if (item.secondItem) {
item.secondItem.SelfPageName='' item.secondItem.SelfPageName = ''
} }
}) })
} }
...@@ -143,4 +150,5 @@ ...@@ -143,4 +150,5 @@
this.getList(); this.getList();
} }
}; };
</script>
\ No newline at end of file </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment