联调消息

mg

2022-10-27 5b36a7e896276c4e468d6b0ef29b237eb6fc5663

联调消息

 src/views/operate/management/message/index.vue

@@ -16,7 +16,7 @@
                </div>
                <div class="btns">
                    <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button>
                    <el-button icon="el-icon-delete-solid">重置</el-button>
                    <el-button icon="el-icon-delete-solid" @click="handleReset">重置</el-button>
                </div>
            </div>
        </header>
@@ -28,7 +28,7 @@
                <!-- 数据展示 -->
                <MyTable :tableOption="tableOption" :tableData="tableData" :pageShow="false">
                    <template #operation="info">
                        <el-link :underline="false" style="color:#4b9bb7">编辑</el-link>
                        <el-link :underline="false" style="color:#4b9bb7" @click="handleCheckSms(info)">审核</el-link>
                    </template>
                </MyTable>
                <div class="tools">
@@ -49,7 +49,11 @@
                        </el-pagination>
                    </div>
                </div>
                
                <!-- 审核页面 -->
                <el-dialog :visible.sync="dialogCheckSms" width="80%" title="消息详情" v-if="dialogCheckSms"
                    :before-close="handleClose">
                    <MyCheckSms :messageData="messageData"  @closeDialog="closeDialog"></MyCheckSms>
                </el-dialog>
            </div>
        </main>
        <footer>
@@ -59,16 +63,16 @@
</template>
<script>
import MyTable from '@/components/Table';
import { myDownLoad } from '@/utils/helper';
import { createNamespacedHelpers } from "vuex";
const { mapActions } = createNamespacedHelpers("shortMessage");
import MyCheckSms from './checkSms';
export default {
    components: {
        MyTable
        MyTable,MyCheckSms
    },
    data() {
        return {
            tableData: [],
            dialogCheckSms:false,
            messageData:{},
            totalNum: null,
            context: "",
            status:0,
@@ -130,14 +134,17 @@
        }
    }, 
    created() {
        const { setTableData } = this;
        setTableData();
        const {setTableData} = this
        this.setTableData();
    },    
    methods: {  
    handleSearch(){
            const {setTableData} = this
            setTableData();
     },
        handleSearch(){    
                this.setTableData();
        },
      // 重置
        handleReset(){

        },
     // 设置表格数据
     async setTableData() {
            const arr = await this.getMessageAuditList();
@@ -170,12 +177,20 @@
                    done();
                })
        },
        ...mapActions(['getMessageList']),
         // 当前页改变触发事件
         changeCurrentPage(page) {
            this.currentPage = page;
            this.setTableData();
        },
        // 去审核
        handleCheckSms(info) {
             this.messageData = info;
             this.dialogCheckSms = true;
        },
              // 关闭dialog
       closeDialog({flag}){
            this.dialogCheckSms = flag;
       },
    }
}
</script>

 src/views/operate/message/myIndex/index.vue

@@ -69,7 +69,7 @@
                    <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-view" :underline="false" @click="handleView(scope.row)">查看</el-link>
                                <el-link icon="el-icon-edit" class="leftPx" :underline="false" @click="handleEdit(scope.row)">编辑</el-link>
                                <el-link class="leftPx" icon="el-icon-delete-solid" :underline="false"
                                    @click="handleDelete([scope.row.id])">删除</el-link>
@@ -85,12 +85,12 @@
                <!-- 消息详情 -->
                <el-dialog title="消息详情" :visible.sync="dialogView" v-if="dialogView" width="45%"
                    :before-close="handleClose">
                    <MyView></MyView>
                    <MyView @closeDialog="closeDialog" :myinfo="info">></MyView>
                </el-dialog>
                <!-- 编辑页面 -->
                <el-dialog title="编辑消息" :visible.sync="dialogEdit" v-if="dialogEdit" width="80%"
                    :before-close="handleClose">
                    <MyEdit  @closeDialog="closeDialog" :info="info"></MyEdit>
                    <MyEdit  @closeDialog="closeDialog" :myDataRow="info"></MyEdit>
                </el-dialog>
                <!-- tools -->
                <div class="tools">
