|
@@ -4,11 +4,19 @@
|
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="6">
|
|
|
<a-form-item label="人员名称" :label-col="{span:8}" name="userName">
|
|
|
- <a-input v-model:value="searchParams.userName" placeholder=""/>
|
|
|
+ <a-input v-model:value="searchParams.siteUserName" placeholder=""/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="6">
|
|
|
-
|
|
|
+ <a-form-item label="所属驿站" :label-col="{span:8}" name="userName">
|
|
|
+ <a-select
|
|
|
+ ref="select"
|
|
|
+ v-model:value="searchParams.siteID"
|
|
|
+ :options="allSites"
|
|
|
+ @change="loadData"
|
|
|
+ :field-names="{ label: 'siteName', value: 'siteID' }" style="width: 200px" >
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="6">
|
|
|
|
|
@@ -63,6 +71,7 @@ import {getSiteUserList,delSiteUser} from '@/api/baseSettings/userInfo';
|
|
|
import BExportExcel from "@/components/basic/excel/exportExcel/exportExcel.vue";
|
|
|
import {getPaginationTotalTitle} from "@/utils/common";
|
|
|
import {message, Modal} from "ant-design-vue";
|
|
|
+import {getSiteList} from "@/api/baseSettings/siteInfo";
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'UserInfoList',
|
|
@@ -70,11 +79,13 @@ export default defineComponent({
|
|
|
setup() {
|
|
|
const formRef = ref<FormInstance>();
|
|
|
const tabsViewStore = useTabsViewStore();
|
|
|
+ const allSites = ref<any>([]);
|
|
|
const searchParams = reactive({
|
|
|
pageIndex: 1,
|
|
|
pageSize: 20,
|
|
|
primaryKey:'',
|
|
|
- userName: ''
|
|
|
+ siteUserName: '',
|
|
|
+ siteID:''
|
|
|
});
|
|
|
const formState = reactive({
|
|
|
total: 0,
|
|
@@ -87,6 +98,7 @@ export default defineComponent({
|
|
|
{title: '用户类型', dataIndex: 'roleName', key: 'roleName',width:120, align: "center"},
|
|
|
{title: '性别', dataIndex: 'genderName', key: 'genderName', align: "center"},
|
|
|
{title: '联系电话', dataIndex: 'mobile', key: 'mobile', align: "center"},
|
|
|
+ {title: '所属驿站', dataIndex: 'siteName', key: 'siteName', align: "center"},
|
|
|
{title: '操作', key: 'operation', fixed: 'right',width:170, align: "center"},
|
|
|
];
|
|
|
const pagination = computed(() => ({
|
|
@@ -97,6 +109,12 @@ export default defineComponent({
|
|
|
showTotal: total => getPaginationTotalTitle(total)
|
|
|
}));
|
|
|
|
|
|
+ const getAllSites = () => {
|
|
|
+ getSiteList(searchParams).then((result :any) => {
|
|
|
+ allSites.value = result.list;
|
|
|
+ console.log('allSites',allSites);
|
|
|
+ })
|
|
|
+ }
|
|
|
const dataList = ref([]);
|
|
|
|
|
|
const handleTableChange: TableProps['onChange'] = (pag: { pageSize: number; current: number },) => {
|
|
@@ -145,6 +163,7 @@ export default defineComponent({
|
|
|
|
|
|
const loadData = async function () {
|
|
|
formState.loading = true;
|
|
|
+ await getAllSites();
|
|
|
const result: any = await getSiteUserList(searchParams);
|
|
|
dataList.value = result.list;
|
|
|
formState.total = result.total;
|
|
@@ -152,15 +171,16 @@ export default defineComponent({
|
|
|
}
|
|
|
|
|
|
const onAdd =()=>{
|
|
|
- tabsViewStore.addTabByPath('/baseSettings/user/add', {id:null});
|
|
|
+ tabsViewStore.addTabByPath('/baseSettings/user/add', {id:null,op:1});
|
|
|
};
|
|
|
|
|
|
const onEdit = (id: string) => {
|
|
|
- tabsViewStore.addTabByPath('/baseSettings/user/edit', {id:id});
|
|
|
+ tabsViewStore.addTabByPath('/baseSettings/user/edit', {id:id,op:2});
|
|
|
};
|
|
|
|
|
|
return {
|
|
|
formRef,
|
|
|
+ allSites,
|
|
|
searchParams,
|
|
|
formState,
|
|
|
columns,
|