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

src/views/website/aboutUs/index.vue

@@ -9,17 +9,7 @@
       @submit.native.prevent
     >
       <el-form-item label="所属站点" prop="tenant_id">
-        <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
@@ -104,15 +94,7 @@
     <el-dialog :title="title" :visible.sync="open" width="680px" append-to-body>
       <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="parent_id">
           <treeselect
@@ -149,7 +131,6 @@ import {
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import IconSelect from "@/components/IconSelect";
-import { tenantSelect } from "@/api/subPlatform/tenant";
 
 export default {
   components: { Treeselect, IconSelect },
@@ -160,7 +141,6 @@ export default {
       loading: true,
       // 显示搜索条件
       showSearch: true,
-      tenantOptions: [],
       // 导航表格树数据
       dataList: [],
       // 导航树选项
@@ -199,14 +179,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);
-        }
-      }
-    });
   },
   methods: {
     /** 查询导航列表 */