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

src/views/website/innovate/navigation/index.vue

@@ -8,17 +8,7 @@
       @submit.native.prevent
     >
       <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
@@ -94,15 +84,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">
-          <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="title">
           <el-input v-model="form.title" placeholder="请输入导航名称" />
@@ -122,14 +104,12 @@ import {
   navigationEdit,
   navigationDelete,
 } from "@/api/website/innovate";
-import { tenantSelect } from "@/api/subPlatform/tenant";
 export default {
   data() {
     return {
       is_super: this.$store.getters.is_super,
       loading: true,
       showSearch: true,
-      tenantOptions: [],
       queryParams: {
         title: undefined,
         tenant_id: undefined,
@@ -232,14 +212,6 @@ export default {
   },
   created() {
     this.getList();
-    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>