|
@@ -7,8 +7,8 @@
|
|
|
<a-input v-model:value="searchParams.companyName" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
- <a-col :span="7">
|
|
|
- <a-form-item label="统一信用代码" :label-col="{span:7}" name="CompanyCode">
|
|
|
+ <a-col :span="6">
|
|
|
+ <a-form-item label="统一信用代码" :label-col="{span:6}" name="CompanyCode">
|
|
|
<a-input v-model:value="searchParams.companyCode" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
@@ -17,24 +17,40 @@
|
|
|
<a-input v-model:value="searchParams.recordStatus" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
- <a-col :span="5" style="text-align: right">
|
|
|
+ <a-col :span="6" style="text-align: right">
|
|
|
<a-button type="primary" html-type="submit" @click="onSearch">查询</a-button>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
<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-form-item label="所属县区" :label-col="{span:6}" name="regionCode">
|
|
|
+ <a-select
|
|
|
+ ref="select"
|
|
|
+ v-model:value="searchParams.regionCode"
|
|
|
+ :options="regionList"
|
|
|
+ :field-names="{ label: 'name', value: 'code' }"
|
|
|
+ :allow-clear="true"
|
|
|
+ @change="changeCity"
|
|
|
+ >
|
|
|
+ </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-col :span="6">
|
|
|
+ <a-form-item label="所属街道" :label-col="{span:6}" name="streetCode">
|
|
|
+ <a-select
|
|
|
+ ref="select"
|
|
|
+ v-model:value="searchParams.streetCode"
|
|
|
+ :options="streetList"
|
|
|
+ :field-names="{ label: 'name', value: 'code' }"
|
|
|
+ :allow-clear="true"
|
|
|
+ @change="loadData"
|
|
|
+ >
|
|
|
+ </a-select>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="6">
|
|
|
</a-col>
|
|
|
- <a-col :span="5">
|
|
|
+ <a-col :span="6">
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
<a-row class="edit-operation">
|
|
@@ -62,7 +78,6 @@
|
|
|
</template>
|
|
|
</a-table>
|
|
|
</div>
|
|
|
- <InstitutionEditForm ref="institutionEditModelRef" :loadData="loadData"></InstitutionEditForm>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -72,16 +87,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, del} from '@/api/companyService/company';
|
|
|
-import InstitutionEditForm from "@/views/baseSettings/institution/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";
|
|
|
import dayjs from "dayjs";
|
|
|
import { useTabsViewStore } from '@/store/modules/tabsView';
|
|
|
+import {get} from "@/api/common";
|
|
|
|
|
|
export default defineComponent({
|
|
|
- name: 'CompanyList',
|
|
|
- components: {InstitutionEditForm, DownOutlined, UpOutlined, BExportExcel},
|
|
|
+ components: { DownOutlined, UpOutlined, BExportExcel},
|
|
|
setup() {
|
|
|
const formRef = ref<FormInstance>();
|
|
|
const searchParams = reactive({
|
|
@@ -107,13 +121,13 @@ export default defineComponent({
|
|
|
customRender: item => `${searchParams.pageSize * (searchParams.pageIndex - 1) + item.index + 1}`
|
|
|
},
|
|
|
{title: '企业名称', dataIndex: 'companyName', key: 'companyName', align: "center"},
|
|
|
- {title: '所属县区', dataIndex: 'regionCode', key: 'regionCode', width: 120, align: "center"},
|
|
|
- {title: '所属街道', dataIndex: 'streetCode', key: 'streetCode', align: "center"},
|
|
|
+ {title: '所属县区', dataIndex: 'regionName', key: 'regionName', width: 120, align: "center"},
|
|
|
+ {title: '所属街道', dataIndex: 'streetName', key: 'streetName', align: "center"},
|
|
|
{title: '统一信用代码', dataIndex: 'companyCode', key: 'companyCode', align: "center"},
|
|
|
{title: '企业状态', dataIndex: 'recordStatus', key: 'recordStatus', align: "center"},
|
|
|
{title: '参保人数', dataIndex: 'peopleCount', key: 'peopleCount', align: "center"},
|
|
|
{title: '企业规模', dataIndex: 'companyModel', key: 'companyModel', align: "center"},
|
|
|
- {title: '当前岗位数量', dataIndex: 'positionCount', key: 'positionCount', align: "center"},
|
|
|
+ {title: '当前岗位数量', dataIndex: 'postCount', key: 'postCount', align: "center"},
|
|
|
{title: '录入人', dataIndex: 'createUser', key: 'createUser', align: "center"},
|
|
|
{
|
|
|
title: '录入时间 ', dataIndex: 'createTime', key: 'createTime', align: "center", customRender: (item) => {
|
|
@@ -130,10 +144,27 @@ export default defineComponent({
|
|
|
showTotal: total => getPaginationTotalTitle(total)
|
|
|
}));
|
|
|
|
|
|
+ const regionList = ref<SelectProps['options']>();
|
|
|
+ const streetList = ref<SelectProps['options']>();
|
|
|
const dataList = ref([]);
|
|
|
const institutionEditModelRef = ref();
|
|
|
const tabsViewStore = useTabsViewStore();
|
|
|
|
|
|
+ const changeCity=()=>{
|
|
|
+ get('system/area/getAreaList',{code:searchParams.regionCode}).then(data=>{
|
|
|
+ console.log(data);
|
|
|
+ streetList.value=data;
|
|
|
+ console.log(streetList.value);
|
|
|
+ })
|
|
|
+ loadData();
|
|
|
+ }
|
|
|
+
|
|
|
+ get('system/area/getCityList',{}).then(data=>{
|
|
|
+ console.log(data);
|
|
|
+ regionList.value=data;
|
|
|
+ console.log(regionList.value);
|
|
|
+ });
|
|
|
+
|
|
|
const loadData = async function () {
|
|
|
formState.loading = true;
|
|
|
const result: any = await getList(searchParams);
|
|
@@ -185,18 +216,15 @@ export default defineComponent({
|
|
|
});
|
|
|
};
|
|
|
|
|
|
- // const onOperates = (id: string, operation: string, isDetail: boolean) => {
|
|
|
- // institutionEditModelRef.value.show(id, operation, isDetail);
|
|
|
- // };
|
|
|
-
|
|
|
const onAdd = () => {
|
|
|
- tabsViewStore.addTabByPath('/companyService/company/add', null);
|
|
|
+ tabsViewStore.addTabByPath('/companyService/enterprise/add', null);
|
|
|
};
|
|
|
const onEdit = (item: any) => {
|
|
|
- tabsViewStore.addTabByPath('/companyService/company/edit', { id: item.CompanyID });
|
|
|
+ tabsViewStore.addTabByPath('/companyService/enterprise/edit', { id: item.CompanyID });
|
|
|
};
|
|
|
|
|
|
return {
|
|
|
+ changeCity,
|
|
|
formRef,
|
|
|
searchParams,
|
|
|
formState,
|
|
@@ -210,7 +238,9 @@ export default defineComponent({
|
|
|
onDel,
|
|
|
onAdd,
|
|
|
onEdit,
|
|
|
- loadData
|
|
|
+ loadData,
|
|
|
+ regionList,
|
|
|
+ streetList
|
|
|
};
|
|
|
},
|
|
|
created() {
|