Skip to content

E
ElectricitySheep
Commit be9c56d3 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent cc4c6363
Hide whitespace changes
Inline Side-by-side
Showing with 132 additions and 100 deletions
src/components/StoreDesign/Article.vue
View file @ be9c56d3
......@@ -11,7 +11,7 @@
<div>
<div class="searchInput">
<el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入搜索内容"
v-model="msg.NavIconName" size="small" clearable @keyup.enter.native="msg.pageIndex=1,getList()">
v-model="msg.Title" size="small" clearable @keyup.enter.native="msg.pageIndex=1,getList()">
</el-input>
<span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"
@click="msg.pageIndex=1,getList()"> </span>
......@@ -24,7 +24,7 @@
</el-table-column>
<el-table-column prop="SortNum" label="排序" width="250">
</el-table-column>
<el-table-column prop="IsDisable" label="状态" width="150">
<el-table-column prop="IsDisable" label="状态" width="150">
<template slot-scope="scope">
<el-switch v-model="scope.row.IsDisable" active-color="#409EFF" :active-value="1" :inactive-value="0"
@change="updateIsDisable(scope.row)">
......@@ -91,7 +91,7 @@
msg: {
pageIndex: 1,
pageSize: 15,
Title: ""
},
total: 0,
ArticleIsShowAdd: true,
......@@ -191,9 +191,11 @@
})
},
//更新状态
updateIsDisable(item)
{
this.apipost("/api/MContent/SetArticle", {Id:item.Id,IsDisable:item.IsDisable}, res => {
updateIsDisable(item) {
this.apipost("/api/MContent/UpdateArticleStatus", {
Id: item.Id,
IsDisable: item.IsDisable
}, res => {
if (res.data.resultCode == 1) {
this.ArticleIsShowAdd = true;
this.getList();
......
src/components/StoreDesign/ProjectClassific.vue
View file @ be9c56d3
......@@ -2,36 +2,42 @@
<div class="projectClass">
<template v-if="projectClassIsShowAdd">
<div class="head-title">
文章列表
<el-button @click="projectClassIsShowAdd=false" style="float:right;margin-top: -5px;" size="small" type="primary">
添加文章
专题分类
<el-button @click="projectClassIsShowAdd=false" style="float:right;margin-top: -5px;" size="small"
type="primary">
添加分类
</el-button>
</div>
<div class="content">
<div>
<div class="searchInput">
<el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入搜索内容"
v-model="msg.NavIconName" size="small" clearable @keyup.enter.native="msg.pageIndex=1,getList()">
v-model="msg.TopicName" size="small" clearable @keyup.enter.native="msg.pageIndex=1,getList()">
</el-input>
<span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"
@click="msg.pageIndex=1,getList()"> </span>
</div>
</div>
<el-table :data="dataList" v-loading="loading" border style="width: 100%;margin:20px 0">
<el-table-column prop="id" label="ID" width="150">
<el-table-column prop="Id" label="ID" width="150">
</el-table-column>
<el-table-column prop="title" label="标题" width="829">
<el-table-column prop="TopicName" label="分类名称" width="829">
</el-table-column>
<el-table-column prop="sort" label="排序" width="250">
<el-table-column prop="SortNum" label="排序" width="250">
</el-table-column>
<el-table-column prop="status" label="状态" width="150">
<el-table-column prop="IsDisable" label="状态" width="150">
<template slot-scope="scope">
<el-switch v-model="scope.row.IsDisable" active-color="#409EFF" :active-value="1" :inactive-value="0"
@change="updateIsDisable(scope.row)">
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<img @click="EditprojectClass(scope.row)" class="operatImg"
src="../../assets/img/userman/edit.png" alt="">
<img @click="RemoveprojectClass(scope.row)" class="operatImg"
src="../../assets/img/userman/del.png" alt="">
<img @click="EditprojectClass(scope.row)" class="operatImg" src="../../assets/img/userman/edit.png"
alt="">
<img @click="RemoveprojectClass(scope.row)" class="operatImg" src="../../assets/img/userman/del.png"
alt="">
</template>
</el-table-column>
</el-table>
......@@ -47,24 +53,19 @@
</div>
<div class="content">
<div class="projectClass_condiv">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px" style="padding:0 20px;">
<el-form-item label="标题" prop="title">
<el-input v-model="addMsg.title" size="small" placeholder="请输入名称" maxlength="20" />
</el-form-item>
<el-form-item label="排序">
<el-input type="text" v-model="addMsg.Sort" size="small" placeholder="请输入排序"
maxlength="4" />
</el-form-item>
<el-form-item label="状态">
<el-switch v-model="addMsg.status" active-color="#409EFF" :active-value="1" :inactive-value="0">
</el-switch>
</el-form-item>
<el-form-item label="内容">
<div style="line-height:normal;">
<UE :defaultMsg="defaultMsg" :config="config" ref="ue" @input="input"></UE>
</div>
</el-form-item>
</el-form>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px" style="padding:0 20px;">
<el-form-item label="专题分类名称" prop="title">
<el-input v-model="addMsg.TopicName" size="small" placeholder="请输入名称" maxlength="20" />
</el-form-item>
<el-form-item label="排序">
<el-input type="text" v-model="addMsg.SortNum" size="small" @keyup.native="checkInteger(addMsg,'SortNum')"
placeholder="请输入排序" maxlength="4" />
</el-form-item>
<el-form-item label="状态">
<el-switch v-model="addMsg.IsDisable" active-color="#409EFF" :active-value="1" :inactive-value="0">
</el-switch>
</el-form-item>
</el-form>
</div>
</div>
<el-button size="small" style="margin-top:20px;padding:9px 25px;" type="primary" @click="submitform('addMsg')">保存
......@@ -73,71 +74,52 @@
</div>
</template>
<script>
import UE from '@/components/global/UE.vue'
export default {
data() {
return {
//是否线下链接弹窗
loading: false,
dataList: [{
id:123,
title:'标题',
sort:1,
status:0
}],
dataList: [],
msg: {
pageIndex: 1,
pageSize: 15,
NavIconName: "",
MallBaseId: 0,
NavIconIsShow:-1
TopicName: ""
},
total: 0,
projectClassIsShowAdd: true,
addMsg: {
title:'', //标题
Sort:'', //排序
status:0, //状态
content:'' // 内容
Id: 0, //编号
TopicName: '', //专题分类名称
SortNum: 0, //排序
IsDisable: 0, //状态
},
rules:{
title: [
{ required: true, message: '标题不能为空', trigger: 'change' }
],
},
defaultMsg: '',
config: {
initialFrameWidth: null,
initialFrameHeight: 350,
rules: {
TopicName: [{
required: true,
message: '专题分类名称',
trigger: 'change'
}],
},
};
},
components: {
UE
},
created() {
},
methods: {
getMenu() {
//调用子组件方法
var obj = this.$refs.chooseMeun.getChooseMenu();
this.addMsg.NavIconUrl = obj.PageUrl;
this.isShowLink = false;
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getList() {
// this.apipost("/api/Tenant/GetMiniProgrameNaviconPage", this.msg, res => {
// if (res.data.resultCode == 1) {
// this.dataList = res.data.data.pageData;
// this.total = res.data.data.count;
// } else {
// this.Info(res.data.message);
// }
// })
this.apipost("/api/MContent/GetTopicTypePageList", this.msg, res => {
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
} else {
this.Info(res.data.message);
}
})
},
submitform(addMsg) {
//提交创建、修改表单
......@@ -151,18 +133,39 @@
},
//保存
saveMsg() {
this.apipost("/api/MContent/SetTopicType", this.addMsg, res => {
if (res.data.resultCode == 1) {
this.projectClassIsShowAdd = true;
this.getList();
this.Success(res.data.message);
} else {
this.Info(res.data.message);
}
})
},
//修改
EditprojectClass(item) {
this.apipost("/api/MContent/GetTopicType", {
Id: item.Id
}, res => {
if (res.data.resultCode == 1) {
this.projectClassIsShowAdd = false;
var jsonData = res.data.data;
this.addMsg.Id = jsonData.Id;
this.addMsg.TopicName = jsonData.TopicName;
this.addMsg.SortNum = jsonData.SortNum;
this.addMsg.IsDisable = jsonData.IsDisable;
} else {
this.Info(res.data.message);
}
})
},
//删除
RemoveprojectClass(item) {
var that = this;
that.Confirm("是否要删除?", function () {
that.apipost("/api/Tenant/RemoveMiniProgrameNavicon", {
NavIconId: item.NavIconId
that.apipost("/api/MContent/RemoveTopicType", {
Id: item.Id
}, res => {
if (res.data.resultCode == 1) {
that.getList();
......@@ -172,6 +175,21 @@
})
})
},
//更新状态
updateIsDisable(item) {
this.apipost("/api/MContent/UpdateTopicTypeStatus", {
Id: item.Id,
IsDisable: item.IsDisable
}, res => {
if (res.data.resultCode == 1) {
this.ArticleIsShowAdd = true;
this.getList();
this.Success(res.data.message);
} else {
this.Info(res.data.message);
}
})
},
input(obj) {
this.addMsg.content = obj
},
......@@ -183,7 +201,6 @@
</script>
<style>
.projectClass .content .searchInput {
border: 1px solid #DCDFE6;
border-radius: 4px;
......@@ -212,15 +229,18 @@
padding: 20px;
box-sizing: border-box;
}
.projectClass .operatImg{
width:32px;
height:32px;
margin:0 10px
.projectClass .operatImg {
width: 32px;
height: 32px;
margin: 0 10px
}
.projectClass .projectClass_condiv{
.projectClass .projectClass_condiv {
padding: 20px 0;
background-color: #fff;
margin-bottom: 20px;
padding-right: 50%;
}
</style>
src/router/index.js
View file @ be9c56d3
......@@ -7,7 +7,7 @@ Vue.use(Router)
*/
const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
return routerPush.call(this, location).catch(error=> error)
return routerPush.call(this, location).catch(error => error)
}
export default new Router({
......@@ -56,7 +56,7 @@ export default new Router({
name: 'Fsetting',
component: resolve => require(['@/components/Fsetting'], resolve),
children: [
//店铺管理 微信基础设置
//店铺管理 微信基础设置
{
path: '/wexinappconfig',
name: 'wexinappconfig',
......@@ -76,19 +76,19 @@ export default new Router({
]
},
{
path:'/Ftemplate', //DIY装修
path: '/Ftemplate', //DIY装修
name: 'Ftemplate',
component: resolve => require(['@/components/Ftemplate'], resolve),
children:[{ //模板管理
path:'/templateManage',
name:'templateManage',
children: [{ //模板管理
path: '/templateManage',
name: 'templateManage',
component: resolve => require(['@/components/sallCenter/templateManage'], resolve),
},{ //添加 修改模板
path:'/templateEdit',
}, { //添加 修改模板
path: '/templateEdit',
name: 'templateEdit',
component: resolve => require(['@/components/sallCenter/templateEdit'], resolve),
},{ //自定义页面
path:'/CustomPage',
}, { //自定义页面
path: '/CustomPage',
name: 'CustomPage',
component: resolve => require(['@/components/sallCenter/CustomPage'], resolve),
}]
......@@ -314,6 +314,18 @@ export default new Router({
name: 'ProjectClassific',
component: resolve => require(['@/components/StoreDesign/ProjectClassific'], resolve),
},
//店铺管理 内容管理 视频管理
{
path: '/videoManage',
name: 'videoManage',
component: resolve => require(['@/components/StoreDesign/videoManage'], resolve),
},
//店铺管理 内容管理 门店管理
{
path: '/storesManage',
name: 'storesManage',
component: resolve => require(['@/components/StoreDesign/storesManage'], resolve),
},
//店铺管理 内容管理 直播管理
{
path: '/liveManage',
......@@ -325,8 +337,7 @@ export default new Router({
path: '/minititle',
name: 'minititle',
component: resolve => require(['@/components/StoreDesign/minititle'], resolve),
}
, //店铺管理 版权设置
}, //店铺管理 版权设置
{
path: '/copyrightset',
name: 'copyrightset',
......@@ -416,8 +427,7 @@ export default new Router({
path: '/salesStatistics',
name: 'salesStatistics',
component: resolve => require(['@/components/statistics/salesStatistics'], resolve),
}
,
},
//营销中心 充值管理
{
path: '/rechargeManage',
......
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