no message

src/views/workstatistics/DrainageSummaryStatistics.vue

@@ -129,13 +129,24 @@
             v-loading="loading"
         >
             <el-table-column width="200" fixed prop="AccountName" label="账号名称"></el-table-column>
-            <el-table-column width="100" prop="State" label="状态">
+            <el-table-column width="130" 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"
+                <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>
+                  </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>
@@ -170,13 +181,24 @@
             v-loading="loading"
         >
             <el-table-column width="200" fixed prop="AccountName" label="账号名称"></el-table-column>
-            <el-table-column width="100" prop="State" label="状态">
+            <el-table-column width="130" 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"
+                <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>
+                  </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>