黑名单添加

src/utils/yqrange/memberApi.js

@@ -35,6 +35,16 @@ export const moOption = (params) => {
   })
 };
 
+export const moOptionBlackList = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`circle/memberSelect/black/option`),
+    method: 'post',
+    data: params,
+    description: '黑名单- 勾选操作',
+  })
+};
+
 export const moSave = (params) => {
   return fetch({
     headers,
@@ -45,6 +55,16 @@ export const moSave = (params) => {
   })
 };
 
+export const moSaveBlackList = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`circle/memberSelect/black/save`),
+    method: 'post',
+    data: params,
+    description: '添加黑名单-保存',
+  })
+};
+
 export const moOrgSearch = (params) => {
   return fetch({
     headers,
@@ -64,6 +84,15 @@ export const clearCacheOrg = (circleId) => {
   })
 };
 
+export const clearBlackListCacheOrg = (circleId) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`circle/memberSelect/black/option/clearCache/${circleId}`),
+    method: 'get',
+    description: '黑名单-清除缓存',
+  })
+};
+
 export const mpRelSearch = (params) => {
   return fetch({
     headers,

src/views/yqrange/blacklist-manage.vue

@@ -11,7 +11,7 @@
         :inline="true"
       >
         <el-row :gutter="30" type="flex" style="margin-top: 10px">
-          <p class="add_btn" @click="resetForm">+ 添加人员至黑名单</p>
+          <p class="add_btn" @click="openDialogBlackList()">+ 添加人员至黑名单</p>
           <el-col :span="8">
             <el-form-item label="机构">
               <el-input size="small" v-model="searchForm.organization" placeholder="请输入机构名称"></el-input>
@@ -24,7 +24,7 @@
           </el-col>
           <el-col :span="4" style="text-align: right;margin-top: 5px">
             <el-button type="primary" size="small" @click="search">搜索</el-button>
-            <el-button type="default" size="small" @click="resetForm" style="margin-left:0;">取消搜索</el-button>
+            <el-button type="default" size="small" @click="searchCancel" style="margin-left:0;">取消搜索</el-button>
           </el-col>
         </el-row>
       </el-form>
@@ -56,26 +56,31 @@
       </div>
     </div>
 
-    <!-- <el-dialog
-      title
-      :visible.sync="dialogDeleteVisible"
-      width="500px"
-      :close-on-click-modal="false"
-      center
+    <el-dialog
+      title="添加机构"
+      :visible.sync="dialogBlackList"
+      width="80%"
+      top="5vh"
+      :before-close="handleClose"
     >
-      <p>
-        确定将"<span>{{ row. }}</span>"移除黑名单？
-      </p>
-    </el-dialog> -->
+      <checkBlackList
+        :circleId="circleId"
+        @addOrg="addOrg"
+        @handleClose="handleClose"
+      ></checkBlackList>
+      <!-- :roleType="roleType" -->
+    </el-dialog>
   </div>
 </template>
 <script>
 let vm = null;
 import BreadCrumb from "@/components/breadcrumb.vue";
 // import * as operationData from "../../../utils/operation";
+import checkBlackList from "./checkBlackList";
 export default {
   components: {
     BreadCrumb,
+    checkBlackList,
   },
   data() {
     vm = this;
@@ -95,11 +100,13 @@ export default {
       tableData: [],
       selfRoleId: 0,
       docIds: [],
+      dialogBlackList: false,
     };
   },
   created() {
     vm = this;
-    this.circleId = this.$route.query.id;
+    // this.circleId = this.$route.query.id;
+    this.circleId = 131;
     this.idType = localStorage.getItem("storageIdType");
     console.log("alex storageIdType = " + this.idType + ", id = " + this.id);
     this.searchList();
@@ -112,6 +119,9 @@ export default {
       this.searchForm.pageNo = 1;
       this.searchList();
     },
+    searchCancel() {
+
+    },
 
     searchList() {
       console.log("查询");
@@ -137,6 +147,9 @@ export default {
           vm.$message.error(error);
         });
     },
+    openDialogBlackList() {
+      this.dialogBlackList = true;
+    },
     resetForm() {
       console.log("重置");
       this.searchForm.organization = "";
@@ -154,15 +167,12 @@ export default {
       })
         .then(() => {
           console.log("移出： row.name = " + row.name);
-          this.docIds = [ row.id ];
+          this.docIds = [row.id];
           let req = {
             circleId: this.circleId,
             docIds: this.docIds,
           };
-          vm.POST(
-            "circle/memberSelect/black/related/deletePeople",
-            req
-          )
+          vm.POST("circle/memberSelect/black/related/deletePeople", req)
             .then((res) => {
               if (res.code == "000000") {
                 vm.$message({
@@ -192,7 +202,14 @@ export default {
       this.searchForm.pageNo = val;
       this.searchList();
     },
+    handleClose() {
+      this.dialogBlackList = false;
     },
+    addOrg() {
+      this.handleClose();
+      this.search();
+    },
+  }
 };
 </script>
 <style lang="scss">