init

src/views/cai/report/index.vue

@@ -87,8 +87,8 @@
           <el-button
               size="mini"
               type="text"
-              @click="handleStatus(scope.row)"
-              v-hasPermi="['cai:report:edit']"
+              @click="handleUserForbid(scope.row)"
+              v-hasPermi="['cai:user:lock']"
           >封号
           </el-button>
           <el-button
@@ -117,19 +117,26 @@
         :limit.sync="queryParams.pageSize"
         @pagination="getList"
     />
+
+    <user-forbid-dialog v-if="userForbidVisible" ref="userForbid" @refreshDataList="getList" />
   </div>
 </template>
 
 <script>
 import { delReport, listReport, updateReport } from '@/api/cai/report'
 import { reportStatusList, reportTypeList } from '@/constant/statusMap'
+import UserForbidDialog from "@/views/cai/user/user-forbid-dialog";
 
 export default {
   name: 'Report',
+  components: {
+    UserForbidDialog
+  },
   data() {
     return {
       reportTypeList, reportStatusList,
       systemName: process.env.VUE_APP_SYSTEM_HOME,
+      userForbidVisible: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -216,7 +223,13 @@ export default {
       }).finally(() => {
         this.loading = false
       })
-    }
+    },
+    handleUserForbid(row){
+      this.userForbidVisible = true
+      this.$nextTick(() => {
+        this.$refs.userForbid.init(row.reportUid)
+      })
+    },
   }
 }
 </script>