Skip to content

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

页面修改

parent 8efaa50d
Hide whitespace changes
Inline Side-by-side
Showing with 116 additions and 57 deletions
src/components/sallCenter/templateEdit.vue
View file @ f6e3cd02
...@@ -171,7 +171,7 @@ ...@@ -171,7 +171,7 @@
<div class="all-components"> <div class="all-components">
<el-form label-width="80px"> <el-form label-width="80px">
<el-form-item label="模板名称"> <el-form-item label="模板名称">
<el-input type="text" size="small"></el-input> <el-input type="text" size="small" v-model="addMsg.TemplateName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="背景设置"> <el-form-item label="背景设置">
<el-button size="small">设置</el-button> <el-button size="small">设置</el-button>
...@@ -269,7 +269,7 @@ ...@@ -269,7 +269,7 @@
</div> </div>
</div> </div>
<div class="tpEdit_btmMenu"> <div class="tpEdit_btmMenu">
<el-button type="primary" size="small" @click="getAllData()">保存</el-button> <el-button type="primary" size="small" @click="SaveData()">保存</el-button>
</div> </div>
</div> </div>
</template> </template>
...@@ -306,6 +306,13 @@ ...@@ -306,6 +306,13 @@
export default { export default {
data() { data() {
return { return {
addMsg: {
Id: 0, //编号
TemplateName: '', //模板名称
TemplateData: '',
ComponentDataList:[],
},
allComponents: [], allComponents: [],
dataList: [], dataList: [],
//是否为空 //是否为空
...@@ -1081,11 +1088,37 @@ ...@@ -1081,11 +1088,37 @@
item.isCked = true; item.isCked = true;
}, },
//点击保存 //点击保存
getAllData() { SaveData() {
console.log(this.dataList, 'dataListtt'); this.addMsg.ComponentDataList = this.dataList;
console.log("addMsg", this.addMsg);
this.apipost("/api/Template/SetMiniTemplate", this.addMsg, res => {
console.log(res.data)
if (res.data.resultCode == 1) {
} else {
this.Info(res.data.message);
}
})
},
GetData() {
this.apipost("/api/Template/SetMiniTemplate", {
Id: this.addMsg.Id
}, res => {
console.log(res.data)
if (res.data.resultCode == 1) {} else {
this.Info(res.data.message);
}
})
} }
}, },
mounted() { mounted() {
if (this.$route.query.Id) {
this.addMsg.Id = this.$route.query.Id;
}
if (this.addMsg.Id > 0) {
this.GetData();
}
this.GetPlugInList(); this.GetPlugInList();
} }
}; };
......
src/components/sallCenter/templateManage.vue
View file @ f6e3cd02
<style> <style>
.templateManage .template_comheader{ .templateManage .template_comheader {
padding: 13px 20px; padding: 13px 20px;
border-bottom: 1px solid #EBEEF5; border-bottom: 1px solid #EBEEF5;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
background: #fff; background: #fff;
} }
.templateManage .template_comheader>div{
display: flex; .templateManage .template_comheader>div {
justify-content: space-between; display: flex;
align-items: center; justify-content: space-between;
flex-direction: row; align-items: center;
} flex-direction: row;
.templateManage .temp_content{ }
margin-top:10px;
background: #fff; .templateManage .temp_content {
padding:20px; margin-top: 10px;
} background: #fff;
.templateManage .temp_imgStyle{ padding: 20px;
display:inline-block; }
margin-right:10px;
} .templateManage .temp_imgStyle {
display: inline-block;
margin-right: 10px;
}
</style> </style>
<template> <template>
<div class="templateManage"> <div class="templateManage">
<div class="template_comheader"> <div class="template_comheader">
<div> <div>
<span>模板管理</span> <span>模板管理</span>
<el-button type="primary" size="small" @click="CommonJump('templateEdit')">添加模板</el-button> <el-button type="primary" size="small" @click="CommonJump('templateEdit',{Id:0})">添加模板</el-button>
</div> </div>
</div> </div>
<div class="temp_content"> <div class="temp_content">
<el-table :data="tableData" border style="width: 100%"> <el-table :data="dataList" border style="width: 100%">
<el-table-column prop="ID" label="ID"></el-table-column> <el-table-column prop="Id" label="编号"></el-table-column>
<el-table-column prop="name" label="模板名称"></el-table-column> <el-table-column prop="TemplateName" label="模板名称"></el-table-column>
<el-table-column prop="date" label="创建时间"></el-table-column> <el-table-column prop="CreateDateStr" label="创建时间"></el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="编辑" placement="top" > <el-tooltip class="item" effect="dark" content="编辑" placement="top">
<img src="../../assets/img/setup/edit.png" alt="" class="temp_imgStyle" @click="edit(scope.row)"> <img src="../../assets/img/setup/edit.png" alt="" class="temp_imgStyle" @click="EditeTemplate(scope.row)">
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top" > <el-tooltip class="item" effect="dark" content="删除" placement="top">
<img src="../../assets/img/setup/del.png" alt="" class="temp_imgStyle" @click="delRow(scope.row)"> <img src="../../assets/img/setup/del.png" alt="" class="temp_imgStyle" @click="DeleteTemplate(scope.row)">
</el-tooltip> </el-tooltip>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
tableData: [{ dataList: [],
ID: '3542', qMsg: {
name: '微途测试', pageIndex: 1,
date: '2020-04-27 19:20:08', pageSize: 20,
}] },
total: 0
}; };
}, },
created() { created() {
}, },
methods: { methods: {
getList() {
this.apipost("/api/Template/GetMiniTemplatePageList", this.qMsg, res => {
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
console.log(this.dataList, 'datalist');
} else {
this.Info(res.data.message);
}
})
},
//修改模板
EditeTemplate(item) {
this.CommonJump('templateEdit', {
Id: item.Id
});
},
//删除模板
DeleteTemplate(item) {
}
}, },
mounted() { mounted() {
this.getList();
} }
}; };
......
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