sccg_ui.git - Gitblit

			@@ -2,7 +2,7 @@
			<div class="createUser">
			<main>
			<div class="mainContent">
			<el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="createRoleRules"
			<el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="rules"
			label-position="right">
			<!-- 消息栏目 -->
			<el-form-item class="optionItem" label="短信模板:" prop="messageType">
			@@ -14,7 +14,6 @@
			</el-option>
			</el-select>
			</div>
			<span class="message-add" @click='dialogCreate = true'> 添加栏目</span>
			</div>
			</el-form-item>
			<!-- 消息标题 -->
			@@ -42,52 +41,30 @@

			<el-form-item>
			<div class="optionBtn">
			<el-button type="primary" @click.native.prevent="handleSubmit(1)" class="btn submit">发布
			</el-button>
			<el-button messageType="primary" @click.native.prevent="handleSubmit(1)" class="btn submit">发布</el-button>
			<el-button class="btn cancel" @click.native.prevent="handleReset">重置</el-button>
			</div>
			</el-form-item>
			</el-form>
			<!-- 新增栏目 -->
			<el-dialog title="添加栏目" :visible.sync="dialogCreate" v-if="dialogCreate" width="60%"
			:before-close="handleConfirmClose" append-to-body>
			<MyColumnAdd @closeDialog="closeDialog"></MyColumnAdd>
			</el-dialog>
			<!-- 预览消息 -->
			<el-dialog title="消息预览" :visible.sync="dialogView" v-if="dialogView" width="60%"
			:before-close="handleConfirmClose" append-to-body>
			<MyColView :info="info" @closeDialog="closeDialog"></MyColView>
			</el-dialog>
			</div>
			</main>
			</div>
			</template>
			<script>
			import MyEditor from '@/components/edit'
			import { sendMessage } from "@/api/operate/messageManagement";

			export default {
			components: { MyEditor },
			data() {
			const validateNickname = (rule, value, callback) => {
			if (!value) {
			callback(new Error("请填写消息栏目"));
			} else {
			callback();
			}
			};
			const validatePass = (rule, value, callback) => {
			if (!value) {
			callback();
			} else {
			callback();
			}
			};
			const validateTruename = (rule, value, callback) => {
			if (value.length !== 0) {
			callback();
			} else {
			callback(new Error('请选择接收对象'));
			}
			};
			const validateMessageContent = (rule, value, callback) => {
			if (!value) {
			callback(new Error('请输入短信内容'));
			} else {
			callback();
			}
			}

			return {
			role: {
			messageType: '',
			@@ -95,18 +72,21 @@
			targetTo: '',
			targetFrom: null,
			body: '',
			channelCode: '01',
			channelCode: '03'
			},
			createRoleRules: {
			rules: {
			messageType: [
			{ required: true, trigger: "blur", validator: validateNickname },
			{ required: true, trigger: ['blur', 'change'], message: '请选择短信模板' },
			],
			head: [
			{ required: false, trigger: "blur", validator: validatePass },
			{ required: true, trigger: "blur", message: '请输入短信标题' },
			],
			targetTo: [
			{ required: false, trigger: "blur", validator: validateTruename },
			{ required: true , trigger: "blur", message: '请选择接收人' },
			],
			body: [
			{ required: true, trigger: ['blur', 'change'], validator: validateMessageContent }
			]
			},
			colList: [],
			departList: [],
			@@ -115,16 +95,11 @@
			dialogView: false,
			defaultProps: {
			children: 'children',
			label: 'departName',
			// disabled: function (data, node) {
			// if (data.createTime) {
			// return !data.leaf
			// }
			// }
			label: 'departName'
			},
			checkedList: [],
			tempNameArr:[],
			info:{},
			info: {},
			sendUser:""
			}
			},
			@@ -153,7 +128,6 @@
			url: 'sccg/message_column/getAllColumn'
			})
			.then(res => {
			console.log(res);
			arr = res.data;
			})
			return arr;
			@@ -185,10 +159,8 @@
			// 处理部门树
			async filterDepartList() {
			let arr = await this.getDepartList();
			const { setChildren } = this;
			// console.log(setChildren);
			arr.forEach(item => {
			setChildren(item);
			this.setChildren(item);
			})
			return arr;
			},
			@@ -211,48 +183,28 @@
			},
			// 选中id
			handleCheck(data, node) {
			let arr = [],nameArr = []
			console.log(node.checkedNodes)
			node.checkedNodes.forEach(item => {
			if(!item.hasOwnProperty('departType')){
			arr.push(item.id)
			nameArr.push(item.departName)
			this.checkedList.push(item.id)
			this.tempNameArr.push(item.departName)
			}
			})
			this.checkedList = arr
			this.tempNameArr = nameArr
			console.log(this.tempNameArr)
			this.role.targetTo = arr.length + '人'
			this.role.targetTo = this.checkedList.length + '人';
			},
			// 新建/保存消息(1:新建,0保存消息)
			handleSubmit(mystatus) {
			this.$refs.user.validate((valid) => {
			if (valid) {
			const { role, checkedList } = this;
			console.log(checkedList);
			this.$axios({
			method: 'post',
			url: 'sccg/message/sendMessage',
			data: {
			body: role.body,
			channelCode: '03',
			head: role.head,
			messageType: role.messageType,
			sendTime: new Date(),
			targetTo: checkedList.join(','),
			targetFrom: `${role.targetFrom}`,
			status: mystatus,
			}
			})
			.then(res => {
			if (res.code === 200) {
			this.$message({
			type: 'success',
			message: mystatus === 1 ? '发送成功' : '保存成功',
			})
			this.$emit('closeMyDialog', { flag: false, index: 1 });
			}
			})
			const params = Object.assign({}, this.role);
			params.targetTo = this.checkedList.join(',');
			params.targetFrom = this.sendUser;
			params.status = mystatus;
			sendMessage(params)
			.then(() => {
			this.$message({ type: 'success', message: '操作成功' });
			this.$emit('closeDialog');
			})
			.catch(err => this.$message({ type: 'error', message: err }));
			} else {
			return false;
			}
			@@ -260,13 +212,11 @@
			},
			// 获得消息体
			getMyBody(obj) {
			console.log(obj);
			this.role.body = obj;
			},
			// 重置表单
			handleReset() {
			this.$refs.edit.editor.txt.clear();
			// this.$refs.edit.wangEditor.txt.html('<p><br></p>')
			this.setDepartList();
			this.$refs.user.resetFields();
			},
			@@ -286,17 +236,14 @@
			handleView() {
			this.$refs.user.validate((valid) => {
			if (valid) {
			const { role,getColText,tempNameArr,sendUser } = this
			this.dialogView = true;
			let info = {}
			// 获得栏目消息
			info.channelCode = role.channelCode === '01'? '站内信': role.channelCode === '02' ? '邮件':'短信'
			info.messageType = getColText(role.messageType)
			info.body = role.body
			info.head = role.head
			info.targetTo = tempNameArr
			info.targetFrom = sendUser
			this.info = info
			this.info = {
			messageType: this.getColText(role.messageType),
			body: this.role.body,
			head: this.role.head,
			targetTo: this.tempNameArr,
			targetFrom: this.sendUser
			};
			} else {
			return false
			}
			@@ -304,7 +251,6 @@
			},
			// 获得栏目消息
			getColText(id){
			console.log(id)
			const {colList} = this
			let str = ''
			colList.forEach(item=>{
			@@ -323,7 +269,6 @@

			main {
			text-align: left;
			padding: 0 55px;
			background-color: #09152f;
			padding-bottom: 50px;