修改所有页面站点 使用站点组件

src/views/website/siteSet/banner/index.vue

@@ -21,17 +21,7 @@
         ></el-cascader>
       </el-form-item>
       <el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
-        <el-cascader
-          size="small"
-          style="width: 240px"
-          v-model="queryParams.tenant_id"
-          clearable
-          separator="-"
-          placeholder="请选择，支持搜索"
-          :options="tenantOptions"
-          filterable
-          :props="{ emitPath: false, value: 'id', label: 'name' }"
-        ></el-cascader>
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
       </el-form-item>
       <el-form-item>
         <el-button
@@ -119,15 +109,7 @@
     <el-dialog :title="title" :visible.sync="open" width="500px">
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="所属站点:" prop="tenant_id" v-if="is_super">
-          <el-cascader
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
+          <SiteOptions @handleChange="form.tenant_id = $event" />
         </el-form-item>
         <el-form-item label="所在位置:" prop="local">
           <div style="display: flex">
@@ -203,7 +185,6 @@ import {
   bannerEdit,
   bannerDelete,
 } from "@/api/website/siteSet";
-import { tenantSelect } from "@/api/subPlatform/tenant";
 export default {
   data() {
     return {
@@ -211,7 +192,6 @@ export default {
       loading: true,
       showSearch: true,
       bannerLocalList: [],
-      tenantOptions: [],
       queryParams: {
         title: undefined,
         mode: undefined,
@@ -395,14 +375,6 @@ export default {
   created() {
     this.getList();
     this.getBannerLocal();
-    tenantSelect().then((res) => {
-      for (const key in res.data) {
-        if (Object.hasOwnProperty.call(res.data, key)) {
-          const item = res.data[key];
-          this.tenantOptions.push(item);
-        }
-      }
-    });
   },
 };
 </script>