@@ -206,18 +206,22 @@
    },
    methods: {
        // 查询
        handleSearch(){
            const {setTableData} = this
            setTableData();
        handleSearch(){         
            this.setTableData();
        },
        // 重置
        handleReset(){

        },
        // 查看
        handleView(data){
            this.info = data;
            this.dialogView = true;       
        },
         // 编辑
        handleEdit(data){
            this.info = data;
            this.dialogEdit = true;
            this.dialogEdit = true;       
        },
        // 删除信息
        handleDelete(idarr) {

 src/views/operate/message/myIndex/myview/index.vue

@@ -1,24 +1,39 @@
<template>
    <div class="myview">
        <header>
            <div class="header-title">
                域名隐私保护服务暂停通知
            <div class="header-title">                   
               <p>{{title}}</p>
            </div>
            <div class="header-time">
                2018-05-25 14:19:20
                <p>{{sendTime}}</p>
            </div>
        </header>
        <main>
            <div class="main-head"> 尊敬的客户：您好！</div>
            <div class="main-content">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据ICANN（互联网名称与数字地址分配机构）《通用顶级域名注册数据临时政策细则（Temporary Specification for gTLD Registration Data）》和欧盟通用数据保护条例（GDPR）合规要求，自2018年5月25日起，阿里云的域名WHOIS信息公开查询结果中将不再显示域名注册人/注册机构的名称，以及域名注册人/注册机构、管理联系人和技术联系人的联系信息。
            </div>
            <div class="main-footer">
                鉴于以上调整措施生效后，域名注册信息将默认得到保护，阿里云域名隐私保护服务将自2018年5月25日起暂停服务。
            </div>
            <div class="main-head"><p>{{body}}</p></div>
        </main>
    </div>
</template>
<script>
export default {  
    data() {
        return {
            title: {},
            sendTime:{},
            body:{}
        }
    },
    created() {
        this.info = this.myinfo;
        this.title = this.info.head; 
        this.sendTime = this.info.sendTime;
        this.body = this.info.body;
    },
    methods: {

    },
    props: ['closeMyDialog','myinfo']
}
</script>
<style lang="scss" scoped>
.myview{
    color: #4b9bb7;
@@ -39,7 +54,7 @@
        border-bottom: 1px solid #4b9bb7;
    }
    main{
        padding: 30px 50px;
        padding: 30px 50px;  
        line-height: 100px;
        .main-head{
            line-height: 40px;

 src/views/operate/message/myIndex/update/index.vue

@@ -37,7 +37,7 @@
                    </el-form-item>
                    <!-- 消息内容 -->
                    <el-form-item class="optionItem" label="消息内容:" prop="body">
                        <MyEditor ref="edit" @getMyBody="getMyBody"></MyEditor>
                        <MyEditor ref="edit" @getMyBody="getMyBody" :mybody='role.body'></MyEditor>
                        <!-- <el-input type="textarea" v-model="role.description" placeholder="请输入描述内容200字以内"></el-input> -->
                    </el-form-item>
                    <!-- 提醒方式 -->
@@ -147,6 +147,8 @@
        this.setColumnList();
        this.setDepartList();
        this.getLoginUserInfo();
        this.role = this.myDataRow;
        console.log(this.role);
    },
    methods: {
        // 关闭弹窗
@@ -241,13 +243,22 @@
        },
        // 新建/保存消息(1:新建,0保存消息)
        handleSubmit(mystatus) {
            console.log(mystatus);      
            if(mystatus===0){
               this.updateMessage(mystatus); 
            }else{
                this.newsMessage(mystatus);
            }
        },
        //修改消息
        updateMessage(mystatus){
            this.$refs.user.validate((valid) => {
                if (valid) {
                    const { role, checkedList } = this;
                    console.log(checkedList);
                    this.$axios({
                        method: 'post',
                        url: 'sccg/message/sendMessage',
                        url: `sccg/message/update/${this.role.id}`,
                        data: {
                            body: role.body,
                            channelCode: `${role.channelCode}`,
@@ -263,7 +274,42 @@
                            if (res.code === 200) {
                                this.$message({
                                    type: 'success',
                                    message: mystatus === 1 ? '发送成功' : '保存成功',
                                    message: mystatus === 1 ? '发布成功' : '保存成功',
                                })
                                this.$emit('closeMyDialog', { flag: false, index: 1 });
                            }
                        })
                } else {
                    return false;
                }
            })
        },
        //发布消息
        newsMessage(mystatus){
             this.$refs.user.validate((valid) => {
                if (valid) {
                    const { role, checkedList } = this;
                    console.log(checkedList);
                    this.$axios({
                        method: 'post',
                        url: 'sccg/message/sendMessage',
                        data: {
                            id:role.id,
                            body: role.body,
                            channelCode: `${role.channelCode}`,
                            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 });
                            }
@@ -328,7 +374,7 @@
            return str
        }
    },
    props: ['closeMyDialog']
    props: ['closeMyDialog','myDataRow']
}
</script>
<style lang="scss" scoped>