SiteOptions

This commit is contained in:
cxc
2022-07-26 17:31:19 +08:00
parent 2f2d61385c
commit 488071ab2b
8 changed files with 254 additions and 143 deletions

View File

@ -12,14 +12,14 @@
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="mode">
<el-select
size="small"
size="default"
style="width: 240px"
v-model="queryParams.mode"
placeholder="请选择"
@ -36,10 +36,10 @@
</el-select>
</el-form-item>
<el-form-item label="所属站点" prop="tenantId">
<el-select
<!-- <el-select
v-model="queryParams.tenantId"
placeholder="请选择,支持搜索"
size="small"
size="default"
filterable
>
<el-option
@ -48,18 +48,18 @@
:label="item.name"
:value="item.id"
/>
</el-select>
<!-- <SiteOptions v-model="queryParams" /> -->
</el-select> -->
<SiteOptions v-model="queryParams.tenantId" />
</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>
@ -71,7 +71,7 @@
type="primary"
plain
icon="plus"
size="small"
size="default"
@click="handleAdd"
>新增</el-button
>
@ -98,7 +98,7 @@
</el-table-column>
<el-table-column label="所属站点" align="center">
<template #default="{ row }">
{{ siteList.find((el) => el.id === row.tenantId)?.name || "无" }}
{{ dataStore.getSiteName(row.tenantId) }}
</template>
</el-table-column>
@ -151,7 +151,7 @@
<el-input v-model="form.title" placeholder="请输入数据名称" />
</el-form-item>
<el-form-item label="所属站点:" prop="tenantId">
<SiteOptions v-model="form" />
<SiteOptions v-model="form.tenantId" />
</el-form-item>
<el-form-item label="归属导航:" prop="mode">
<el-select v-model="form.mode" placeholder="请选择">
@ -202,15 +202,17 @@ import {
serviceEdit,
serviceDelete,
} from "@/api/website/solution";
import { tenantSelect } from "@/api/subPlatform/tenant";
// import { tenantSelect } from "@/api/subPlatform/tenant";
import { ElMessage, ElMessageBox } from "element-plus";
import { cloneDeep } from "lodash";
import SiteOptions from "@/components/SiteOptions";
import SiteOptions from "@/views/components/SiteOptions";
import useDataStore from "../../../../store/modules/data";
const dataStore = useDataStore();
const dataList = ref([]);
// TODO:isSuper
// const is_super = this.$store.getters.is_super;
const loading = ref(true);
const siteList = ref([]); // 站点列表
// const siteList = ref([]); // 站点列表
const showSearch = ref(true);
const showEditDialog = ref(false); // 是否显示新增、修改弹窗
const title = ref(""); // 弹窗标题
@ -294,16 +296,11 @@ const getList = async () => {
loading.value = false;
};
const getSiteList = async () => {
const resp = await tenantSelect();
siteList.value = resp.rows;
};
// const getSiteName = (tenantId) => {
// const item = siteList.value.find((el) => {
// return el.id === tenantId;
// });
// return item ? item.name : "无";
// const getSiteList = async () => {
// const resp = await tenantSelect();
// siteList.value = resp.rows;
// };
// 取消按钮
const cancel = () => {
showEditDialog.value = false;
@ -363,5 +360,5 @@ const handleDelete = (row) => {
.catch(() => {});
};
getList();
getSiteList();
// getSiteList();
</script>

View File

@ -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>