sccg_ui.git - Gitblit

			@@ -3,26 +3,29 @@
			<header>
			<div class="header-nav">
			<span class="nav-left">数据筛选</span>
			<span class="nav-right">高级搜索</span>
			</div>
			<div class="header-content">
			<div class="search">
			<span>输入查询:</span>
			<el-input placeholder="消息标题" v-model="context"></el-input>
			</div>
			<div class="message-status">
			<div class="search">
			<span>消息状态:</span>
			<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">
			<div class="search">
			<span>消息分类:</span>
			<el-select v-model="messageKind" placeholder="请选择消息分类">
			<el-option v-for="item in kindList" :key="item.id" :label="item.columnName" :value="item.id">
			<el-select v-model="messageType" placeholder="请选择消息分类">
			<el-option v-for="item in typeList" :key="item.id" :label="item.columnName" :value="item.id">
			</el-option>
			</el-select>
			</div>
			<div class="search">
			<span>创建时间:</span>
			<el-date-picker style="width: 200px" type="datetimerange" v-model="datetime" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
			</div>
			<div class="find">
			<el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
			@@ -34,7 +37,7 @@
			<div class="mainContent">
			<div class="main-nav">
			<span>数据列表</span>
			<el-button type="primary" icon="el-icon-plus" @click="dialogCreate = true">添加</el-button>
			<el-button class="button-addition" type="primary" icon="el-icon-plus" @click="handleOpera(null, 'create')">添加</el-button>
			</div>
			<!-- 数据展示 -->
			<el-table ref="multipleTable"
			@@ -48,29 +51,22 @@
			</el-table-column>
			<el-table-column prop="head" label="标题" min-width="10">
			</el-table-column>
			<el-table-column prop="updateTime" label="修改时间" min-width="10">
			<template slot-scope="scope">
			<span>{{changeTime(scope.row)}}</span>
			</template>
			<el-table-column prop="createTime" label="创建时间" min-width="10">
			</el-table-column>
			<el-table-column prop="targetFrom" label="发布人员" min-width="15">
			<el-table-column prop="createUser" 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>
			</template>
			<el-table-column prop="messageTypeName" label="消息栏目" min-width="10">
			</el-table-column>
			<el-table-column prop="status" label="发布状态" min-width="5">
			<template slot-scope="scope">
			<template v-if="scope.row.status" slot-scope="scope">
			{{scope.row.status === 0 ? '未发布' :'已发布'}}
			</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 icon="el-icon-view" :underline="false" @click="handleOpera(scope.row, 'view')">查看</el-link>
			<el-link icon="el-icon-edit" class="leftPx" :underline="false" @click="handleOpera(scope.row, 'update')">编辑</el-link>
			<el-link class="leftPx" icon="el-icon-delete-solid" :underline="false"
			@click="handleDelete([scope.row.id])">删除</el-link>
			</div>
			@@ -78,14 +74,8 @@
			</el-table-column>
			</el-table>
			<!-- 新建消息 -->
			<el-dialog title="新建消息" :visible.sync="dialogCreate" v-if="dialogCreate" width="80%"
			:before-close="handleConfirmClose">
			<MyCreate @closeMyDialog="closeDialog"></MyCreate>
			</el-dialog>
			<!-- 消息详情 -->
			<el-dialog title="消息详情" :visible.sync="dialogView" v-if="dialogView" width="45%"
			:before-close="handleClose">
			<MyView></MyView>
			<el-dialog :destroy-on-close="true" :key="dialogType" :title="getDialogTitle" :visible.sync="isShowDialog" width="80%">
			<my-edit v-if="isShowDialog" @closeMyDialog="closeDialog" :type="dialogType" :myDataRow="tableRowData"></my-edit>
			</el-dialog>
			<!-- tools -->
			<div class="tools">
			@@ -106,8 +96,7 @@
			</div>
			<div class="pagination">
			<el-pagination background :current-page="currentPage" layout="prev, pager, next"
			:total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage"
			>
			:total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage">
			</el-pagination>
			</div>
			</div>
			@@ -116,19 +105,35 @@
			</div>
			</template>
			<script>
			import helper from '@/utils/mydate'
			import MyView from './myview'
			import MyCreate from './createUser'
			import MyEdit from './update'
			import { deleteMessage, getMessageById, getMessageList } from "@/api/operate/messageManagement";

			export default {
			components: {
			MyView, MyCreate
			components: { MyView, MyEdit },
			computed: {
			getDialogTitle() {
			if (this.dialogType === 'create') {
			return '创建';
			}

			if (this.dialogType === 'update') {
			return '更新';
			}

			if (this.dialogType === 'view') {
			return '查看';
			}
			}
			},
			data() {
			return {
			tableData: [],
			context: "",
			dialogCreate: false,
			dialogView: false,
			tableRowData: null,
			isShowMoreParams: false,
			context: null,
			isShowDialog: false,
			dialogType: false,
			totalNum: null,
			pageSize: 10,
			currentPage: 1,
			@@ -136,20 +141,21 @@
			unsame: false,
			myIdx: 0,
			preMyIdx: 0,
			datetime: null,
			options: [
			{
			value: 0,
			label: '批量操作',
			disabled: true,
			},
			{
			value: 1,
			label: '批量启用',
			},
			{
			value: 2,
			label: '批量禁用',
			},
			// {
			// value: 1,
			// label: '批量启用',
			// },
			// {
			// value: 2,
			// label: '批量禁用',
			// },
			{
			value: 3,
			label: '批量删除',
			@@ -157,7 +163,7 @@
			],
			tempList: [],
			messageStatus: 2,
			messageKind: '00',
			messageType: '00',
			statusList: [
			{
			label: '全部',
			@@ -172,7 +178,7 @@
			value: 1,
			}
			],
			kindList: [
			typeList: [
			{
			id:'00',
			columnName:'全部',
			@@ -182,91 +188,79 @@
			columnName:'站内信',
			},
			{
			id:'02',
			id:'03',
			columnName:'邮件',
			},
			{
			id:'03',
			id:'02',
			columnName:'短信',
			}
			]
			}
			},
			created() {
			const {setTableData} = this
			setTableData();
			this.getMessageList();
			},

			methods: {
			// 查询
			handleSearch(){
			const {setTableData} = this
			setTableData();
			handleSearch(){
			this.getMessageList();
			},

			// 重置
			handleReset(){

			this.messageStatus = 2;
			this.messageType = '00';
			this.context = '';
			this.getMessageList();
			},

			// 查看
			handleOpera(data, type){
			this.tableRowData = data;
			this.dialogType = type;
			this.isShowDialog = 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
			})
			}
			})
			.then(() => {
			deleteMessage({ ids: idarr.join(',') })
			.then(() => {
			this.getMessageList();
			this.$message.success('操作成功');
			})
			.catch(err => { this.$message({ type: 'error', message: err }) });
			})
			},
			// 设置表格数据
			async setTableData() {
			const arr = await this.getMessageList();
			this.tableData = arr.records;
			this.totalNum = arr.total
			},

			// 获取消息数据
			async getMessageList() {
			let arr = [];
			const { currentPage, pageSize,context,messageStatus,messageKind } = this;
			await this.$axios({
			method: 'post',
			url: 'sccg/message/list',
			data: {
			body: "",
			channelCode: "",
			createUser: '',
			current: currentPage,
			head: context,
			messageType: messageKind === '00' ?'':messageKind,
			pageSize: pageSize,
			randomCode: "",
			remark: "",
			sendTime: "",
			status: messageStatus === 2 ? '':messageStatus,
			targetFrom: "",
			targetTo: ""
			}
			})
			.then(res => {
			arr = res.data;
			})
			return arr;
			getMessageList() {
			const messageParam = {
			current: this.currentPage,
			pageSize: this.pageSize,
			channelCode: this.messageType === '00' ? null : this.messageType,
			status: this.messageStatus === 2 ? null : this.messageStatus,
			head: this.context,
			startTime: this.datetime ? this.datetime[0] : null,
			endTime: this.datetime ? this.datetime[1] : null
			}

			getMessageList(messageParam)
			.then(({ records, total ,size}) => {
			this.tableData = records;
			this.totalNum = total;
			this.pageSize=size;
			})
			.catch(err => {
			this.$message({ type: 'error', message: err });
			});
			},

			// 批量下拉框操作
			async selectChange(list) {
			console.log(this.tempList);
			if (this.tempList.length !== 0) {
			this.preMyIdx = list;
			if (list === 3) {
			@@ -285,6 +279,7 @@
			})
			}
			},

			// 批量操作
			mulUpdateStatus(idArr, flag) {
			this.$confirm(flag === 1 ? "您确定要进行批量启用角色吗?" : '您确定要进行批量禁用角色吗?')
			@@ -306,72 +301,50 @@
			message: res.message
			})
			}
			console.log(res);
			})
			})
			.catch(err => { console.log(err) })
			.catch(err => { })
			},

			// 表格监听
			tableChange(list) {
			this.tempList = [];
			list.forEach(item => {
			this.tempList.push(item.id);
			})
			if (list.length === this.tableData.length) {
			this.all = true;
			} else {
			this.all = false
			}
			},
			// 修改时间格式
			changeTime({ updateTime }) {
			return helper(updateTime);
			this.all = list.length === this.tableData.length;
			},
			// 全选
			selectAll() {
			this.$refs.multipleTable.toggleAllSelection();
			},

			// 反选
			disSame(list) {
			list.forEach(row => {
			this.$refs.multipleTable.toggleRowSelection(row)
			})
			},

			// 设置表格斑马纹
			tableRowClassName({ row, rowIndex }) {
			if ((rowIndex + 1) % 2 == 0) {
			if ((rowIndex + 1) % 2 === 0) {
			return 'warning-row';
			} else {
			return 'success-row';
			}
			return '';
			},

			// 当前页改变触发事件
			changeCurrentPage(page) {
			this.currentPage = page;
			this.setTableData();
			this.getMessageList();
			},
			// 关闭弹窗
			handleClose(done) {
			done();
			},
			// 确认关闭弹窗
			handleConfirmClose(done) {
			this.$confirm('确认关闭?')
			.then(_ => {
			done();
			})
			.catch(err => {
			console.log(err);
			})
			},

			// 自定义关闭弹窗
			closeDialog({ flag, index }) {
			this.dialogCreate = flag;
			this.dialogView = flag;
			if (index === 1) {
			this.setTableData();
			}
			closeDialog() {
			this.isShowDialog = false;
			this.getMessageList();
			}
			}
			}
			@@ -384,7 +357,6 @@

			header {
			background-color: #09152f;
			border: 1pox solid #fff;

			.header-nav {
			line-height: 40px;
			@@ -401,20 +373,16 @@
			justify-content: space-between;
			align-items: center;

			.search,
			.message-status,
			.message-kind {
			.search {
			display: flex;
			justify-content: flex-start;

			justify-content: space-between;
			align-items: center;
			span {
			flex: 1;
			}

			.el-input {
			flex: 2;
			color: #1d3f57;

			&::v-deep .el-input__inner {
			background-color: #09152f;
			border: 1px solid #17324c;
			@@ -442,7 +410,6 @@
			background-color: #09152f;
			margin-top: 20px;
			padding-bottom: 50px;
			border: 1pox solid #fff;

			.el-link {
			color: #4b9bb7;
			@@ -616,11 +583,13 @@
			&::v-deep .el-dialog__close {
			width: 20px;
			height: 20px;
			// color: #fff;
			}

			&::v-deep .el-dialog__body {
			padding: 0;
			}
			:deep(.el-range-input) {
			background-color: #09152f;
			}
			}
			</style>