no message

src/views/workstatistics/DrainageSummaryStatistics.vue

@@ -56,6 +56,26 @@
             v-loading="loading"
         >
             <el-table-column width="200" fixed prop="AccountName" label="账号名称"></el-table-column>
+            <el-table-column width="130" prop="State" label="状态">
+              <template slot-scope="scope">
+                <template v-if="!scope.row.Show">
+                  <span class="activeState" @click="scope.row.Show=true">
+                    <a v-if="scope.row.State==1">正常</a>
+                    <a v-if="scope.row.State==2">限流</a>
+                    <a v-if="scope.row.State==3">封号</a>
+                  </span>
+                </template>
+                <template v-if="scope.row.Show">
+                  <el-select style="width: 80px;" size="mini" v-model="scope.row.State" placeholder="请选择"
+                  @change="EditState($event,scope.row)">
+                    <el-option v-for="item in scope.row.optionList" :key="item.Id" :label="item.Name"
+                      :value="item.Id"></el-option>
+                  </el-select>
+                  <i class="iconfnt el-icon-close left10 activeState" @click="scope.row.Show=false"></i>
+                </template>
+                
+              </template>
+            </el-table-column>
             <el-table-column prop="FansNum" label="粉丝数"></el-table-column>
             <el-table-column width="100" prop="FansRate" label="粉丝成长率"><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.FansRate<0}">{{scope.row.FansRate}}%</span></template></el-table-column>
@@ -109,6 +129,15 @@
             v-loading="loading"
         >
             <el-table-column width="200" fixed prop="AccountName" label="账号名称"></el-table-column>
+            <el-table-column width="100" prop="State" label="状态">
+              <template slot-scope="scope">
+                <el-select size="mini" v-model="scope.row.State" placeholder="请选择"
+                @change="EditState($event,scope.row)">
+                  <el-option v-for="item in scope.row.optionList" :key="item.Id" :label="item.Name"
+                      :value="item.Id"></el-option>
+               </el-select>
+              </template>
+            </el-table-column>
             <el-table-column prop="FansNum" label="粉丝数"></el-table-column>
             <el-table-column width="130" prop="FansRate" label="近七天粉丝成长率"><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.FansRate<0}">{{scope.row.FansRate}}%</span></template></el-table-column>
@@ -141,10 +170,19 @@
             v-loading="loading"
         >
             <el-table-column width="200" fixed prop="AccountName" label="账号名称"></el-table-column>
+            <el-table-column width="100" prop="State" label="状态">
+              <template slot-scope="scope">
+                <el-select size="mini" v-model="scope.row.State" placeholder="请选择"
+                @change="EditState($event,scope.row)">
+                  <el-option v-for="item in scope.row.optionList" :key="item.Id" :label="item.Name"
+                      :value="item.Id"></el-option>
+               </el-select>
+              </template>
+            </el-table-column>
             <el-table-column prop="FansNum" label="粉丝数"></el-table-column>
             <el-table-column width="100" prop="FansRate" label="粉丝成长率"><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.FansRate<0}">{{scope.row.FansRate}}%</span></template></el-table-column>
-            <el-table-column width="80" prop="AddFansNum" label="近七天关注"></el-table-column>
+            <el-table-column width="100" prop="AddFansNum" label="近七天关注"></el-table-column>
             <el-table-column width="100" prop="AddFansRate" label="关注成长率"><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.AddFansRate<0}">{{scope.row.AddFansRate}}%</span></template></el-table-column>
             <el-table-column width="100" prop="CollectNum" label="近七天获赞"></el-table-column>
@@ -153,19 +191,19 @@
             <el-table-column width="150" prop="VisitorNum" label="近七天内播放总量"></el-table-column>
             <el-table-column width="120" prop="VisitorRate" label="播放总量成长率"><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.VisitorRate<0}">{{scope.row.VisitorRate}}%</span></template></el-table-column>
