From ef5d28c21618b6fcd3cae08004b15570169dbb0c Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期三, 16 十一月 2022 17:50:13 +0800
Subject: [PATCH] 文书模板
---
src/views/operate/message/myIndex/update/index.vue | 283 +++++++++++++++++++++++++++++++++++---------------------
1 files changed, 178 insertions(+), 105 deletions(-)
diff --git a/src/views/operate/message/myIndex/update/index.vue b/src/views/operate/message/myIndex/update/index.vue
index 6d16c02..bfea845 100644
--- a/src/views/operate/message/myIndex/update/index.vue
+++ b/src/views/operate/message/myIndex/update/index.vue
@@ -2,8 +2,14 @@
<div class="createUser">
<main>
<div class="mainContent">
- <el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="createRoleRules"
- label-position="right">
+ <el-form
+ ref="user"
+ label-width="140px"
+ autoComplete="on"
+ :model="role"
+ :rules="createRoleRules"
+ label-position="right"
+ >
<!-- 鎻愰啋鏂瑰紡 -->
<el-form-item class="optionItem" label="鎻愰啋鏂瑰紡:" prop="channelCode">
<el-radio-group v-model="role.channelCode">
@@ -13,31 +19,55 @@
<span class="message-tip">(鐭俊鍙敤鏁�: 1000鏉�)</span>
</el-form-item>
<!-- 娑堟伅鏍忕洰 -->
- <el-form-item v-if="role.channelCode === '01'" class="optionItem" label="娑堟伅鏍忕洰:" prop="messageType">
+ <el-form-item
+ v-if="role.channelCode === '01'"
+ class="optionItem"
+ label="娑堟伅鏍忕洰:"
+ prop="messageType"
+ >
<div class="message-item">
<div class="message-item__left">
- <el-select v-model="role.messageType" placeholder="璇烽�夋嫨娑堟伅鏍忕洰">
- <el-option v-for="item in colList" :key="item.id" :label="item.columnName"
- :value="item.id">
+ <el-select
+ v-model="role.messageType"
+ placeholder="璇烽�夋嫨娑堟伅鏍忕洰"
+ >
+ <el-option
+ v-for="item in colList"
+ :key="item.id"
+ :label="item.columnName"
+ :value="item.id"
+ >
</el-option>
</el-select>
</div>
- <span class="message-add" @click='dialogCreate = true'> 娣诲姞鏍忕洰</span>
+ <span class="message-add" @click="dialogCreate = true">
+ 娣诲姞鏍忕洰</span
+ >
</div>
</el-form-item>
<!-- 娑堟伅鏍囬 -->
<el-form-item class="optionItems" label="娑堟伅鏍囬:" prop="head">
<div class="message-item__left">
- <el-input v-model="role.head" placeholder="璇烽�夋嫨娑堟伅鏍囬"></el-input>
+ <el-input
+ v-model="role.head"
+ placeholder="璇烽�夋嫨娑堟伅鏍囬"
+ ></el-input>
</div>
</el-form-item>
<!-- 鎺ユ敹瀵硅薄 -->
<el-form-item class="optionItem" label="鎺ユ敹瀵硅薄:" prop="targetTo">
<div class="message-item__left">
- <el-select v-model="role.targetTo" placeholder="璇烽�夋嫨鎺ユ敹瀵硅薄" >
+ <el-select v-model="role.targetTo" placeholder="璇烽�夋嫨鎺ユ敹瀵硅薄">
<el-option :value="role.targetTo">
- <el-tree ref="tree" :data="departList" :props="defaultProps" show-checkbox
- @check="handleCheck" default-expand-all node-key="id">
+ <el-tree
+ ref="tree"
+ :data="departList"
+ :props="defaultProps"
+ show-checkbox
+ @check="handleCheck"
+ default-expand-all
+ node-key="id"
+ >
</el-tree>
</el-option>
</el-select>
@@ -49,62 +79,94 @@
</el-form-item>
<el-form-item>
<div class="optionBtn">
- <el-button type="primary" @click.native.prevent="handleSubmit(0)" class="btn save">淇濆瓨
+ <el-button
+ type="primary"
+ @click.native.prevent="handleSubmit(0)"
+ class="btn save"
+ >淇濆瓨
</el-button>
- <el-button type="primary" @click.native.prevent="handleSubmit(1)" class="btn submit">鍙戝竷
+ <el-button
+ type="primary"
+ @click.native.prevent="handleSubmit(1)"
+ class="btn submit"
+ >鍙戝竷
</el-button>
- <el-button type="primary" @click.native.prevent="handleView" class="btn submit">棰勮
+ <el-button
+ type="primary"
+ @click.native.prevent="handleView"
+ class="btn submit"
+ >棰勮
</el-button>
- <el-button class="btn cancel" @click.native.prevent="handleReset">閲嶇疆</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>
+ <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
+ 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 MyColumnAdd from '@/views/operate/message/mycontrol/createUser'
-import MyColView from '../messageView'
+import MyEditor from "@/components/edit";
+import MyColumnAdd from "@/views/operate/message/mycontrol/createUser";
+import MyColView from "../messageView";
import { sendMessage, updateMessage } from "@/api/operate/messageManagement";
export default {
components: { MyEditor, MyColumnAdd, MyColView },
- props: ['type', 'myDataRow'],
+ props: ["type", "myDataRow"],
data() {
return {
role: {
- messageType: '',
- head: '',
- targetTo: '',
+ messageType: "",
+ head: "",
+ targetTo: "",
targetFrom: null,
- body: '',
- channelCode: '01',
+ body: "",
+ channelCode: "01",
},
createRoleRules: {
messageType: [
- { required: true, trigger: ['blur', 'change'], message: '璇疯緭鍏ユ秷鎭爮鐩�' },
+ {
+ required: true,
+ trigger: ["blur", "change"],
+ message: "璇疯緭鍏ユ秷鎭爮鐩�",
+ },
],
- head: [
- { required: true, trigger: "blur", message: '璇烽�夋嫨娑堟伅鏍囬'}
- ],
+ head: [{ required: true, trigger: "blur", message: "璇烽�夋嫨娑堟伅鏍囬" }],
targetTo: [
- { required: true, trigger: "blur", message: '璇烽�夋嫨鎺ュ彈瀵硅薄' },
+ { required: true, trigger: "blur", message: "璇烽�夋嫨鎺ュ彈瀵硅薄" },
],
body: [
- { required: true, trigger: ['blue','change'], message: '璇疯緭鍏ユ秷鎭唴瀹�' }
- ]
+ {
+ required: true,
+ trigger: ["blue", "change"],
+ message: "璇疯緭鍏ユ秷鎭唴瀹�",
+ },
+ ],
},
colList: [],
departList: [],
@@ -112,41 +174,39 @@
dialogCreate: false,
dialogView: false,
defaultProps: {
- children: 'children',
- label: 'departName'
+ children: "children",
+ label: "departName",
},
checkedList: [],
tempNameArr: [],
info: {},
- sendUser: ''
- }
+ sendUser: "",
+ };
},
created() {
this.getColumnList();
this.getDepartList();
this.getLoginUserInfo();
- if (this.type === 'update' && this.myDataRow) {
+ if (this.type === "update" && this.myDataRow) {
this.role = this.myDataRow;
}
},
methods: {
// 鍏抽棴寮圭獥
handleConfirmClose(done) {
- this.$confirm('纭鍏抽棴?')
- .then(_ => {
- done();
- })
+ this.$confirm("纭鍏抽棴?").then((_) => {
+ done();
+ });
},
// 鑾峰彇鏍忕洰
async getColumnList() {
await this.$axios({
- method: 'get',
- url: 'sccg/message_column/getAllColumn'
- })
- .then(res => {
- this.colList = res.data;
- })
+ method: "get",
+ url: "sccg/message_column/getAllColumn",
+ }).then((res) => {
+ this.colList = res.data;
+ });
},
// 鍏抽棴寮圭獥
closeDialog({ flag, index }) {
@@ -160,30 +220,29 @@
// 鑾峰彇閮ㄩ棬鏍�
async getDepartList() {
await this.$axios({
- method: 'get',
- url: 'sccg/depart/tree'
- })
- .then(res => {
- res.data.forEach(item => {
- this.departList.push(this.setChildren(item));
- });
- })
+ method: "get",
+ url: "sccg/depart/tree",
+ }).then((res) => {
+ res.data.forEach((item) => {
+ this.departList.push(this.setChildren(item));
+ });
+ });
},
// 閫掑綊children
setChildren(obj) {
if (obj.children !== null) {
if (obj.children.length !== 0) {
- obj.children.forEach(item => {
+ obj.children.forEach((item) => {
return this.setChildren(item);
- })
+ });
}
} else {
if (obj.userInfoDTOS.length !== 0) {
obj.children = [];
- obj.userInfoDTOS.forEach(item => {
- obj.children.push({ id: item.userId, departName: item.username })
- })
+ obj.userInfoDTOS.forEach((item) => {
+ obj.children.push({ id: item.userId, departName: item.username });
+ });
}
}
return obj;
@@ -191,49 +250,60 @@
// 閫変腑id
handleCheck(data, node) {
- node.checkedNodes.forEach(item => {
- if(!item.hasOwnProperty('departType')){
- this.checkedList.push(item.id)
- this.tempNameArr.push(item.departName)
+ node.checkedNodes.forEach((item) => {
+ if (!item.hasOwnProperty("departType")) {
+ this.checkedList.push(item.id);
+ this.tempNameArr.push(item.departName);
}
- })
- this.role.targetTo = this.checkedList.length + '浜�'
+ });
+ this.role.targetTo = this.checkedList.length + "浜�";
},
// 鏂板缓/淇濆瓨娑堟伅(1:鏂板缓,0淇濆瓨娑堟伅)
handleSubmit(mystatus) {
this.$refs.user.validate((valid) => {
if (valid) {
- const { body, head, messageType, targetFrom, channelCode } = this.role;
+ const { body, head, messageType, targetFrom, channelCode } =
+ this.role;
const params = {
body,
head,
messageType,
channelCode: `${channelCode}`,
sendTime: new Date(),
- targetTo: this.checkedList.join(','),
+ targetTo: this.checkedList.join(","),
targetFrom: `${targetFrom}`,
status: mystatus,
- }
- if (this.type === 'create') {
+ };
+ if (this.type === "create") {
sendMessage(params)
- .then(() => {
- this.$emit('closeMyDialog');
- this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛' });
+ .then(() => {
+ this.$emit("closeMyDialog");
+ this.$message({ type: "success", message: "鎿嶄綔鎴愬姛" });
+ })
+ .catch((err) =>
+ this.$message({
+ type: "error",
+ message: err.data || err.message,
})
- .catch(err => this.$message({ type: 'error', message: err }));
+ );
} else {
updateMessage(params)
- .then(() => {
- this.$emit('closeMyDialog');
- this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛' });
+ .then(() => {
+ this.$emit("closeMyDialog");
+ this.$message({ type: "success", message: "鎿嶄綔鎴愬姛" });
+ })
+ .catch((err) =>
+ this.$message({
+ type: "error",
+ message: err.data || err.message,
})
- .catch(err => this.$message({ type: 'error', message: err }));
+ );
}
} else {
- this.$message.error({ type: 'warning', message: '璇锋鏌ュ繀濉」' });
+ this.$message.error({ type: "warning", message: "璇锋鏌ュ繀濉」" });
}
- })
+ });
},
// 鑾峰緱娑堟伅浣�
@@ -250,15 +320,14 @@
// 鑾峰彇褰撳墠鐧诲綍鐢ㄦ埛淇℃伅
getLoginUserInfo() {
- const name = sessionStorage.getItem('name');
+ const name = sessionStorage.getItem("name");
this.$axios({
- method: 'get',
- url: 'sccg/admin/info?name=' + name,
- })
- .then(res => {
- this.role.targetFrom = res.data.userId
- this.sendUser = res.data.username
- })
+ method: "get",
+ url: "sccg/admin/info?name=" + name,
+ }).then((res) => {
+ this.role.targetFrom = res.data.userId;
+ this.sendUser = res.data.username;
+ });
},
// 娑堟伅棰勮
@@ -270,27 +339,32 @@
this.info = {
body,
head,
- channelCode: channelCode === '01'? '绔欏唴淇�': channelCode === '02' ? '閭欢':'鐭俊',
+ channelCode:
+ channelCode === "01"
+ ? "绔欏唴淇�"
+ : channelCode === "02"
+ ? "閭欢"
+ : "鐭俊",
messageType: this.getColText(this.role.messageType),
targetTo: this.tempNameArr,
- targetFrom: this.sendUser
- }
+ targetFrom: this.sendUser,
+ };
} else {
- this.$message({ type: 'warning', message: '璇锋鏌ュ繀濉」' });
+ this.$message({ type: "warning", message: "璇锋鏌ュ繀濉」" });
}
- })
+ });
},
// 鑾峰緱鏍忕洰娑堟伅
- getColText(id){
- let str = ''
- this.colList.forEach(item=>{
- item.id === id ? str = item.columnName : ''
- })
+ getColText(id) {
+ let str = "";
+ this.colList.forEach((item) => {
+ item.id === id ? (str = item.columnName) : "";
+ });
return str;
- }
+ },
},
-}
+};
</script>
<style lang="scss" scoped>
.createUser {
@@ -388,7 +462,6 @@
padding: 12px 50px;
}
}
-
}
}
}
--
Gitblit v1.8.0