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

src/components/SiteOptions/index.vue

@@ -0,0 +1,39 @@
+<template>
+  <el-cascader
+    size="small"
+    style="width: 240px"
+    v-model="tenant_id"
+    clearable
+    separator="-"
+    placeholder="请选择，支持搜索"
+    :options="tenantOptions"
+    filterable
+    :props="{ emitPath: false, value: 'id', label: 'name' }"
+  ></el-cascader>
+</template>
+<script>
+import { tenantSelect } from "@/api/subPlatform/tenant";
+export default {
+  data() {
+    return {
+      tenantOptions: [],
+      tenant_id: undefined,
+    };
+  },
+  watch: {
+    tenant_id(newVal, oldVal) {
+      this.$emit("handleChange", newVal);
+    },
+  },
+  created() {
+    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>

src/views/website/aboutUs/index.vue

@@ -9,17 +9,7 @@
       @submit.native.prevent
     >
       <el-form-item label="所属站点" prop="tenant_id">
-        <el-cascader
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
-          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>
       </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
+          <SiteOptions @handleChange="form.tenant_id = $event" />
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
         </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: {
     /** 查询导航列表 */

src/views/website/activity/active/index.vue

@@ -17,17 +17,7 @@
         />
       </el-form-item>
       <el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
-        <el-cascader
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
-          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>
       </el-form-item>
       <el-form-item label="联系人" prop="contact">
         <el-input
@@ -185,15 +175,7 @@
     <el-dialog :title="title" :visible.sync="open" width="35%">
       <el-form ref="form" :model="form" :rules="rules" label-width="120px">
         <el-form-item label="所属站点" prop="tenant_id">
-          <el-cascader
+          <SiteOptions @handleChange="form.tenant_id = $event" />
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
         </el-form-item>
         <el-form-item label="活动名称:" prop="title">
           <el-input v-model="form.title" placeholder="请输入活动名称" />
@@ -403,7 +385,6 @@ import {
   activityEdit,
   activityDelete,
 } from "@/api/website/activity";
-import { tenantSelect } from "@/api/subPlatform/tenant";
 import { areaList, industry, identity } from "@/api/config";
 export default {
   data() {
@@ -411,7 +392,6 @@ export default {
       is_super: this.$store.getters.is_super,
       loading: true,
       showSearch: true,
-      tenantOptions: [],
       queryParams: {
         title: undefined,
         tenant_id: undefined,
@@ -682,14 +662,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);
-        }
-      }
-    });
     areaList().then((res) => {
       this.provinceSelectList = res.data;
     });

src/views/website/activity/apply/index.vue

@@ -17,17 +17,7 @@
         />
       </el-form-item>
       <el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
-        <el-cascader
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
-          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>
       </el-form-item>
       <el-form-item label="申请人" prop="contact">
         <el-input
@@ -222,7 +212,6 @@ import {
   applyDelete,
   applyHandle,
 } from "@/api/website/activity";
-import { tenantSelect } from "@/api/subPlatform/tenant";
 import { areaList, industry, identity } from "@/api/config";
 export default {
   data() {
@@ -230,7 +219,6 @@ export default {
       is_super: this.$store.getters.is_super,
       loading: true,
       showSearch: true,
-      tenantOptions: [],
       queryParams: {
         title: undefined,
         tenant_id: undefined,
@@ -320,14 +308,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);
-        }
-      }
-    });
     identity().then((res) => {
       this.identityList = res.data;
     });

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
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
-          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>
       </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
+          <SiteOptions @handleChange="form.tenant_id = $event" />
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
         </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>

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

@@ -99,15 +99,7 @@
     <el-dialog :title="title" :visible.sync="open" width="40%">
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="所属站点" prop="tenant_id">
-          <el-cascader
+          <SiteOptions @handleChange="form.tenant_id = $event" />
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
         </el-form-item>
         <el-form-item label="归属导航:" prop="kind_id">
           <el-select v-model="form.kind_id" placeholder="请选择">
@@ -150,7 +142,6 @@ import {
   serviceDelete,
   navigationSelect,
 } from "@/api/website/innovate";
-import { tenantSelect } from "@/api/subPlatform/tenant";
 export default {
   data() {
     return {
@@ -158,7 +149,6 @@ export default {
       loading: true,
       showSearch: true,
       kindOptions: [],
-      tenantOptions: [],
       queryParams: {
         kind_id: undefined,
         page_num: 1,
@@ -278,14 +268,6 @@ export default {
     navigationSelect().then((res) => {
       this.kindOptions = res.data;
     });
-    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>

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

@@ -8,17 +8,7 @@
       @submit.native.prevent
     >
       <el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
-        <el-cascader
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
-          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>
       </el-form-item>
       <el-form-item>
         <el-button
@@ -99,15 +89,7 @@
     <el-dialog :title="title" :visible.sync="open" width="40%">
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="所属站点:" prop="tenant_id" v-if="is_super">
-          <el-cascader
+          <SiteOptions @handleChange="form.tenant_id = $event" />
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
         </el-form-item>
         <el-form-item label="启用状态:" prop="status">
           <el-radio v-model="form.status" :label="1">启用</el-radio>
@@ -135,14 +117,12 @@ import {
   agreementEdit,
   agreementDelete,
 } from "@/api/website/siteSet";
-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,
@@ -260,14 +240,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>

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
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
-          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>
       </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
+          <SiteOptions @handleChange="form.tenant_id = $event" />
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
         </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>

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

@@ -9,17 +9,7 @@
       @submit.native.prevent
     >
       <el-form-item label="所属站点" prop="tenant_id">
-        <el-cascader
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
-          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>
       </el-form-item>
       <el-form-item>
         <el-button
@@ -109,15 +99,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
+          <SiteOptions @handleChange="form.tenant_id = $event" />
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
         </el-form-item>
         <el-form-item label="上级导航" prop="parent_id">
           <treeselect
@@ -152,7 +134,6 @@ import {
 } from "@/api/website/siteSet";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
-import { tenantSelect } from "@/api/subPlatform/tenant";
 
 export default {
   components: { Treeselect },
@@ -163,7 +144,6 @@ export default {
       loading: true,
       // 显示搜索条件
       showSearch: true,
-      tenantOptions: [],
       // 导航表格树数据
       dataList: [],
       // 导航树选项
@@ -198,14 +178,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: {
     /** 查询导航列表 */

src/views/website/solution/service/index.vue

@@ -36,17 +36,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
-        <el-cascader
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
-          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>
       </el-form-item>
       <el-form-item>
         <el-button
@@ -141,15 +131,7 @@
           <el-input v-model="form.title" placeholder="请输入数据名称" />
         </el-form-item>
         <el-form-item label="所属站点:" prop="tenant_id" v-if="is_super">
-          <el-cascader
+          <SiteOptions @handleChange="form.tenant_id = $event" />
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
         </el-form-item>
         <el-form-item label="归属导航:" prop="mode">
           <el-select v-model="form.mode" placeholder="请选择">
@@ -191,14 +173,12 @@ import {
   serviceEdit,
   serviceDelete,
 } from "@/api/website/solution";
-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,
         mode: undefined,
@@ -318,14 +298,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>

src/views/website/solution/serviceCase/index.vue

@@ -18,17 +18,7 @@
         />
       </el-form-item>
       <el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
-        <el-cascader
+        <SiteOptions @handleChange="queryParams.tenant_id = $event" />
-          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>
       </el-form-item>
       <el-form-item>
         <el-button
@@ -134,15 +124,7 @@
           <ImageUpload v-model="form.image" :isShowTip="false" :limit="1" />
         </el-form-item>
         <el-form-item label="所属站点:" prop="tenant_id" v-if="is_super">
-          <el-cascader
+          <SiteOptions @handleChange="form.tenant_id = $event" />
-            v-model="form.tenant_id"
-            clearable
-            separator="-"
-            placeholder="请选择，支持搜索"
-            :options="tenantOptions"
-            filterable
-            :props="{ emitPath: false, value: 'id', label: 'name' }"
-          ></el-cascader>
         </el-form-item>
         <el-form-item label="案例类型:" prop="kind_id">
           <el-cascader
@@ -175,7 +157,6 @@ import {
   serviceCaseDelete,
   serviceCaseKindSelect,
 } from "@/api/website/solution";
-import { tenantSelect } from "@/api/subPlatform/tenant";
 export default {
   data() {
     return {
@@ -183,7 +164,6 @@ export default {
       loading: true,
       showSearch: true,
       caseOptions: [],
-      tenantOptions: [],
       queryParams: {
         title: undefined,
         tenant_id: undefined,
@@ -328,14 +308,6 @@ export default {
         }
       }
     });
-    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>