案件列表内容的开发

src/views/deliveryRecord/emailRecord.vue

@@ -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>