案件列表内容的开发

2024-04-16 18:00:20 +08:00
parent 0f9cfcd432
commit cc1629f632
6 changed files with 269 additions and 73 deletions
@@ -0,0 +1,57 @@
+<template>
+    <div>
+        <el-dialog title="编辑内容" :visible="emailVidable"  @close="cancel" center
+            :distroy-on-close="true">
+            <div>
+                <el-input type="textarea" :rows="6" placeholder="请输入内容" v-model="sendData">
+                </el-input>
+            </div>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button>
+                <el-button @click="submitSend" class="endbutton1" type="primary" round><span>确 认</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import {
+    updateSendContent,
+} from "@/api/deliveryRecord/deliveryRecord.js";
+export default {
+    props: ["emailVidable", "emailRow","queryParams"],
+    data() {
+        return {
+            sendData:''
+        };
+    },
+    watch: {
+        emailVidable(val){
+            if(val){
+                this.sendData = this.emailRow.mailContent;
+            }
+        }
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelEmail");
+        },
+        submitSend() {
+            console.log(this.emailRow.mailContent)
+            // this.updateSendContentFn({
+            //     id:this.rowData.id,
+            //     sendContent:this.sendData
+            // })
+        },
+        updateSendContentFn(data){
+            updateSendContent(data).then(res=>{
+                this.$message.success('更新成功');
+                this.$emit("cancelSend");
+                this.$emit('getList',this.queryParams);
+            })
+        }
+    },
+};
+</script>
+
+<style lang="scss" scoped></style>
@@ -2,10 +2,12 @@
    <div>
        <el-dialog title="修改内容" :visible="resendVidable" v-if="resendVidable" @close="cancel" center
            :distroy-on-close="true">
-            <div>
-                <el-input type="textarea" :rows="6" placeholder="请输入内容" v-model="sendData">
-                </el-input>
-            </div>
+            <div style="margin-bottom: 30px;"><span style="font-weight: bold;">发送内容:</span>{{ sendData }}</div>
+            <el-form label-width="100px">
+                <el-form-item v-for="(item,index) in rowData.templateParams" :label="item.paramName" :key="item.id"> 
+                    <el-input v-model="rowData.templateParams[index].paramValue" @input="changeContent"></el-input>
+                </el-form-item>
+            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="cancel" class="endbutton1" round><span>取 消</span></el-button>
                <el-button @click="submitSend" class="endbutton1" type="primary" round><span>确 认</span></el-button>
@@ -22,7 +24,10 @@ export default {
    props: ["resendVidable", "rowData","queryParams"],
    data() {
        return {
-            sendData:''
+            sendData:'',
+            param:"",
+            paramValue:""
+
        };
    },
    watch: {
@@ -37,9 +42,10 @@ export default {
            this.$emit("cancelSend");
        },
        submitSend() {
+            console.log(this.rowData)
            this.updateSendContentFn({
                id:this.rowData.id,
-                sendContent:this.sendData
+                templateParams:this.rowData.templateParams
            })
        },
        updateSendContentFn(data){
@@ -48,6 +54,13 @@ export default {
                this.$emit("cancelSend");
                this.$emit('getList',this.queryParams);
            })
+        },
+        changeContent(){
+            let templateContent = this.rowData.templateContent
+            this.rowData.templateParams.forEach(item => {
+                templateContent = templateContent.replace(item.param,item.paramValue)
+            });
+           this.sendData = templateContent
        }
    },
 };
@@ -27,7 +27,14 @@
            <!-- 缴费人 -->
            <!-- <el-table-column label="案件状态" align="center" prop="caseStatusName" /> -->
            <el-table-column label="内容" align="center" prop="mailContent"></el-table-column>
+            <el-table-column label="操作" align="center">
+                <template  slot-scope="scope">
+                    <el-button size="mini" type="text" @click="emailEditing(scope.row)" icon="el-icon-s-promotion">邮箱编辑</el-button>
+                    <el-button v-if="sendStatusMessage" size="mini" type="text" @click="resendCounts(scope.row)" icon="el-icon-s-promotion">重新发送</el-button>
+                </template>
+            </el-table-column>
        </el-table>
