sccg_ui.git - Gitblit

			@@ -3,26 +3,29 @@
			<header>
			<div class="header-nav">
			<span class="nav-left">数据筛选</span>
			<span class="nav-right" @click="showMoreParamsDialog">高级搜索</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="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,11 +37,11 @@
			<div class="mainContent">
			<div class="main-nav">
			<span>数据列表</span>
			<el-button type="primary" icon="el-icon-plus" @click="handleOpera(null, 'create')">添加</el-button>
			<el-button class="button-addition" type="primary" icon="el-icon-plus" @click="handleOpera(null, 'create')">添加</el-button>
			</div>
			<!-- 数据展示 -->
			<el-table ref="multipleTable"
			:header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
			:header-cell-style="{background:'white','font-weight':'650','line-height':'45px'}"
			:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
			@selection-change="tableChange">
			<el-table-column type="selection" min-width="5">
			@@ -48,14 +51,14 @@
			</el-table-column>
			<el-table-column prop="head" label="标题" min-width="10">
			</el-table-column>
			<el-table-column prop="createTime" label="修改时间" min-width="10">
			<el-table-column prop="createTime" label="创建时间" min-width="10">
			</el-table-column>
			<el-table-column prop="createUser" label="发布人员" min-width="15">
			</el-table-column>
			<el-table-column prop="messageTypeName" label="消息分类" min-width="10">
			<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>
			@@ -98,12 +101,6 @@
			</div>
			</div>
			</div>

			<el-dialog
			title="高级参数"
			:visible.sync="isShowMoreParams"
			width="30%">
			</el-dialog>
			</main>
			</div>
			</template>
			@@ -144,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: '批量删除',
			@@ -190,11 +188,11 @@
			columnName:'站内信',
			},
			{
			id:'02',
			id:'03',
			columnName:'邮件',
			},
			{
			id:'03',
			id:'02',
			columnName:'短信',
			}
			]
			@@ -206,7 +204,7 @@

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

			@@ -242,15 +240,19 @@
			getMessageList() {
			const messageParam = {
			current: this.currentPage,
			size: this.pageSize,
			channelCode: this.messageType,
			status: this.messageStatus,
			head: this.context
			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 }) => {
			.then(({ records, total ,size}) => {
			this.tableData = records;
			this.totalNum = total;
			this.pageSize=size;
			})
			.catch(err => {
			this.$message({ type: 'error', message: err });
			@@ -339,10 +341,6 @@
			this.getMessageList();
			},

			showMoreParamsDialog() {
			this.isShowMoreParams = true;
			},

			// 自定义关闭弹窗
			closeDialog() {
			this.isShowDialog = false;
			@@ -355,10 +353,10 @@
			.userList {
			text-align: left;
			margin: 10px 20px;
			color: #4b9bb7;
			color: #606266;

			header {
			background-color: #09152f;
			background-color: white;

			.header-nav {
			line-height: 40px;
			@@ -375,23 +373,19 @@
			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;
			//background-color: #09152f;
			//border: 1px solid #17324c;
			}
			}

			@@ -413,7 +407,7 @@
			}

			main {
			background-color: #09152f;
			background-color: white;
			margin-top: 20px;
			padding-bottom: 50px;

			@@ -469,7 +463,7 @@

			&::v-deep .el-input__inner {
			border: none;
			background-color: #09152f;
			//background-color: #09152f;
			}

			&:hover {
			@@ -489,29 +483,29 @@
			line-height: 50px;
			justify-content: center;

			.el-pagination {

			&::v-deep li,
			&::v-deep .btn-prev,
			&::v-deep .btn-next {
			background-color: #071f39;
			color: #4b9bb7;
			}

			&::v-deep .active {
			background-color: #409eff;
			color: #fff;
			}
			}
			//.el-pagination {
			//
			// &::v-deep li,
			// &::v-deep .btn-prev,
			// &::v-deep .btn-next {
			// background-color: #071f39;
			// color: #4b9bb7;
			// }
			//
			// &::v-deep .active {
			// background-color: #409eff;
			// color: #fff;
			// }
			//}
			}
			}

			.el-table {
			color: #4b9bb7;
			font-size: 10px;
			// color: #606266;
			// font-size: 10px;

			&::v-deep .el-table__empty-block {
			background-color: #09152f;
			//background-color: #09152f;
			}

			&::v-deep .el-table__empty-block {
			@@ -532,11 +526,11 @@
			}

			.el-table::v-deep .warning-row {
			background: #06122c;
			//background: #06122c;
			}

			.el-table::v-deep .success-row {
			background: #071f39;
			//background: #071f39;
			}

			&::v-deep .switchStyle .el-switch__label {
			@@ -571,7 +565,7 @@

			&::v-deep .el-dialog__header,
			&::v-deep .el-dialog__body {
			background-color: #06122c;
			//background-color: #06122c;
			}

			&::v-deep .el-dialog__header {
			@@ -583,17 +577,19 @@
			}

			&::v-deep .el-dialog__title {
			color: #4b9bb7;
			color: #606266;
			}

			&::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>
			</style>