|
@@ -76,6 +76,52 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
|
|
+ <a-divider orientation="left">管理人员 共计:{{manageUsers.length}}</a-divider>
|
|
|
|
+ <a-row>
|
|
|
|
+ <a-col :span="24" style="text-align: right; margin-top: 20px; margin-right: 20px">
|
|
|
|
+ <Space>
|
|
|
|
+ <a-button @click="addSiteUser">
|
|
|
|
+ <template #icon>
|
|
|
|
+ <plus-circle-outlined/>
|
|
|
|
+ </template>
|
|
|
|
+ 新增
|
|
|
|
+ </a-button>
|
|
|
|
+ </Space>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
|
|
+ <a-row>
|
|
|
|
+ <a-col style="margin-bottom: 20px;">
|
|
|
|
+ <a-table :columns="columns" :data-source="manageUsers" :pagination="pagination"
|
|
|
|
+ :loading="formState.loading"
|
|
|
|
+ @change="handleTableChange"
|
|
|
|
+ :row-selection="{ selectedRowKeys: formState.selectedRowKeys, onChange: onSelectChange}"
|
|
|
|
+ :row-key="record=>record.siteId"
|
|
|
|
+ bordered>
|
|
|
|
+ <template #bodyCell="{ column ,index}">
|
|
|
|
+ <template v-if="column.key === 'name'">
|
|
|
|
+ <div>
|
|
|
|
+ <a-select
|
|
|
|
+ ref="select"
|
|
|
|
+ v-model:value="manageUsers[index][column.key]"
|
|
|
|
+ :options="allUsers"
|
|
|
|
+ @change="manageUsersChange(index,manageUsers[index][column.key])"
|
|
|
|
+ :field-names="{ label: 'name', value: 'siteUserID' }" style="width: 200px" >
|
|
|
|
+ </a-select>
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ <template v-if="column.key === 'genderName'">
|
|
|
|
+ {{manageUsers[index][column.key]}}
|
|
|
|
+ </template>
|
|
|
|
+ <template v-if="column.key === 'roleName'">
|
|
|
|
+ {{manageUsers[index][column.key]}}
|
|
|
|
+ </template>
|
|
|
|
+ <template v-if="column.key === 'operation'">
|
|
|
|
+ <a-button type="link" size="small" @click="delSiteUser(index)">删除</a-button>
|
|
|
|
+ </template>
|
|
|
|
+ </template>
|
|
|
|
+ </a-table>
|
|
|
|
+ </a-col>
|
|
|
|
+ </a-row>
|
|
<a-divider orientation="left">其他信息</a-divider>
|
|
<a-divider orientation="left">其他信息</a-divider>
|
|
<a-row>
|
|
<a-row>
|
|
<a-textarea :auto-size="{ minRows: 4, maxRows: 10 }" v-model:value="dataModel.remark" :disabled="opCategory==3"
|
|
<a-textarea :auto-size="{ minRows: 4, maxRows: 10 }" v-model:value="dataModel.remark" :disabled="opCategory==3"
|
|
@@ -85,13 +131,14 @@
|
|
</a-modal>
|
|
</a-modal>
|
|
</template>
|
|
</template>
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
-import {defineComponent, reactive, ref, toRefs} from "vue";
|
|
|
|
|
|
+import {computed, defineComponent, reactive, ref, toRefs} from "vue";
|
|
import {getSiteByID, saveSite} from "@/api/baseSettings/siteInfo";
|
|
import {getSiteByID, saveSite} from "@/api/baseSettings/siteInfo";
|
|
import BUploadFile from "@/components/file/uploadFile.vue";
|
|
import BUploadFile from "@/components/file/uploadFile.vue";
|
|
-import {message, SelectProps} from "ant-design-vue";
|
|
|
|
|
|
+import {message, SelectProps, TableColumnsType, TableProps} from "ant-design-vue";
|
|
import {getRegionCodeList, getStreetCodeList} from "@/api/system/area/index";
|
|
import {getRegionCodeList, getStreetCodeList} from "@/api/system/area/index";
|
|
-import {getSiteUserDataList} from "@/api/baseSettings/userInfo";
|
|
|
|
|
|
+import {getSiteUserList,getSiteUserDataList,getListBySiteID, getSiteUserByID} from "@/api/baseSettings/userInfo";
|
|
import {getInstitutionDataList} from "@/api/baseSettings/institution";
|
|
import {getInstitutionDataList} from "@/api/baseSettings/institution";
|
|
|
|
+import {getPaginationTotalTitle} from "@/utils/common";
|
|
|
|
|
|
interface siteModel {
|
|
interface siteModel {
|
|
dataModel: any;
|
|
dataModel: any;
|
|
@@ -106,23 +153,53 @@ export default defineComponent({
|
|
}
|
|
}
|
|
},
|
|
},
|
|
setup(props) {
|
|
setup(props) {
|
|
- const formData = reactive<siteModel>({ dataModel:{}});
|
|
|
|
const visible = ref<boolean>(false);
|
|
const visible = ref<boolean>(false);
|
|
|
|
+ const isAllowAdd = ref<boolean>(false);
|
|
|
|
+ const isAllowCommit = ref<boolean>(false);
|
|
const confirmLoading = ref<boolean>(false);
|
|
const confirmLoading = ref<boolean>(false);
|
|
const title = ref();
|
|
const title = ref();
|
|
- const isAllowCommit = ref<boolean>(false);
|
|
|
|
const opCategory = ref<any>();
|
|
const opCategory = ref<any>();
|
|
const formState = reactive({
|
|
const formState = reactive({
|
|
total: 0,
|
|
total: 0,
|
|
selectedRowKeys: [],
|
|
selectedRowKeys: [],
|
|
loading: false
|
|
loading: false
|
|
});
|
|
});
|
|
|
|
+ const formData = reactive<siteModel>({ dataModel:{}});
|
|
|
|
+ const pageParams = reactive({
|
|
|
|
+ pageIndex: 1,
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ siteID:''
|
|
|
|
+ });
|
|
|
|
+ const columns: TableColumnsType = [
|
|
|
|
+ {title: '序号', align: "center",key: 'siteUserID',customRender: item => `${pageParams.pageSize * (pageParams.pageIndex - 1) + item.index + 1}`},
|
|
|
|
+ {title: '姓名', dataIndex: 'name', key: 'name', align: "center"},
|
|
|
|
+ {title: '性别', dataIndex: 'genderName', key: 'genderName', align: "center"},
|
|
|
|
+ {title: '角色', dataIndex: 'roleName', key: 'roleName', align: "center"},
|
|
|
|
+ {title: '操作', key: 'operation', fixed: 'right',width:170, align: "center"},
|
|
|
|
+ ];
|
|
|
|
+ const pagination = computed(() => ({
|
|
|
|
+ total: formState.total,
|
|
|
|
+ current: pageParams.pageIndex,
|
|
|
|
+ pageSize: pageParams.pageSize,
|
|
|
|
+ showSizeChanger: true,
|
|
|
|
+ showTotal: total => getPaginationTotalTitle(total)
|
|
|
|
+ }));
|
|
|
|
+ const onSelectChange = (selectedRowKeys: any) => {
|
|
|
|
+ formState.selectedRowKeys = selectedRowKeys;
|
|
|
|
+ };
|
|
|
|
+ const handleTableChange: TableProps['onChange'] = (pag: { pageSize: number; current: number },) => {
|
|
|
|
+ pageParams.pageIndex = pag.current;
|
|
|
|
+ pageParams.pageSize = pag.pageSize;
|
|
|
|
+ };
|
|
|
|
|
|
const regionList = ref<SelectProps['options']>();
|
|
const regionList = ref<SelectProps['options']>();
|
|
const streetList = ref<SelectProps['options']>();
|
|
const streetList = ref<SelectProps['options']>();
|
|
const siteUserList = ref<SelectProps['options']>();
|
|
const siteUserList = ref<SelectProps['options']>();
|
|
const institutionList = ref<SelectProps["options"]>();
|
|
const institutionList = ref<SelectProps["options"]>();
|
|
|
|
|
|
|
|
+ const manageUsers = ref<any>([]);
|
|
|
|
+ const allUsers = ref<any>([]);
|
|
|
|
+
|
|
const getRegionList = async function(){
|
|
const getRegionList = async function(){
|
|
const regionResult: any = await getRegionCodeList();
|
|
const regionResult: any = await getRegionCodeList();
|
|
regionList.value = regionResult;
|
|
regionList.value = regionResult;
|
|
@@ -131,7 +208,7 @@ export default defineComponent({
|
|
const streetResult: any = await getStreetCodeList(formData.dataModel.regionCode);
|
|
const streetResult: any = await getStreetCodeList(formData.dataModel.regionCode);
|
|
streetList.value = streetResult;
|
|
streetList.value = streetResult;
|
|
}
|
|
}
|
|
- const getSiteUserList = async function(){
|
|
|
|
|
|
+ const getUserDataList = async function(){
|
|
const siteUserResult :any = await getSiteUserDataList();
|
|
const siteUserResult :any = await getSiteUserDataList();
|
|
console.log('siteUserResult',siteUserResult);
|
|
console.log('siteUserResult',siteUserResult);
|
|
siteUserList.value = siteUserResult;
|
|
siteUserList.value = siteUserResult;
|
|
@@ -146,6 +223,7 @@ export default defineComponent({
|
|
getSiteByID(siteID).then((result: any) => {
|
|
getSiteByID(siteID).then((result: any) => {
|
|
formData.dataModel = result;
|
|
formData.dataModel = result;
|
|
console.log("dataModel",formData.dataModel);
|
|
console.log("dataModel",formData.dataModel);
|
|
|
|
+ getManageUsers(formData.dataModel.siteID);
|
|
if (formData.dataModel.regionCode != null){
|
|
if (formData.dataModel.regionCode != null){
|
|
getStreetList();
|
|
getStreetList();
|
|
}
|
|
}
|
|
@@ -154,21 +232,75 @@ export default defineComponent({
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
}
|
|
-
|
|
|
|
const show = (id: any,method:string,category:any) => {
|
|
const show = (id: any,method:string,category:any) => {
|
|
title.value ="驿站站点管理-"+method;
|
|
title.value ="驿站站点管理-"+method;
|
|
opCategory.value = category;
|
|
opCategory.value = category;
|
|
|
|
+ getAllUsers();
|
|
|
|
+ getRegionList();
|
|
|
|
+ getInstitutionList();
|
|
|
|
+ getUserDataList();
|
|
loadData(id);
|
|
loadData(id);
|
|
visible.value = true;
|
|
visible.value = true;
|
|
};
|
|
};
|
|
|
|
|
|
- const onSelectChange = (selectedRowKeys: any) => {
|
|
|
|
- formState.selectedRowKeys = selectedRowKeys;
|
|
|
|
- };
|
|
|
|
|
|
+ const getAllUsers = () => {
|
|
|
|
+ pageParams.siteID = '';
|
|
|
|
+ getSiteUserList(pageParams).then((result :any) => {
|
|
|
|
+ allUsers.value = result.list;
|
|
|
|
+ console.log('allUsers',allUsers);
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ const getManageUsers = (id: string) => {
|
|
|
|
+ pageParams.siteID = id;
|
|
|
|
+ getListBySiteID(pageParams).then((result :any)=> {
|
|
|
|
+ manageUsers.value = result.list;
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
|
|
- const validate = () => {
|
|
|
|
|
|
+ const addSiteUser = () => {
|
|
|
|
+ if(allUsers.value.length >0){
|
|
|
|
+ const newUser = allUsers.value[0];
|
|
|
|
+ (manageUsers.value as any[]).push({siteUserID:newUser.siteUserID,siteID:formData.dataModel.siteID,name:newUser.name,genderName:newUser.genderName,roleName:newUser.roleName});
|
|
|
|
+ validateSameUser();
|
|
|
|
+ }else{
|
|
|
|
+ message.error("未查询到站点信息!");
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ const delSiteUser = (site) =>{
|
|
|
|
+ (manageUsers.value as any[]).splice(site, 1);
|
|
|
|
+ validateSameUser();
|
|
|
|
+ }
|
|
|
|
+ const manageUsersChange = (index:any,siteUserID:any) =>{
|
|
|
|
+ console.log('siteUserID',siteUserID);
|
|
|
|
+ getSiteUserByID(siteUserID).then((result :any)=> {
|
|
|
|
+ result.siteID = formData.dataModel.siteID;
|
|
|
|
+ manageUsers.value[index]= result;
|
|
|
|
+ console.log('manageUsers',manageUsers.value);
|
|
|
|
+ validateSameUser();
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ const validateSameUser = ()=>{
|
|
|
|
+ isAllowCommit.value = false;
|
|
|
|
+ isAllowAdd.value = true;
|
|
|
|
+ if (manageUsers.value.length>1){
|
|
|
|
+ manageUsers.value.forEach(item=>{
|
|
|
|
+ const sameData = manageUsers.value.filter(x => x.siteUserID == item.siteUserID);
|
|
|
|
+ console.log("sameData",sameData);
|
|
|
|
+ if (sameData.length >1){
|
|
|
|
+ isAllowAdd.value = false;
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ const validateCommit = () => {
|
|
|
|
+ validateSameUser();
|
|
console.log(formData.dataModel);
|
|
console.log(formData.dataModel);
|
|
- if (formData.dataModel.siteCode==null) {
|
|
|
|
|
|
+ if (!isAllowAdd.value){
|
|
|
|
+ message.error("不允许添加相同的人员!");
|
|
|
|
+ return;
|
|
|
|
+ }else if (formData.dataModel.siteCode==null) {
|
|
message.error("请输入驿站编号!");
|
|
message.error("请输入驿站编号!");
|
|
return;
|
|
return;
|
|
}else if (formData.dataModel.detailAddress==null) {
|
|
}else if (formData.dataModel.detailAddress==null) {
|
|
@@ -179,8 +311,9 @@ export default defineComponent({
|
|
};
|
|
};
|
|
|
|
|
|
const handleOk = () => {
|
|
const handleOk = () => {
|
|
- validate();
|
|
|
|
|
|
+ validateCommit();
|
|
if (isAllowCommit.value){
|
|
if (isAllowCommit.value){
|
|
|
|
+ formData.dataModel.manageUsers = manageUsers.value;
|
|
saveSite(formData.dataModel).then(result => {
|
|
saveSite(formData.dataModel).then(result => {
|
|
if (result) {
|
|
if (result) {
|
|
visible.value = false;
|
|
visible.value = false;
|
|
@@ -196,31 +329,39 @@ export default defineComponent({
|
|
|
|
|
|
return {
|
|
return {
|
|
...toRefs(formData),
|
|
...toRefs(formData),
|
|
|
|
+ title,
|
|
|
|
+ opCategory,
|
|
|
|
+ visible,
|
|
formState,
|
|
formState,
|
|
|
|
+ isAllowAdd,
|
|
|
|
+ isAllowCommit,
|
|
|
|
+ confirmLoading,
|
|
|
|
+ columns,
|
|
|
|
+ pageParams,
|
|
|
|
+ pagination,
|
|
regionList,
|
|
regionList,
|
|
streetList,
|
|
streetList,
|
|
siteUserList,
|
|
siteUserList,
|
|
institutionList,
|
|
institutionList,
|
|
- isAllowCommit,
|
|
|
|
- opCategory,
|
|
|
|
- visible,
|
|
|
|
- title,
|
|
|
|
- confirmLoading,
|
|
|
|
|
|
+ allUsers,
|
|
|
|
+ manageUsers,
|
|
show,
|
|
show,
|
|
|
|
+ onSelectChange,
|
|
|
|
+ handleTableChange,
|
|
getRegionList,
|
|
getRegionList,
|
|
getStreetList,
|
|
getStreetList,
|
|
- getSiteUserList,
|
|
|
|
|
|
+ getUserDataList,
|
|
getInstitutionList,
|
|
getInstitutionList,
|
|
- onSelectChange,
|
|
|
|
|
|
+ getAllUsers,
|
|
|
|
+ addSiteUser,
|
|
|
|
+ delSiteUser,
|
|
|
|
+ manageUsersChange,
|
|
handleOk,
|
|
handleOk,
|
|
handleCancel,
|
|
handleCancel,
|
|
- validate
|
|
|
|
|
|
+ validateCommit
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
- this.getRegionList();
|
|
|
|
- this.getInstitutionList();
|
|
|
|
- this.getSiteUserList();
|
|
|
|
},
|
|
},
|
|
})
|
|
})
|
|
</script>
|
|
</script>
|