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

页面修改

parent 02a01d21
<style>
.mimipage .el-tabs__header{
padding: 0 20px;
height: 56px;
line-height: 56px;
background-color: #fff;
margin-bottom:15px;
}
.mimipage .panelDiv{
display: flex;
flex-wrap: wrap;
}
.mimipage .panel_item{
background-color: #fff;
width: 33%;
min-height: 185px;
margin-bottom: 10px;
position: relative;
padding: 20px;
margin-right: 0.33%;
}
.mimipage .panel_name{
background-color: #F4F4F5;
color: #909399;
width: auto;
display: inline-block;
padding: 0 10px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 12px;
border-radius: 3px;
border: 1px solid #E0E0E3;
margin-bottom: 5px;
}
.mimipage .el-form-item{
margin-bottom:0;
}
.mimipage .el-tabs__header {
padding: 0 20px;
height: 56px;
line-height: 56px;
background-color: #fff;
margin-bottom: 15px;
}
.mimipage .panelDiv {
display: flex;
flex-wrap: wrap;
}
.mimipage .panel_item {
background-color: #fff;
width: 33%;
min-height: 185px;
margin-bottom: 10px;
position: relative;
padding: 20px;
margin-right: 0.33%;
}
.mimipage .panel_name {
background-color: #F4F4F5;
color: #909399;
width: auto;
display: inline-block;
padding: 0 10px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 12px;
border-radius: 3px;
border: 1px solid #E0E0E3;
margin-bottom: 5px;
}
.mimipage .el-form-item {
margin-bottom: 0;
}
</style>
<template>
<div class="mimipage">
<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">
<div class="panelDiv">
<div class="panel_item" v-for="(subItem,subIndex) in item.SubMenuList" :key="subIndex">
<div class="panel_name">
<span v-if="subItem.SelfPageName">{{subItem.SelfPageName}}</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 class="panel_item" v-for="(subItem,subIndex) in item.SubMenuList" :key="subIndex">
<div class="panel_name">
<span v-if="subItem.SelfPageName">{{subItem.SelfPageName}}</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-tab-pane>
</el-tabs>
......@@ -75,10 +80,12 @@
},
methods: {
handleClick(tab, event) {
},
getList() {
this.apipost("/api/Tenant/GetMiniprogramPageListExt", {}, res => {
this.apipost("/api/Tenant/GetMiniprogramPageListExt", {
IsHiddenGoods: 1
}, res => {
if (res.data.resultCode == 1) {
this.dataList = res.data.data;
} else {
......@@ -91,4 +98,5 @@
this.getList();
}
};
</script>
<style>
.mimititle .mimitBody{
padding:20px;
.mimititle .mimitBody {
padding: 20px;
background-color: #fff;
margin:10px 0 20px 0;
display:table;
width:100%;
margin: 10px 0 20px 0;
display: table;
width: 100%;
}
.mimititle .mimitList{
margin-bottom:15px;
.mimititle .mimitList {
margin-bottom: 15px;
display: flex;
flex-direction: row;
}
.mimititle .mimitBody .el-tag{
.mimititle .mimitBody .el-tag {
min-width: 120px;
padding-right: 50px;
}
.mimititle .el-button--small{
padding:9px 25px;
.mimititle .el-button--small {
padding: 9px 25px;
}
</style>
<template>
<div class="mimititle">
<div class="CommonHeader">页面标题设置</div>
<div class="mimitBody">
<template v-for="(item,index) in dataList">
<div class="el-col el-col-12 mimitList" :key="index">
<el-tag>{{item.firstItem.PageName}}</el-tag>
<el-input type="text" style="margin:0 20px;" v-model="item.firstItem.SelfPageName" size="small"></el-input>
</div>
<div class="el-col el-col-12 mimitList" :key="index+1000">
<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>
</div>
</template>
<template v-for="(item,index) in dataList">
<div class="el-col el-col-12 mimitList" :key="index">
<el-tag>{{item.firstItem.PageName}}</el-tag>
<el-input type="text" style="margin:0 20px;" v-model="item.firstItem.SelfPageName" size="small"></el-input>
</div>
<div class="el-col el-col-12 mimitList" :key="index+1000">
<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>
</div>
</template>
</div>
<el-button size="small" type="primary" @click="submitForm()">保存</el-button>
<el-button size="small" @click="resetInfo()">恢复默认</el-button>
......@@ -52,7 +57,9 @@
methods: {
getList() {
this.dataList = [];
this.apipost("/api/Tenant/GetMiniprogramPageListExt", {}, res => {
this.apipost("/api/Tenant/GetMiniprogramPageListExt", {
IsHiddenGoods: 1
}, res => {
if (res.data.resultCode == 1) {
var data = res.data.data;
var myArray = [];
......@@ -126,14 +133,14 @@
},
//恢复默认
resetInfo(){
resetInfo() {
if (this.dataList && this.dataList.length > 0) {
this.dataList.forEach(item => {
if (item.firstItem) {
item.firstItem.SelfPageName=''
item.firstItem.SelfPageName = ''
}
if (item.secondItem) {
item.secondItem.SelfPageName=''
item.secondItem.SelfPageName = ''
}
})
}
......@@ -143,4 +150,5 @@
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