sccg_ui.git - Gitblit

			@@ -8,19 +8,25 @@
			<div class="header-content">
			<div class="search">
			<span>输入查询:</span>
			<el-input placeholder="请输入内容" v-model="context"></el-input>
			<el-input placeholder="消息标题" v-model="context"></el-input>
			</div>
			<div class="message-status">
			<span>消息状态:</span>
			<el-input placeholder="请输入内容" v-model="context"></el-input>
			<el-select v-model="messageStatus" placeholder="请选择消息状态">
			<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value">
			</el-option>
			</el-select>
			</div>
			<div class="message-kind">
			<span>消息分类:</span>
			<el-input placeholder="请输入内容" v-model="context"></el-input>
			<el-select v-model="messageKind" placeholder="请选择消息分类">
			<el-option v-for="item in kindList" :key="item.id" :label="item.columnName" :value="item.id">
			</el-option>
			</el-select>
			</div>
			<div class="find">
			<el-button type="primary" icon="el-icon-search">查询</el-button>
			<el-button icon="el-icon-delete-solid">重置</el-button>
			<el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
			<el-button icon="el-icon-delete-solid" @click="handleReset">重置</el-button>
			</div>
			</div>
			</header>
			@@ -47,27 +53,26 @@
			<span>{{changeTime(scope.row)}}</span>
			</template>
			</el-table-column>
			<el-table-column prop="targetFrom" label="发布人员" min-width="10">
			<el-table-column prop="targetFrom" label="发布人员" min-width="15">
			</el-table-column>
			<el-table-column prop="channelCode" label="消息分类" min-width="10">
			<template slot-scope="scope">
			<span>{{scope.row.channelCode === '01' ? '站内信':scope.row.channelCode ==='02'?"邮件":'短信'}}</span>
			<span>{{scope.row.channelCode === '01' ? '站内信':scope.row.channelCode
			==='02'?"邮件":'短信'}}</span>
			</template>
			</el-table-column>
			<el-table-column prop="status" label="发布状态" min-width="5">
			<template slot-scope="scope">
			{{scope.row.status === 0 ? '未发布' :'已发布'}}
			<!-- <el-switch class="switchStyle" v-model="scope.row.status" active-text="开" inactive-text="关"
			active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
			</el-switch> -->
			</template>
			</el-table-column>
			<el-table-column prop="operation" label="操作" min-width="15">
			<template slot-scope="scope">
			<div class="operation">
			<el-link icon="el-icon-view" :underline="false" @click="dialogView = true">查看</el-link>
			<el-link icon="el-icon-edit" class="leftPx" :underline="false">编辑</el-link>
			<el-link class="leftPx" icon="el-icon-delete-solid" :underline="false">删除</el-link>
			<el-link icon="el-icon-edit" class="leftPx" :underline="false" @click="handleEdit(scope.row)">编辑</el-link>
			<el-link class="leftPx" icon="el-icon-delete-solid" :underline="false"
			@click="handleDelete([scope.row.id])">删除</el-link>
			</div>
			</template>
			</el-table-column>
			@@ -75,20 +80,25 @@
			<!-- 新建消息 -->
			<el-dialog title="新建消息" :visible.sync="dialogCreate" v-if="dialogCreate" width="80%"
			:before-close="handleConfirmClose">
			<MyCreate></MyCreate>
			<MyCreate @closeMyDialog="closeDialog"></MyCreate>
			</el-dialog>
			<!-- 消息详情 -->
			<el-dialog title="消息详情" :visible.sync="dialogView" v-if="dialogView" width="45%"
			:before-close="handleClose">
			<MyView></MyView>
			</el-dialog>
			<!-- 编辑页面 -->
			<el-dialog title="编辑消息" :visible.sync="dialogEdit" v-if="dialogEdit" width="80%"
			:before-close="handleClose">
			<MyEdit @closeDialog="closeDialog" :info="info"></MyEdit>
			</el-dialog>
			<!-- tools -->
			<div class="tools">
			<div class="funs">
			<div class="funsItem">
			<div class="funsItem funs-sp">
			<el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox>
			</div>
			<div class="funsItem">
			<div class="funsItem funs-sp">
			<el-checkbox v-model="unsame" @change="disSame(tableData)">反选</el-checkbox>
			</div>
			<div class="funsItem">
			@@ -102,7 +112,7 @@
			<div class="pagination">
			<el-pagination background :current-page="currentPage" layout="prev, pager, next"
			:total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage"
			@prev-click="handlePrev" @next-click="handleNext">
			>
			</el-pagination>
			</div>
			</div>
			@@ -114,16 +124,19 @@
			import helper from '@/utils/mydate'
			import MyView from './myview'
			import MyCreate from './createUser'
			// 引入编辑组件
			import MyEdit from './update'
			export default {
			components: {
			MyView,MyCreate
			MyView, MyCreate,MyEdit
			},
			data() {
			return {
			tableData: [],
			context: "",
			dialogCreate:false,
			dialogView:false,
			dialogEdit:false,
			dialogCreate: false,
			dialogView: false,
			totalNum: null,
			pageSize: 10,
			currentPage: 1,
			@@ -150,13 +163,86 @@
			label: '批量删除',
			}
			],
			tempList: []
			tempList: [],
			messageStatus: 2,
			messageKind: '00',
			statusList: [
			{
			label: '全部',
			value: 2,
			},
			{
			label: '未发布',
			value: 0,
			},
			{
			label: '已发布',
			value: 1,
			}
			],
			kindList: [
			{
			id:'00',
			columnName:'全部',
			},
			{
			id:'01',
			columnName:'站内信',
			},
			{
			id:'02',
			columnName:'邮件',
			},
			{
			id:'03',
			columnName:'短信',
			}
			]
			}
			},
			created() {
			this.setTableData();
			const {setTableData} = this
			setTableData();
			},
			methods: {
			// 查询
			handleSearch(){
			const {setTableData} = this
			setTableData();
			},
			// 重置
			handleReset(){

			},
			// 编辑
			handleEdit(data){
			this.info = data;
			this.dialogEdit = true;
			},
			// 删除信息
			handleDelete(idarr) {
			this.$confirm('确认删除?')
			.then(_ => {
			this.$axios({
			method: 'post',
			url: 'sccg/message/delete?ids=' + idarr,
			})
			.then(res => {
			if (res.code === 200) {
			this.$message({
			type: 'success',
			message: '删除成功',
			})
			this.setTableData();
			} else {
			this.$message({
			type: 'error',
			message: res.message
			})
			}
			})
			})
			},
			// 设置表格数据
			async setTableData() {
			const arr = await this.getMessageList();
			@@ -166,22 +252,22 @@
			// 获取消息数据
			async getMessageList() {
			let arr = [];
			const {currentPage,pageSize} = this;
			const { currentPage, pageSize,context,messageStatus,messageKind } = this;
			await this.$axios({
			method: 'post',
			url: 'sccg/message/list',
			data: {
			body: "",
			channelCode: "",
			createUser: 0,
			channelCode: messageKind === '00' ?'':messageKind,
			createUser: '',
			current: currentPage,
			head: "",
			messageType: 0,
			head: context,
			messageType: "",
			pageSize: pageSize,
			randomCode: "",
			remark: "",
			sendTime: "",
			status: 0,
			status: messageStatus === 2 ? '':messageStatus,
			targetFrom: "",
			targetTo: ""
			}
			@@ -276,36 +362,27 @@
			// 当前页改变触发事件
			changeCurrentPage(page) {
			this.currentPage = page;
			this.search();
			},
			// 上一页点击事件
			handlePrev(page) {
			this.currentPage = page;
			this.search();
			},
			// 下一页点击事件
			handleNext(page) {
			this.currentPage = page;
			this.search();
			this.setTableData();
			},
			// 关闭弹窗
			handleClose(done){
			handleClose(done) {
			done();
			},
			// 确认关闭弹窗
			handleConfirmClose(done){
			handleConfirmClose(done) {
			this.$confirm('确认关闭?')
			.then(_=>{
			done();
			})
			.catch(err=>{
			console.log(err);
			})
			.then(_ => {
			done();
			})
			.catch(err => {
			console.log(err);
			})
			},
			// 自定义关闭弹窗
			closeDialog({flag,index}){
			closeDialog({ flag, index }) {
			this.dialogCreate = flag;
			this.dialogView = flag;
			if(index ===1 ){
			if (index === 1) {
			this.setTableData();
			}
			}
			@@ -379,12 +456,15 @@
			margin-top: 20px;
			padding-bottom: 50px;
			border: 1pox solid #fff;
			.el-link{

			.el-link {
			color: #4b9bb7;
			}
			.leftPx{

			.leftPx {
			margin-left: 10px;
			}

			.mainTitle {
			line-height: 60px;
			}
			@@ -405,11 +485,15 @@
			.funs {
			display: flex;

			.funs-sp {
			border: 1px solid #17324c;
			}

			.funsItem {
			line-height: 28px;
			display: flex;
			align-items: center;
			border: 1px solid #17324c;

			border-radius: 4px;
			font-size: 12px;
			margin-left: 10px;