fangyuan
2022-12-16 9ff66017debadfc89bc0c1b796684a4d1dbe2bc3
src/views/operate/sms/smsIndex/createSms/index.vue
@@ -8,8 +8,8 @@
                    <el-form-item 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"
                                <el-select v-model="role.messageType" placeholder="请选择短信模板" @change="setTemplateValue">
                                    <el-option v-for="item in colList" :key="item.id" :label="item.title"
                                        :value="item.id">
                                    </el-option>
                                </el-select>
@@ -36,12 +36,12 @@
                    </el-form-item>
                    <!-- 消息内容 -->
                    <el-form-item class="optionItem" label="消息内容:" prop="body">
                        <MyEditor ref="edit" @getMyBody="getMyBody"></MyEditor>
                        <MyEditor ref="edit"></MyEditor>
                    </el-form-item>
                    <el-form-item>
                        <div class="optionBtn">
                            <el-button messageType="primary" @click.native.prevent="handleSubmit(1)" class="btn submit">发布</el-button>
                            <el-button type="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>
@@ -53,6 +53,7 @@
<script>
import MyEditor from '@/components/edit'
import { sendMessage } from "@/api/operate/messageManagement";
import SMS from "@/api/operate/SMS";
export default {
    components: { MyEditor },
@@ -64,7 +65,6 @@
            callback();
          }
      }
        return {
            role: {
                messageType: '',
@@ -72,7 +72,7 @@
                targetTo: '',
                targetFrom: null,
                body: '',
                channelCode: '03'
                channelCode: '02'
            },
            rules: {
                messageType: [
@@ -82,7 +82,7 @@
                    { required: true, trigger: "blur", message: '请输入短信标题' },
                ],
                targetTo: [
                    { required: true  , trigger: "blur", message: '请选择接收人' },
                    { required: true  , trigger: "blur", message: '请选择接收对象' },
                ],
                body: [
                  { required: true, trigger: ['blur', 'change'], validator: validateMessageContent }
@@ -104,7 +104,7 @@
        }
    },
    created() {
        this.setColumnList();
        this.getSMSTemplateList();
        this.setDepartList();
        this.getLoginUserInfo();
    },
@@ -116,29 +116,18 @@
                    done();
                })
        },
        // 设置栏目
        async setColumnList() {
            this.colList = await this.getColumnList();
        getSMSTemplateList() {
          SMS.getSMSTemplateList({ current: 1, pageSize: 100 })
              .then(({ records }) => {
                this.colList = records;
              })
              .catch(err => this.$message.error(err))
        },
        // 获取栏目
        async getColumnList() {
            let arr;
            await this.$axios({
                method: 'get',
                url: 'sccg/message_column/getAllColumn'
            })
                .then(res => {
                    arr = res.data;
                })
            return arr;
        },
        // 关闭弹窗
        closeDialog({ flag, index }) {
        closeDialog({ flag }) {
            this.dialogCreate = flag;
            if (index === 1) {
                // 重新设置栏目
                this.setColumnList();
            }
        },
        // 获取部门树
        async getDepartList() {
@@ -183,6 +172,7 @@
        },
        // 选中id
        handleCheck(data, node) {
            this.checkedList = []
            node.checkedNodes.forEach(item => {
                if(!item.hasOwnProperty('departType')){
                    this.checkedList.push(item.id)
@@ -193,7 +183,8 @@
        },
        // 新建/保存消息(1:新建,0保存消息)
        handleSubmit(mystatus) {
            this.$refs.user.validate((valid) => {
          this.role.body = this.$refs.edit.editor.txt.html();
          this.$refs.user.validate((valid) => {
                if (valid) {
                  const params = Object.assign({}, this.role);
                  params.targetTo = this.checkedList.join(',');
@@ -201,17 +192,21 @@
                  sendMessage(params)
                      .then(() => {
                        this.$message({ type: 'success', message: '操作成功' });
                        this.$emit('closeDialog');
                        this.$emit('closeMyDialog');
                      })
                      .catch(err => this.$message({ type: 'error', message: err }));
                } else {
                    return false;
                  this.$message.warning('请检查必填项');
                }
            })
        },
        // 获得消息体
        getMyBody(obj) {
            this.role.body = obj;
        setTemplateValue(obj){
            var _this=this
            SMS.getSMSTemplateById(obj).then((result) =>{
                _this.role.head=result.title
                _this.role.body=result.body
                _this.$refs.edit.editor.txt.html(result.body)
            })
        },
        // 重置表单
        handleReset() {
@@ -227,38 +222,11 @@
                url: 'sccg/admin/info?name=' + name,
            })
                .then(res => {
                    this.role.targetFrom = res.data.userId
                    this.sendUser = res.data.username
                    this.role.targetFrom = res.data.userId;
                    this.sendUser = res.data.username;
                })
        },
        // 消息预览
        handleView() {
            this.$refs.user.validate((valid) => {
                if (valid) {
                    this.dialogView = true;
                    this.info = {
                      messageType: this.getColText(role.messageType),
                      body: this.role.body,
                      head: this.role.head,
                      targetTo: this.tempNameArr,
                      targetFrom: this.sendUser
                    };
                } else {
                    return false
                }
            })
        },
        // 获得栏目消息
        getColText(id){
            const {colList} = this
            let str = ''
            colList.forEach(item=>{
                item.id === id ? str = item.columnName : ''
            })
            return str
        }
    },
    props: ['closeMyDialog']
    }
}
</script>
<style lang="scss" scoped>
@@ -361,4 +329,4 @@
        }
    }
}
</style>
</style>