|
@@ -24,12 +24,28 @@
|
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="6">
|
|
|
<a-form-item label="所属县区" :label-col="{span:6}" name="RegionCode">
|
|
|
- <a-input v-model:value="searchParams.regionCode" placeholder=""/>
|
|
|
+ <a-select
|
|
|
+ ref="select"
|
|
|
+ v-model:value="searchParams.regionCode"
|
|
|
+ :options="regionList"
|
|
|
+ :field-names="{ label: 'name', value: 'code' }"
|
|
|
+ :allow-clear="true"
|
|
|
+ @change="changeRegion"
|
|
|
+ >
|
|
|
+ </a-select>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="7">
|
|
|
<a-form-item label="所属街道" :label-col="{span:7}" name="StreetCode">
|
|
|
- <a-input v-model:value="searchParams.streetCode" placeholder=""/>
|
|
|
+ <a-select
|
|
|
+ ref="select"
|
|
|
+ v-model:value="searchParams.streetCode"
|
|
|
+ :options="streetList"
|
|
|
+ :field-names="{ label: 'name', value: 'code' }"
|
|
|
+ :allow-clear="true"
|
|
|
+ @change="onSearch"
|
|
|
+ >
|
|
|
+ </a-select>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="6">
|
|
@@ -62,6 +78,7 @@
|
|
|
</template>
|
|
|
</a-table>
|
|
|
</div>
|
|
|
+ <SiteInfoEditForm ref="siteInfoEditModelRef" :loadData="loadData"></SiteInfoEditForm>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -71,13 +88,15 @@ import {DownOutlined, ExclamationCircleOutlined, UpOutlined} from '@ant-design/i
|
|
|
import type {FormInstance} from 'ant-design-vue';
|
|
|
import type {TableColumnsType, TableProps} from 'ant-design-vue';
|
|
|
import {getList} from '@/api/baseSettings/siteInfo';
|
|
|
+import {getRegionCodeList, getStreetCodeList} from "@/api/system/area/index";
|
|
|
+import SiteInfoEditForm from "@/views/baseSettings/site/edit.vue";
|
|
|
import BExportExcel from "@/components/basic/excel/exportExcel/exportExcel.vue";
|
|
|
import {getPaginationTotalTitle} from "@/utils/common";
|
|
|
-import {message, Modal} from "ant-design-vue";
|
|
|
+import {message, Modal, SelectProps} from "ant-design-vue";
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'SiteList',
|
|
|
- components: {DownOutlined, UpOutlined, BExportExcel},
|
|
|
+ components: {DownOutlined, UpOutlined, BExportExcel,SiteInfoEditForm},
|
|
|
setup() {
|
|
|
const formRef = ref<FormInstance>();
|
|
|
const searchParams = reactive({
|
|
@@ -101,11 +120,11 @@ export default defineComponent({
|
|
|
{title: '站点名称', dataIndex: 'siteName', key: 'siteName',width:120, align: "center"},
|
|
|
{title: '站点负责人', dataIndex: 'fzrName', key: 'fzrName', align: "center"},
|
|
|
{title: '联系电话', dataIndex: 'fzrMobile', key: 'fzrMobile', align: "center"},
|
|
|
- {title: '所属县区', dataIndex: 'regionCode', key: 'regionCode', align: "center"},
|
|
|
- {title: '所属街道', dataIndex: 'streetCode', key: 'streetCode', align: "center"},
|
|
|
+ {title: '所属县区', dataIndex: 'regionName', key: 'regionName', align: "center"},
|
|
|
+ {title: '所属街道', dataIndex: 'streetName', key: 'streetName', align: "center"},
|
|
|
{title: '详细地址', dataIndex: 'detailAddress', key: 'detailAddress', align: "center"},
|
|
|
{title: '所属机构', dataIndex: 'institutionName', key: 'institutionName', align: "center"},
|
|
|
- {title: '驿站人员数量', dataIndex: 'userNumber',key: 'userNumber', fixed: 'right',width:170, align: "center"},
|
|
|
+ {title: '驿站人员数量', dataIndex: 'userCount',key: 'userCount', fixed: 'right',width:170, align: "center"},
|
|
|
{title: '操作', key: 'operation', fixed: 'right',width:170, align: "center"},
|
|
|
];
|
|
|
const pagination = computed(() => ({
|
|
@@ -116,8 +135,10 @@ export default defineComponent({
|
|
|
showTotal: total => getPaginationTotalTitle(total)
|
|
|
}));
|
|
|
|
|
|
+ const regionList = ref<SelectProps['options']>();
|
|
|
+ const streetList = ref<SelectProps['options']>();
|
|
|
const dataList = ref([]);
|
|
|
- const SiteEditModelRef = ref();
|
|
|
+ const siteInfoEditModelRef = ref();
|
|
|
|
|
|
const handleTableChange: TableProps['onChange'] = (pag: { pageSize: number; current: number },) => {
|
|
|
searchParams.pageIndex = pag.current;
|
|
@@ -125,6 +146,19 @@ export default defineComponent({
|
|
|
loadData();
|
|
|
};
|
|
|
|
|
|
+ const getRegionList = async function(){
|
|
|
+ const regionResult: any = await getRegionCodeList();
|
|
|
+ console.log('regionResult',regionResult);
|
|
|
+ regionList.value = regionResult;
|
|
|
+ }
|
|
|
+
|
|
|
+ const changeRegion = async function(){
|
|
|
+ const streetResult: any = await getStreetCodeList(searchParams.regionCode);
|
|
|
+ console.log('streetResult',streetResult);
|
|
|
+ streetList.value = streetResult;
|
|
|
+ onSearch();
|
|
|
+ }
|
|
|
+
|
|
|
const onSelectChange = (selectedRowKeys: any) => {
|
|
|
formState.selectedRowKeys = selectedRowKeys;
|
|
|
};
|
|
@@ -135,7 +169,7 @@ export default defineComponent({
|
|
|
|
|
|
const onDel= (item: any) => {
|
|
|
if (item) {
|
|
|
- formState.selectedRowKeys.push(item.szkey as never)
|
|
|
+ formState.selectedRowKeys.push(item.siteID as never)
|
|
|
}
|
|
|
|
|
|
if (formState.selectedRowKeys.length <= 0) {
|
|
@@ -161,7 +195,7 @@ export default defineComponent({
|
|
|
};
|
|
|
|
|
|
const onOperates = (id: string,operation:string,isDetail:boolean) => {
|
|
|
- SiteEditModelRef.value.show(id,operation,isDetail);
|
|
|
+ siteInfoEditModelRef.value.show(id,operation,isDetail);
|
|
|
};
|
|
|
const loadData = async function () {
|
|
|
formState.loading = true;
|
|
@@ -179,21 +213,27 @@ export default defineComponent({
|
|
|
formState,
|
|
|
columns,
|
|
|
pagination,
|
|
|
+ streetList,
|
|
|
+ regionList,
|
|
|
dataList,
|
|
|
- SiteEditModelRef,
|
|
|
+ siteInfoEditModelRef,
|
|
|
handleTableChange,
|
|
|
onSelectChange,
|
|
|
onSearch,
|
|
|
onOperates,
|
|
|
onDel,
|
|
|
- loadData
|
|
|
+ loadData,
|
|
|
+ getRegionList,
|
|
|
+ changeRegion
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
+ this.getRegionList();
|
|
|
this.loadData();
|
|
|
},
|
|
|
activated() {
|
|
|
if (history.state.params?.reload)
|
|
|
+ this.getRegionList();
|
|
|
this.loadData();
|
|
|
}
|
|
|
});
|