no message

src/views/workstatistics/DrainageSummaryStatistics.vue

 <template>
-    <div class="customerManage" style="display:flex;height:calc(100% - 20px);flex-direction:column;">
+    <div class="customerManage padding0" style="display:flex;height:calc(100% - 20px);flex-direction:column;">
           <div class="tools" style="border:none;">
               <div class="tools-item">
                   <h1>{{title}}引流汇总统计</h1>
@@ -41,7 +41,7 @@
             </el-row>
         </div>
         <div class="activeBox">
-            <div v-for="item in activeList" @click="msg.PlatformType=item.Id,init()"
+            <div v-for="item in activeList" @click="clickActive(item)"
             :class="{'active':msg.PlatformType==item.Id}">
                 {{item.Name}}
             </div>
@@ -471,8 +471,8 @@
               </el-form>
           </div>
           <div slot="footer" class="dialog-footer">
-              <el-button type="primary" class="add-box-btn" @click="submitForm('formEdit')">确 定</el-button>
-              <el-button class="add-box-btn add-box-cancel" @click="dialogTableVisibleEdit = false, resetFormEdit('formEdit')">取 消</el-button>
+              <el-button type="primary" class="add-box-btn" @click="submitForm">确 定</el-button>
+              <el-button class="add-box-btn add-box-cancel" @click="dialogTableVisibleEdit = false">取 消</el-button>
           </div>
       </el-dialog>
       </div>
@@ -552,18 +552,51 @@
       };
     },
     mounted() {
-      // var fileUrl = "https://imgfile.oytour.com"
-      // if (this.importType == 1) {
-      //   this.downloadUrl = fileUrl + "/static/引流模板.xlsx";
-      // } else {
-      //   this.downloadUrl = fileUrl + "/static/引流模板.xlsx";
-      // }
+      var fileUrl = "https://imgfile.oytour.com"
+      if (this.msg.PlatformType == 1) {
+        this.downloadUrl = fileUrl + "/ExportFile/小红书导入模板.xlsx";
+      } if (this.msg.PlatformType == 2)  {
+        this.downloadUrl = fileUrl + "/static/微博导入模板.xlsx";
+      } if (this.msg.PlatformType == 3)  {
+        this.downloadUrl = fileUrl + "/static/抖音导入模板.xlsx";
+      }
       this.getEnumerate()
         
     },
     methods: {
+      clickActive(item){
+        this.msg.PlatformType = item.Id
+        this.init()
+        var fileUrl = "https://imgfile.oytour.com"
+        if (this.msg.PlatformType == 1) {
+          this.downloadUrl = fileUrl + "/ExportFile/小红书导入模板.xlsx";
+        } if (this.msg.PlatformType == 2)  {
+          this.downloadUrl = fileUrl + "/static/微博导入模板.xlsx";
+        } if (this.msg.PlatformType == 3)  {
+          this.downloadUrl = fileUrl + "/static/抖音导入模板.xlsx";
+        }
+      },
       delAccount(row){
-
+        this.$confirm('此操作将删除该账号数量是否继续?', '提示', {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning'
+          }).then(() => {
+              let msg = {
+                DetailId: row.Id
+              }
+              this.apipost('/api/IntroduceFlowStat/DelFlowPeriodsDetial', msg, res=>{
+              if (res.data.resultCode == 1) {
+                  this.$message.success('操作成功')
+                  this.init()
+              }
+              })
+          }).catch(() => {
+              this.$message({
+              type: 'info',
+              message: '已取消'
+              });          
+            });
       },
       // 修改引流账号
       editAccount(row){
@@ -571,20 +604,26 @@
           this.dialogTableVisibleEdit = true
       },
       submitForm(addMsg) {
-          this.$refs[addMsg].validate(valid => {
-              if (valid) {
+        this.$confirm('此操作将修改该账号数量是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        }).then(() => {
           this.addData();
-              } else {
-                  return false;
-              }
+        }).catch(() => {
+            this.$message({
+            type: 'info',
+            message: '已取消'
+            });          
         });
+        
       },
       addData(){
-          if (!this.formEdit.Name) {
-              return this.$message.error('请输入账号名称')
+          if (!this.formEdit.Id) {
+              return
           }
           let datas = {
-            Id:'',//	:'',//明细ID（以小红书为蓝本）	是	[string]		查看
+            Id:this.formEdit.Id,//	:'',//明细ID（以小红书为蓝本）	是	[string]		查看
             FansNum:this.formEdit.FansNum,//	粉丝数量	是	[string]		查看
             AddFansNum:this.formEdit.AddFansNum,//	添加分数数量	是	[string]		查看
             CollectNum:this.formEdit.CollectNum,//	收藏数量	是	[string]		查看
@@ -598,8 +637,8 @@
           this.apipost('/api/IntroduceFlowStat/SetFlowPeriodsDetial',datas, res=>{
               if (res.data.resultCode == 1) {
                   this.init()
-                  this.resetForm("form");
-                  this.dialogTableVisible = false;
+                  this.resetForm("formEdit");
+                  this.dialogTableVisibleEdit = false;
                   this.$message.success(res.data.message)
                   
               } else {
@@ -609,7 +648,6 @@
       },
       closedDialogEdit(){
         this.dialogTableVisibleEdit = false
-        this.resetFormEdit('formEdit')
       },
       closedDialog() {
         this.dialogTableVisible = false
@@ -782,9 +820,11 @@
     },
   };
   </script>
-  
   <style>
   @import "../../assets/css/customerManage.css";
+  .customerManage.padding0 .el-table td{
+      padding: 1px 0 !important;
+    }
   .activeRed{
     color: red;
   }