-            <el-table-column width="150" prop="LookNum" label="近七天主页访问"></el-table-column>
-            <el-table-column width="170" prop="LookRate" label="主页访问成长率"><template slot-scope="scope">
+            <el-table-column width="130" prop="LookNum" label="近七天主页访问"></el-table-column>
+            <el-table-column width="130" prop="LookRate" label="主页访问成长率"><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.LookRate<0}">{{scope.row.LookRate}}%</span></template></el-table-column>
-            <el-table-column width="170" prop="InteractionNum" label="近七天作品点赞数"></el-table-column>
-            <el-table-column width="170" prop="InteractionRate" label="作品点赞数成长率"><template slot-scope="scope">
+            <el-table-column width="130" prop="InteractionNum" label="近七天作品点赞数"></el-table-column>
+            <el-table-column width="130" prop="InteractionRate" label="作品点赞数成长率"><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.InteractionRate<0}">{{scope.row.InteractionRate}}%</span></template></el-table-column>
-            <el-table-column width="150" prop="DiscussNum" label="近七天新增粉丝数"></el-table-column>
+            <el-table-column width="130" prop="DiscussNum" label="近七天新增粉丝数"></el-table-column>
             <el-table-column width="130" prop="DiscussRate" label="新增粉丝成长率 "><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.DiscussRate<0}">{{scope.row.DiscussRate}}%</span></template></el-table-column>
-            <el-table-column width="150" prop="SecondsNum" label="近七天作品评论数"></el-table-column>
-            <el-table-column width="150" prop="SecondsRate" label="作品评论数成长率"><template slot-scope="scope">
+            <el-table-column width="130" prop="SecondsNum" label="近七天作品评论数"></el-table-column>
+            <el-table-column width="130" prop="SecondsRate" label="作品评论数成长率"><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.SecondsRate<0}">{{scope.row.SecondsRate}}%</span></template></el-table-column>
-            <el-table-column width="150" prop="NoteNum" label="近七天作品数"></el-table-column>
+            <el-table-column width="100" prop="NoteNum" label="近七天作品数"></el-table-column>
             <el-table-column width="90" prop="NoteRate" label="作品增长率"><template slot-scope="scope">
               <span :class="{'activeRed':scope.row.NoteRate<0}">{{scope.row.NoteRate}}%</span></template></el-table-column>
             <el-table-column width="130" fixed="right" prop="EmpName" label="运营人"></el-table-column>
@@ -611,6 +649,34 @@
           this.downloadUrl = this.fileUrl + "/ExportFile/抖音导入模板.xlsx";
         }
       },
+      EditState(e,row) {
+        let datas = {
+          AccountId:row.AccountId,
+          State:row.State
+        }
+        this.$confirm('此操作将修改该账号状态否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        }).then(() => {
+          this.apipost('/api/IntroduceFlowStat/SetFlowAccountState',datas, res=>{
+              if (res.data.resultCode == 1) {
+                  this.init()
+                  this.$message.success(res.data.message)
+              } else {
+                  this.init()
+                  this.$message.error(res.data.message)
+              }
+          })
+        }).catch(() => {
+            this.$message({
+              type: 'info',
+              message: '已取消'
+            }); 
+            this.init()         
+        });
+        
+      },
       delAccount(row){
         this.$confirm('此操作将删除该账号数量是否继续?', '提示', {
               confirmButtonText: '确定',
@@ -796,6 +862,18 @@
           },
           (res) => {
             this.loading = false;
+            let datas = res.data.data&&res.data.data.List
+            let addList = function (arr) {
+                arr.forEach(item => {
+                  item.Show = false
+                  item.optionList = [
+                    {Name:'正常',Id:1},
+                    {Name:'限流',Id:2},
+                    {Name:'封号',Id:3},
+                  ]
+                });
+            };
+            addList(datas);
             if(res.data.data){
               if(res.data.data.List){
                 this.dataList = res.data.data.List;
@@ -858,6 +936,13 @@
   </script>
   <style>
   @import "../../assets/css/customerManage.css";
+  .left10{
+    margin-left: 10px;
+  }
+  .activeState{
+    color: #00b0f0;
+    cursor: pointer;
+  }
   .customerManage.padding0 .el-table td{
       padding: 2px 0 !important;
     }