SiteOptions

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

@@ -12,14 +12,15 @@
           v-model="queryParams.title"
           placeholder="请输入关键字"
           clearable
-          size="small"
+          size="default"
           style="width: 240px"
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
 
       <el-form-item label="所属站点" prop="tenantId">
-        <el-select
+        <SiteOptions v-model="queryParams.tenantId" />
+        <!-- <el-select
           v-model="queryParams.tenantId"
           placeholder="请选择，支持搜索"
           size="small"
@@ -31,17 +32,17 @@
             :label="item.name"
             :value="item.id"
           />
-        </el-select>
+        </el-select> -->
       </el-form-item>
       <el-form-item>
         <el-button
           type="primary"
           icon="search"
-          size="small"
+          size="default"
           @click="handleQuery"
           >搜索</el-button
         >
-        <el-button icon="refresh" size="small" @click="resetQuery"
+        <el-button icon="refresh" size="default" @click="resetQuery"
           >重置</el-button
         >
       </el-form-item>
@@ -53,7 +54,7 @@
           type="primary"
           plain
           icon="plus"
-          size="small"
+          size="default"
           @click="handleAdd"
           >新增</el-button
         >
@@ -80,10 +81,11 @@
       </el-table-column>
       <el-table-column label="所属站点" align="center">
         <template #default="{ row }">
-          {{
+          <!-- {{
             siteList.find((el) => el.id === row.tenantId)?.name || "无"
-          }}</template
-        >
+          }} -->
+          {{ dataStore.getSiteName(row.tenantId) }}
+        </template>
       </el-table-column>
       <el-table-column
         label="描述"
@@ -145,8 +147,8 @@
           <ImageUpload v-model="form.image" :isShowTip="false" :limit="1" />
         </el-form-item>
         <el-form-item label="所属站点:" prop="tenantId">
-          <!-- <SiteOptions v-model="form" /> -->
-          <el-select
+          <SiteOptions v-model="form.tenantId" />
+          <!-- <el-select
             v-model="form.tenantId"
             placeholder="请选择，支持搜索"
             size="small"
@@ -158,7 +160,7 @@
               :label="item.name"
               :value="item.id"
             />
-          </el-select>
+          </el-select> -->
         </el-form-item>
         <el-form-item label="所属服务:" prop="kindId">
           <el-cascader
@@ -200,6 +202,10 @@ import {
   serviceCaseKindSelect,
 } from "@/api/website/solution";
 import WangEditor from "@/components/WangEditor/index.vue";
+import useDataStore from "@/store/modules/data";
+import SiteOptions from "@/views/components/SiteOptions";
+// import SiteOptions from "../../../components/SiteOptions/index.vue";
+const dataStore = useDataStore();
 // import SiteOptions from "@/components/SiteOptions";
 const dataList = ref([]);
 const loading = ref(true);
@@ -273,10 +279,10 @@ const getList = async () => {
   loading.value = false;
 };
 
-const getSiteList = async () => {
-  const resp = await tenantSelect();
-  siteList.value = resp.rows;
-};
+// const getSiteList = async () => {
+//   const resp = await tenantSelect();
+//   siteList.value = resp.rows;
+// };
 
 const getCaseKindList = async () => {
   const resp = await serviceCaseKindSelect();
@@ -322,7 +328,6 @@ const handleAdd = () => {
 const handleUpdate = async (row) => {
   reset();
   const resp = await serviceCaseDetail(row.id);
-  console.log(resp);
   form.value = resp.data;
   showEditDialog.value = true;
   title.value = "修改";
@@ -354,6 +359,6 @@ const handleDelete = (row) => {
 };
 
 getList();
-getSiteList();
+// getSiteList();
 getCaseKindList();
 </script>