file upload and export

src/views/website/aboutUs/index.vue

@@ -8,7 +8,8 @@
       @submit.native.prevent
     >
       <el-form-item label="所属站点" prop="tenantId">
-        <el-select
+        <SiteOptions v-model="queryParams.tenantId" />
+        <!-- <el-select
           v-model="queryParams.tenantId"
           placeholder="请选择，支持搜索"
           size="default"
@@ -20,7 +21,7 @@
             :label="item.name"
             :value="item.id"
           />
-        </el-select>
+        </el-select> -->
       </el-form-item>
       <el-form-item>
         <el-button
@@ -59,14 +60,14 @@
       :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
     >
       <el-table-column prop="title" label="导航名称"></el-table-column>
-      <el-table-column
-        prop="area"
-        label="站点"
-        align="center"
-      ></el-table-column>
-      <el-table-column prop="updated_at" label="更新时间" align="center">
+      <el-table-column prop="area" label="站点" align="center">
         <template #default="{ row }">
-          <span>{{ row.updated_at }}</span>
+          {{ dataStore.getSiteName(row.tenantId) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="更新时间" align="center">
+        <template #default="{ row }">
+          <span>{{ row.updateTime }}</span>
         </template>
       </el-table-column>
       <el-table-column
@@ -111,7 +112,8 @@
     >
       <el-form ref="formRef" :model="form" :rules="rules" label-width="100px">
         <el-form-item label="所属站点:" prop="tenantId">
-          <el-select
+          <SiteOptions v-model="form.tenantId" />
+          <!-- <el-select
             v-model="form.tenantId"
             placeholder="请选择，支持搜索"
             size="default"
@@ -123,7 +125,7 @@
               :label="item.name"
               :value="item.id"
             />
-          </el-select>
+          </el-select> -->
         </el-form-item>
         <el-form-item label="上级导航" prop="parentId">
           <TreeSelect
@@ -164,6 +166,10 @@ import { cloneDeep } from "lodash";
 import { tenantSelect } from "@/api/subPlatform/tenant";
 import { ElMessage, ElMessageBox } from "element-plus";
 import WangEditor from "@/components/WangEditor/index.vue";
+import SiteOptions from "@/views/components/SiteOptions";
+import useDataStore from "@/store/modules/data";
+const dataStore = useDataStore();
+dataStore.setSiteList();
 const queryFormRef = ref(null);
 const dataList = ref([]);
 const loading = ref(true);