+        <emailEdits :emailVidable="emailVidable" @cancelEmail="cancelEmail"   @getList="getList" :queryParams="queryParams" :emailRow="emailRow"></emailEdits>
        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
            @pagination="getList(queryParams)" />

@@ -38,12 +45,12 @@
 import {
    emailList,
 } from "@/api/deliveryRecord/deliveryRecord.js";
-
+import emailEdits from "./components/emailEdits.vue";
 import { getDicts } from '@/api/system/dict/data.js'
 export default {
    name: "paymentList",
    dicts: ["case_status"],
-    components: {},
+    components: {emailEdits},
    data() {
        return {
            queryParams: {
@@ -60,6 +67,9 @@ export default {
            // 校验表单
            rules: {},
            dataList: [],
+            emailVidable:false,
+            emailRow:{},
+            sendStatusMessage:false,
        };
    },
    created() {
@@ -86,17 +96,35 @@ export default {
                this.dataList = response.rows;
                this.dataList.forEach(item => {
                    if (item.sendStatus == 0) {
+                        this.sendStatusMessage = true
                        item.sendStatus = "未发送"
                    } else if (item.sendStatus == 1) {
+                        this.sendStatusMessage = false
                        item.sendStatus = "已发送"
+
                    } else {
                        item.sendStatus = "未发送"
+                        this.sendStatusMessage = true
                    }
                })
                this.total = response.total;
                this.loading = false;
            });
        },
+        // 邮箱编辑内容
+        emailEditing(data){
+            this.emailVidable = true
+            this.emailRow = data;
+            console.log(data)
+        },
+        // 关闭弹窗
+        cancelEmail(){
+            this.emailVidable = false
+        },
+        // 重新发送
+        resendCounts(){
+
+        }
    },
 };
 </script>
@@ -28,6 +28,7 @@
                    <el-button size="mini" @click="copyContent(scope.row.sendContent)" type="text"
                        icon="el-icon-document-copy">复制内容</el-button>
                    <el-button size="mini" @click="resend(scope.row)" type="text" icon="el-icon-s-promotion">编辑内容</el-button>
+                    <el-button v-if="sendStatusMessage"  size="mini" type="text" @click="resendMessage(scope.row)" icon="el-icon-s-promotion">重新发送</el-button>
                </template>
            </el-table-column>
        </el-table>
@@ -41,7 +42,7 @@

 <script>
 import {
-    smsList,
+    recordList,reSendShortMessage
 } from "@/api/deliveryRecord/deliveryRecord.js";
 import resend from "./components/resend.vue";
 import { getDicts } from '@/api/system/dict/data.js'
@@ -66,7 +67,8 @@ export default {
            rules: {},
            dataList: [],
            rowData:{},
-            resendVidable:false
+            resendVidable:false,
+            sendStatusMessage:false
        };
    },
    created() {
@@ -107,23 +109,46 @@ export default {
        // 查询列表数据
        getList(data, params) {
            this.loading = true;
-            smsList(data, params).then((response) => {
+            recordList(data, params).then((response) => {
                this.dataList = response.rows;
                this.dataList.forEach(item => {
                    if (item.sendStatus == 0) {
                        item.sendStatus = "发送失败"
+                        this.sendStatusMessage = true
                    } else if (item.sendStatus == 1) {
                        item.sendStatus = "已送达"
+                        this.sendStatusMessage = false
                    } else if (item.sendStatus == 2) {
                        item.sendStatus = "已读取"
+                        this.sendStatusMessage = false
                    } else {
                        item.sendStatus = "发送失败"
+                        this.sendStatusMessage = true
                    }
                })
                this.total = response.total;
                this.loading = false;
            });
        },
+        // 重新发送
+        resendMessage(row){
+            console.log(row)
+            let valuesRow ={
+                templateId:row.templateId,
+                phone:row.phone,
+                templateParams:row.templateParams
+            }
+            console.log(valuesRow)
+            reSendShortMessage(valuesRow).then(res=>{
+                this.$message.success('发送成功');
+                this.getList({ caseNum: this.queryParams.caseNum }, { pageNum: this.queryParams.pageNum, pageSize: this.queryParams.pageSize });
+                if(res.code==200){
+                    this.sendStatusMessage = false
+                }
+
+
+            })
+        }
    },
 };
 </script>