Commit c47fd0fb authored by 黄媛媛's avatar 黄媛媛
parents 6ad24911 cc4c6363
...@@ -18,20 +18,23 @@ ...@@ -18,20 +18,23 @@
</div> </div>
</div> </div>
<el-table :data="dataList" v-loading="loading" border style="width: 100%;margin:20px 0"> <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>
<el-table-column prop="title" label="标题" width="829"> <el-table-column prop="Title" label="标题" width="829">
</el-table-column> </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>
<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>
<el-table-column label="操作"> <el-table-column label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<img @click="EditArticle(scope.row)" class="operatImg" <img @click="EditArticle(scope.row)" class="operatImg" src="../../assets/img/userman/edit.png" alt="">
src="../../assets/img/userman/edit.png" alt=""> <img @click="RemoveArticle(scope.row)" class="operatImg" src="../../assets/img/userman/del.png" alt="">
<img @click="RemoveArticle(scope.row)" class="operatImg"
src="../../assets/img/userman/del.png" alt="">
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -49,19 +52,19 @@ ...@@ -49,19 +52,19 @@
<div class="Article_condiv"> <div class="Article_condiv">
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px" style="padding:0 20px;"> <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px" style="padding:0 20px;">
<el-form-item label="标题" prop="title"> <el-form-item label="标题" prop="title">
<el-input v-model="addMsg.title" size="small" placeholder="请输入名称" maxlength="20" /> <el-input v-model="addMsg.Title" size="small" placeholder="请输入名称" maxlength="100" />
</el-form-item> </el-form-item>
<el-form-item label="排序"> <el-form-item label="排序">
<el-input type="text" v-model="addMsg.Sort" size="small" placeholder="请输入排序" <el-input type="text" v-model="addMsg.SortNum" @keyup.native="checkInteger(addMsg,'SortNum')" size="small"
maxlength="4" /> placeholder="请输入排序" maxlength="4" />
</el-form-item> </el-form-item>
<el-form-item label="状态"> <el-form-item label="状态">
<el-switch v-model="addMsg.status" active-color="#409EFF" :active-value="1" :inactive-value="0"> <el-switch v-model="addMsg.IsDisable" active-color="#409EFF" :active-value="1" :inactive-value="0">
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<el-form-item label="内容"> <el-form-item label="内容">
<div style="line-height:normal;"> <div style="line-height:normal;">
<UE :defaultMsg="defaultMsg" :config="config" ref="ue" @input="input"></UE> <UE :defaultMsg="addMsg.Content" :config="config" ref="ue" @input="input"></UE>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -80,32 +83,32 @@ ...@@ -80,32 +83,32 @@
//是否线下链接弹窗 //是否线下链接弹窗
loading: false, loading: false,
dataList: [{ dataList: [{
id:123, id: 123,
title:'标题', title: '标题',
sort:1, sort: 1,
status:0 status: 0
}], }],
msg: { msg: {
pageIndex: 1, pageIndex: 1,
pageSize: 15, pageSize: 15,
NavIconName: "",
MallBaseId: 0,
NavIconIsShow:-1
}, },
total: 0, total: 0,
ArticleIsShowAdd: true, ArticleIsShowAdd: true,
addMsg: { addMsg: {
title:'', //标题 Id: 0, //文章编号
Sort:'', //排序 Title: '', //标题
status:0, //状态 SortNum: 0, //排序
content:'' // 内容 IsDisable: 0, //禁用状态(0-禁用,1-启用)
Content: '' // 内容
}, },
rules:{ rules: {
title: [ Title: [{
{ required: true, message: '标题不能为空', trigger: 'change' } required: true,
], message: '标题不能为空',
trigger: 'change'
}],
}, },
defaultMsg: '',
config: { config: {
initialFrameWidth: null, initialFrameWidth: null,
initialFrameHeight: 350, initialFrameHeight: 350,
...@@ -119,25 +122,19 @@ ...@@ -119,25 +122,19 @@
}, },
methods: { methods: {
getMenu() {
//调用子组件方法
var obj = this.$refs.chooseMeun.getChooseMenu();
this.addMsg.NavIconUrl = obj.PageUrl;
this.isShowLink = false;
},
handleCurrentChange(val) { handleCurrentChange(val) {
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getList(); this.getList();
}, },
getList() { getList() {
// this.apipost("/api/Tenant/GetMiniProgrameNaviconPage", this.msg, res => { this.apipost("/api/MContent/GetArticlePageList", this.msg, res => {
// if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
// this.dataList = res.data.data.pageData; this.dataList = res.data.data.pageData;
// this.total = res.data.data.count; this.total = res.data.data.count;
// } else { } else {
// this.Info(res.data.message); this.Info(res.data.message);
// } }
// }) })
}, },
submitform(addMsg) { submitform(addMsg) {
//提交创建、修改表单 //提交创建、修改表单
...@@ -151,18 +148,39 @@ ...@@ -151,18 +148,39 @@
}, },
//保存 //保存
saveMsg() { saveMsg() {
this.apipost("/api/MContent/SetArticle", this.addMsg, res => {
if (res.data.resultCode == 1) {
this.ArticleIsShowAdd = true;
this.getList();
this.Success(res.data.message);
} else {
this.Info(res.data.message);
}
})
}, },
//修改 //修改
EditArticle(item) { EditArticle(item) {
this.apipost("/api/MContent/GetArticle", {
Id: item.Id
}, res => {
if (res.data.resultCode == 1) {
var jsonData = res.data.data;
this.addMsg.Id = jsonData.Id;
this.addMsg.Title = jsonData.Title;
this.addMsg.SortNum = jsonData.SortNum;
this.addMsg.IsDisable = jsonData.IsDisable;
this.addMsg.Content = jsonData.Content
} else {
this.Info(res.data.message);
}
})
}, },
//删除 //删除
RemoveArticle(item) { RemoveArticle(item) {
var that = this; var that = this;
that.Confirm("是否要删除?", function () { that.Confirm("是否要删除?", function () {
that.apipost("/api/Tenant/RemoveMiniProgrameNavicon", { that.apipost("/api/MContent/RemoveArticle", {
NavIconId: item.NavIconId Id: item.Id
}, res => { }, res => {
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
that.getList(); that.getList();
...@@ -172,8 +190,21 @@ ...@@ -172,8 +190,21 @@
}) })
}) })
}, },
//更新状态
updateIsDisable(item)
{
this.apipost("/api/MContent/SetArticle", {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) { input(obj) {
this.addMsg.content = obj this.addMsg.Content = obj;
}, },
}, },
mounted() { mounted() {
...@@ -183,7 +214,6 @@ ...@@ -183,7 +214,6 @@
</script> </script>
<style> <style>
.Article .content .searchInput { .Article .content .searchInput {
border: 1px solid #DCDFE6; border: 1px solid #DCDFE6;
border-radius: 4px; border-radius: 4px;
...@@ -212,15 +242,18 @@ ...@@ -212,15 +242,18 @@
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.Article .operatImg{
width:32px; .Article .operatImg {
height:32px; width: 32px;
margin:0 10px height: 32px;
margin: 0 10px
} }
.Article .Article_condiv{
.Article .Article_condiv {
padding: 20px 0; padding: 20px 0;
background-color: #fff; background-color: #fff;
margin-bottom: 20px; margin-bottom: 20px;
padding-right: 50%; padding-right: 50%;
} }
</style> </style>
...@@ -57,7 +57,13 @@ ...@@ -57,7 +57,13 @@
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
} }
.diy-rubik .layout .rubik .delete {
position: absolute;
right: -16px;
top: -16px;
padding: 8px;
z-index: 14;
}
</style> </style>
<template> <template>
<div :class="{'active':rubData.isCked}"> <div :class="{'active':rubData.isCked}">
......
This diff is collapsed.
...@@ -2,6 +2,13 @@ import Vue from 'vue' ...@@ -2,6 +2,13 @@ import Vue from 'vue'
import Router from 'vue-router' import Router from 'vue-router'
Vue.use(Router) Vue.use(Router)
/**
* 重写路由的push方法
*/
const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
return routerPush.call(this, location).catch(error=> error)
}
export default new Router({ export default new Router({
routes: [{ routes: [{
......
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