Skip to content

S
SuperMan
Commit a8e0315d authored by 黄奎's avatar 黄奎
Browse files
Options

新增页面

parent 873f9a7a
Hide whitespace changes
Inline Side-by-side
Showing with 681 additions and 0 deletions
src/components/WebSet/WebSiteArea.vue 0 → 100644
View file @ a8e0315d
<style>
.WebSiteArea .el-button.is-circle {
padding: 6px;
}
.WebSiteArea .preview {
color: #409eff;
text-decoration: underline
}
</style>
<template>
<!--契约管理-->
<div class="WebSiteArea">
<div class="query-box">
<ul>
<li>
<label>名称</label>
<el-input v-model="msg.Name" :placeholder="$t('system.ph_in')" @keyup.native.enter="getData" class="w210">
</el-input>
</li>
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
@click="resetPageIndex(),getData()" />
<input type="button" class="normalBtn" @click="outerVisible=true,clearMsg()" value="新增地区" />
</li>
</ul>
</div>
<div>
<el-table :data="dataList" style="width: 100%" v-loading="loading"
:default-sort="{prop: 'date', order: 'descending'}">
<el-table-column prop="Id" label="编号" sortable>
</el-table-column>
<el-table-column prop="AreaName" label="名称" sortable>
</el-table-column>
<el-table-column prop="ParentName" label="上级名称" sortable>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle @click="outerVisible = true,updateData(scope.row)">
</el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle @click="deleteData(scope.row)"></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total=total>
</el-pagination>
</div>
<el-dialog title="地区设置" :visible.sync="outerVisible" center width="400px">
<el-form :model="addMsg" ref="addMsg" label-width="120px">
<el-row>
<el-col :span="24">
<el-form-item label="名称">
<el-input type="text" v-model="addMsg.AreaName" maxlength="50">
</el-input>
</el-form-item>
<el-form-item label="层级">
<el-select v-model="addMsg.Level" placeholder="请选择" @change="getAreaList()">
<el-option label="请选择" :value="0"></el-option>
<el-option label="洲" :value="1"></el-option>
<el-option label="国家" :value="2"></el-option>
<el-option label="地区" :value="3"></el-option>
<el-option label="省市" :value="4"></el-option>
</el-select>
</el-form-item>
<el-form-item label="上级">
<el-select v-model="addMsg.ParentId" placeholder="请选择">
<el-option label="请选择" :value="0"></el-option>
<el-option v-for="(item,index) in AreaList" :key="index" :label="item.AreaName" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> &nbsp;
<button class="hollowFixedBtn" @click="outerVisible = false">{{$t('pub.cancelBtn')}}</button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
loading: false,
msg: {
Name: '', //名称
pageSize: 15,
pageIndex: 1,
},
total: 0,
currentPage: 1,
//弹窗
outerVisible: false,
dataList: [],
addMsg: {
Id: 0, //编号
Level: 0, //等级
ParentId: 0, //父节点编号
AreaName: '', //名称
},
AreaList: [], //地区列表
}
},
mounted() {
this.getData();
},
methods: {
getAreaList() {
var level = 0;
if (this.addMsg.Level) {
level = Number(this.addMsg.Level) - 1;
}
this.apipost(
"ws_get_GetAreaList", {
Level: level
},
res => {
if (res.data.resultCode == 1) {
this.AreaList = res.data.data;
}
},
err => {}
);
},
//获取配置
getData() {
//获取现有线路列表
this.loading = true;
this.apipost(
"ws_get_GetAreaPageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count
} else {
this.loading = false;
}
},
err => {}
);
},
handleCurrentChange(val) {
//翻页功能按钮
this.msg.pageIndex = val;
this.getData();
},
resetPageIndex() {
//查询初始化页码
this.msg.pageIndex = 1;
this.currentPage = 1;
},
//修改
updateData(item) {
this.apipost(
"ws_get_GetArea", {
Id: item.Id,
},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
this.addMsg.Id = tempData.Id;
this.addMsg.Level = tempData.Level;
this.addMsg.ParentId = tempData.ParentId;
this.addMsg.AreaName = tempData.AreaName;
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//删除
deleteData(item) {
var that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"ws_post_RemoveArea", {
Id: item.Id
},
res => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getData();
} else {
that.Error(res.data.message);
}
},
null
);
});
},
//清空数据
clearMsg() {
this.addMsg.Id = 0;
this.addMsg.Level = 0;
this.addMsg.ParentId = 0;
this.addMsg.AreaName = "";
},
//新增、修改广告
submitForm(addMsg) {
this.apipost(
"ws_post_SetArea", this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.getData();
this.clearMsg();
this.Success(res.data.message);
this.outerVisible = false;
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
}
}
</script>
src/components/WebSet/WebSiteTemplate.vue 0 → 100644
View file @ a8e0315d
<style>
.WebSiteTemplate .el-button.is-circle {
padding: 6px;
}
.WebSiteTemplate .preview {
color: #409eff;
text-decoration: underline
}
</style>
<template>
<!--契约管理-->
<div class="WebSiteTemplate">
<div class="query-box">
<ul>
<li>
<label>模板名称：</label>
<el-input v-model="msg.TemplateName" :placeholder="$t('system.ph_in')" @keyup.native.enter="getData"
class="w210">
</el-input>
</li>
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
@click="resetPageIndex(),getData()" />
<input type="button" class="normalBtn" @click="outerVisible=true,clearMsg()" value="添加模板" />
</li>
</ul>
</div>
<div>
<el-table :data="dataList" style="width: 100%" v-loading="loading"
:default-sort="{prop: 'date', order: 'descending'}">
<el-table-column prop="Id" label="编号" sortable>
</el-table-column>
<el-table-column prop="TemplateKey" label="模板Key" sortable>
</el-table-column>
<el-table-column prop="TemplateName" label="模板名称" sortable>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle @click="outerVisible = true,updateData(scope.row)">
</el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="模板配置" placement="top-start">
<el-button type="primary" class="iconfont icon-danju1" circle @click="GoToSubPage(scope.row)">
</el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle @click="deleteData(scope.row)"></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total=total>
</el-pagination>
</div>
<el-dialog title="模板管理" :visible.sync="outerVisible" center width="400px">
<el-form :model="addMsg" ref="addMsg" label-width="120px">
<el-row>
<el-col :span="24">
<el-form-item label="模板Key">
<el-input type="text" v-model="addMsg.TemplateKey" maxlength="50">
</el-input>
</el-form-item>
<el-form-item label="模板名称">
<el-input type="text" v-model="addMsg.TemplateName" maxlength="50">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> &nbsp;
<button class="hollowFixedBtn" @click="outerVisible = false">{{$t('pub.cancelBtn')}}</button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
loading: false,
msg: {
TemplateName: '', //模板名称
pageSize: 15,
pageIndex: 1,
},
total: 0,
currentPage: 1,
//弹窗
outerVisible: false,
dataList: [],
addMsg: {
Id: 0, //编号
TemplateKey: '', //模板Key
TemplateName: '', //模板名称
},
}
},
mounted() {
this.getData();
},
methods: {
//获取配置
getData() {
//获取现有线路列表
this.loading = true;
this.apipost(
"ws_get_GetTemplatePageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count
} else {
this.loading = false;
}
},
err => {}
);
},
handleCurrentChange(val) {
//翻页功能按钮
this.msg.pageIndex = val;
this.getData();
},
resetPageIndex() {
//查询初始化页码
this.msg.pageIndex = 1;
this.currentPage = 1;
},
//修改
updateData(item) {
this.apipost(
"ws_get_GetTemplate", {
Id: item.Id,
},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
this.addMsg.Id = tempData.Id;
this.addMsg.TemplateKey = tempData.TemplateKey;
this.addMsg.TemplateName = tempData.TemplateName;
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//删除
deleteData(item) {
var that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"ws_post_RemoveTemplate", {
Id: item.Id
},
res => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getData();
} else {
that.Error(res.data.message);
}
},
null
);
});
},
//清空数据
clearMsg() {
this.addMsg.Id = 0;
this.addMsg.TemplateKey = "";
this.addMsg.TemplateName = "";
},
//新增、修改模板
submitForm(addMsg) {
this.apipost(
"ws_post_SetTemplate", this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.getData();
this.clearMsg();
this.Success(res.data.message);
this.outerVisible = false;
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//跳转子页面
GoToSubPage(item) {
this.$router.push({
name: "WebSiteTemplateDetails",
query: {
Id: item.Id,
blank: 'y',
tab: '模板配置'
}
});
}
}
}
</script>
src/components/WebSet/WebSiteTemplateDetails.vue 0 → 100644
View file @ a8e0315d
<style>
.WebSiteTemplate .el-button.is-circle {
padding: 6px;
}
.WebSiteTemplate .preview {
color: #409eff;
text-decoration: underline
}
</style>
<template>
<!--契约管理-->
<div class="WebSiteTemplate">
<div class="query-box">
<ul>
<li>
<label>模板名称：</label>
<el-input v-model="msg.TemplateName" :placeholder="$t('system.ph_in')" @keyup.native.enter="getData"
class="w210">
</el-input>
</li>
<li>
<input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
@click="resetPageIndex(),getData()" />
<input type="button" class="normalBtn" @click="outerVisible=true,clearMsg()" value="添加模板" />
</li>
</ul>
</div>
<div>
<el-table :data="dataList" style="width: 100%" v-loading="loading"
:default-sort="{prop: 'date', order: 'descending'}">
<el-table-column prop="Id" label="编号" sortable>
</el-table-column>
<el-table-column prop="TemplateKey" label="模板Key" sortable>
</el-table-column>
<el-table-column prop="TemplateName" label="模板名称" sortable>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" :content="$t('system.table_edit')" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle @click="outerVisible = true,updateData(scope.row)">
</el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="模板配置" placement="top-start">
<el-button type="primary" class="iconfont icon-danju1" circle @click="GoToSubPage(scope.row)">
</el-button>
</el-tooltip>
<el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start">
<el-button type="danger" icon="el-icon-delete" circle @click="deleteData(scope.row)"></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size='msg.pageSize' :total=total>
</el-pagination>
</div>
<el-dialog title="模板管理" :visible.sync="outerVisible" center width="400px">
<el-form :model="addMsg" ref="addMsg" label-width="120px">
<el-row>
<el-col :span="24">
<el-form-item label="模板Key">
<el-input type="text" v-model="addMsg.TemplateKey" maxlength="50">
</el-input>
</el-form-item>
<el-form-item label="模板名称">
<el-input type="text" v-model="addMsg.TemplateName" maxlength="50">
</el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button> &nbsp;
<button class="hollowFixedBtn" @click="outerVisible = false">{{$t('pub.cancelBtn')}}</button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
Id: 0, //地址栏编号
loading: false,
msg: {
TemplateName: '', //模板名称
pageSize: 15,
pageIndex: 1,
},
total: 0,
currentPage: 1,
//弹窗
outerVisible: false,
dataList: [],
addMsg: {
Id: 0, //编号
TemplateId: 0, //模板编号
TemplateKey: '', //模板Key
TemplateName: '', //模板名称
},
}
},
created() {
if (this.$route.query.Id) {
this.Id = this.$route.query.Id;
this.addMsg.TemplateId = this.$route.query.Id;
}
},
mounted() {
this.getData();
},
methods: {
//获取配置
getData() {
//获取现有线路列表
this.loading = true;
this.apipost(
"ws_get_GetTemplatePageList",
this.msg,
res => {
this.loading = false;
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count
} else {
this.loading = false;
}
},
err => {}
);
},
handleCurrentChange(val) {
//翻页功能按钮
this.msg.pageIndex = val;
this.getData();
},
resetPageIndex() {
//查询初始化页码
this.msg.pageIndex = 1;
this.currentPage = 1;
},
//修改
updateData(item) {
this.apipost(
"ws_get_GetTemplate", {
Id: item.Id,
},
res => {
if (res.data.resultCode == 1) {
var tempData = res.data.data;
this.addMsg.Id = tempData.Id;
this.addMsg.TemplateKey = tempData.TemplateKey;
this.addMsg.TemplateName = tempData.TemplateName;
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//删除
deleteData(item) {
var that = this;
that.Confirm("是否删除?", function () {
that.apipost(
"ws_post_RemoveTemplate", {
Id: item.Id
},
res => {
if (res.data.resultCode == 1) {
that.Success(res.data.message);
that.getData();
} else {
that.Error(res.data.message);
}
},
null
);
});
},
//清空数据
clearMsg() {
this.addMsg.Id = 0;
this.addMsg.TemplateKey = "";
this.addMsg.TemplateName = "";
},
//新增、修改模板
submitForm(addMsg) {
this.apipost(
"ws_post_SetTemplate", this.addMsg,
res => {
if (res.data.resultCode == 1) {
this.getData();
this.clearMsg();
this.Success(res.data.message);
this.outerVisible = false;
} else {
this.Error(res.data.message);
}
},
err => {}
);
},
//跳转子页面
GoToSubPage(item) {
}
}
}
</script>
src/router/config.js
View file @ a8e0315d
...@@ -4569,6 +4569,30 @@ export default { ...@@ -4569,6 +4569,30 @@ export default {
title: '行程内容页' title: '行程内容页'
}, },
}, },
{
path: '/WebSiteArea', //前台网站地区设置【自定义前端网站】
name: 'WebSiteArea',
component: resolve => require(['@/components/WebSet/WebSiteArea'], resolve),
meta: {
title: '地区设置'
},
},
{
path: '/WebSiteTemplate', //前台网站模板管理【自定义前端网站】
name: 'WebSiteTemplate',
component: resolve => require(['@/components/WebSet/WebSiteTemplate'], resolve),
meta: {
title: '模板管理'
},
},
{
path: '/WebSiteTemplateDetails', //前台网站模板配置【自定义前端网站】
name: 'WebSiteTemplateDetails',
component: resolve => require(['@/components/WebSet/WebSiteTemplateDetails'], resolve),
meta: {
title: '模板配置'
},
},
] ]
}, },
{ {
......
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