|
@@ -38,6 +38,22 @@
|
|
></a-select>
|
|
></a-select>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
|
|
+ <a-col v-if="dataModel.userTypeID === 4" :span="12">
|
|
|
|
+ <a-form-item
|
|
|
|
+ label="所属机构"
|
|
|
|
+ name="datarangeIds"
|
|
|
|
+ :label-col="{ span: 6 }"
|
|
|
|
+ :rules="[{ required: true, message: '请选择所属机构!' }]"
|
|
|
|
+ >
|
|
|
|
+ <a-select
|
|
|
|
+ ref="select"
|
|
|
|
+ v-model:value="dataModel.datarangeIds"
|
|
|
|
+ :options="institutionList"
|
|
|
|
+ :field-names="{ label: 'text', value: 'value' }"
|
|
|
|
+ :allow-clear="true"
|
|
|
|
+ ></a-select>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-col>
|
|
<a-col v-if="dataModel.userTypeID === 5" :span="12">
|
|
<a-col v-if="dataModel.userTypeID === 5" :span="12">
|
|
<a-form-item
|
|
<a-form-item
|
|
label="所属县区"
|
|
label="所属县区"
|
|
@@ -55,7 +71,7 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
- <a-row type="flex" :gutter="24">
|
|
|
|
|
|
+ <a-row v-if="dataModel.userTypeID !== 3" type="flex" :gutter="24">
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
<a-form-item
|
|
<a-form-item
|
|
label="用户名"
|
|
label="用户名"
|
|
@@ -77,7 +93,7 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
- <a-row :gutter="24">
|
|
|
|
|
|
+ <a-row type="flex" :gutter="24">
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
<a-form-item
|
|
<a-form-item
|
|
label="密码"
|
|
label="密码"
|
|
@@ -106,19 +122,42 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
|
|
+ <div v-if="dataModel.userTypeID === 3" class="search-result-list">
|
|
|
|
+ <a-table
|
|
|
|
+ :columns="columns"
|
|
|
|
+ :data-source="siteUserList"
|
|
|
|
+ :scroll="{ x: '100%', y: 500 }"
|
|
|
|
+ :pagination="false"
|
|
|
|
+ :loading="tableState.loading"
|
|
|
|
+ :row-key="(record) => record.siteUserID"
|
|
|
|
+ bordered
|
|
|
|
+ >
|
|
|
|
+ <template #bodyCell="{ column, index, record }">
|
|
|
|
+ <template v-if="column.key === 'operation'">
|
|
|
|
+ <div class="table-operation">
|
|
|
|
+ <a-button type="link" size="small" functioncode="T01010304" @click="onDel(index)"
|
|
|
|
+ >删除</a-button
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ </template>
|
|
|
|
+ </template>
|
|
|
|
+ </a-table>
|
|
|
|
+ </div>
|
|
</a-form>
|
|
</a-form>
|
|
</div>
|
|
</div>
|
|
</a-modal>
|
|
</a-modal>
|
|
</template>
|
|
</template>
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
- import { defineComponent, reactive, ref, toRefs } from 'vue';
|
|
|
|
- import { message } from 'ant-design-vue';
|
|
|
|
- import type { FormInstance, SelectProps } from 'ant-design-vue';
|
|
|
|
- import { getUserByID, saveSysUser } from '@/api/system/user';
|
|
|
|
- import { getSysDictionaryList } from '@/api/system/dictionary';
|
|
|
|
- import { getRegionCodeList } from '@/api/system/area/index';
|
|
|
|
-
|
|
|
|
- interface userModel {
|
|
|
|
|
|
+import {defineComponent, reactive, ref, toRefs} from 'vue';
|
|
|
|
+import type {FormInstance, SelectProps} from 'ant-design-vue';
|
|
|
|
+import {message, TableColumnsType} from 'ant-design-vue';
|
|
|
|
+import {getUserByID, saveSysUser} from '@/api/system/user';
|
|
|
|
+import {getSysDictionaryList} from '@/api/system/dictionary';
|
|
|
|
+import {getRegionCodeList} from '@/api/system/area/index';
|
|
|
|
+import {getListForAddUser} from '@/api/baseSettings/userInfo';
|
|
|
|
+import {getInstitutionDataList} from "@/api/baseSettings/institution";
|
|
|
|
+
|
|
|
|
+interface userModel {
|
|
dataModel: any;
|
|
dataModel: any;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -145,6 +184,24 @@
|
|
loading: false,
|
|
loading: false,
|
|
});
|
|
});
|
|
const regionList = ref<SelectProps['options']>();
|
|
const regionList = ref<SelectProps['options']>();
|
|
|
|
+ const columns: TableColumnsType = [
|
|
|
|
+ {
|
|
|
|
+ title: '序号',
|
|
|
|
+ align: 'center',
|
|
|
|
+ key: 'siteUserID',
|
|
|
|
+ width: 80,
|
|
|
|
+ customRender: (item) => `${item.index + 1}`,
|
|
|
|
+ },
|
|
|
|
+ { title: '用户名', dataIndex: 'siteUserName', key: 'siteUserName', align: 'center' },
|
|
|
|
+ { title: '账号', dataIndex: 'userNo', key: 'userNo', align: 'center' },
|
|
|
|
+ { title: '所属驿站', dataIndex: 'siteName', key: 'siteName', align: 'left' },
|
|
|
|
+ { title: '操作', key: 'operation', fixed: 'right', width: 150, align: 'center' },
|
|
|
|
+ ];
|
|
|
|
+ const siteUserList = ref([]);
|
|
|
|
+ const tableState = reactive({
|
|
|
|
+ loading: false,
|
|
|
|
+ });
|
|
|
|
+ const institutionList = ref<SelectProps['options']>();
|
|
|
|
|
|
const getUserTypeList = async function () {
|
|
const getUserTypeList = async function () {
|
|
const userTypeResult = await getSysDictionaryList('UserType');
|
|
const userTypeResult = await getSysDictionaryList('UserType');
|
|
@@ -155,6 +212,7 @@
|
|
formState.loading = true;
|
|
formState.loading = true;
|
|
await getUserTypeList();
|
|
await getUserTypeList();
|
|
await getRegionList();
|
|
await getRegionList();
|
|
|
|
+ await getInstitutionList();
|
|
const reqData = await getUserByID('');
|
|
const reqData = await getUserByID('');
|
|
formData.dataModel = reqData;
|
|
formData.dataModel = reqData;
|
|
console.log('dataModel', formData.dataModel);
|
|
console.log('dataModel', formData.dataModel);
|
|
@@ -165,15 +223,34 @@
|
|
const onCommit = async function () {
|
|
const onCommit = async function () {
|
|
isAllowCommit.value = true;
|
|
isAllowCommit.value = true;
|
|
if (
|
|
if (
|
|
- formData.dataModel.name == null ||
|
|
|
|
- formData.dataModel.loginID == null ||
|
|
|
|
- formData.dataModel.password == null ||
|
|
|
|
- formData.dataModel.userTypeID == null ||
|
|
|
|
- formData.dataModel.recordStatus == null
|
|
|
|
|
|
+ formData.dataModel.userTypeID != 3 &&
|
|
|
|
+ (formData.dataModel.name == null ||
|
|
|
|
+ formData.dataModel.loginID == null ||
|
|
|
|
+ formData.dataModel.password == null ||
|
|
|
|
+ formData.dataModel.userTypeID == null ||
|
|
|
|
+ formData.dataModel.recordStatus == null)
|
|
|
|
+ ) {
|
|
|
|
+ message.error('请填写完整的用户信息!');
|
|
|
|
+ isAllowCommit.value = false;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ if (
|
|
|
|
+ formData.dataModel.userTypeID == 3 &&
|
|
|
|
+ (formData.dataModel.password == null ||
|
|
|
|
+ formData.dataModel.userTypeID == null ||
|
|
|
|
+ formData.dataModel.recordStatus == null)
|
|
) {
|
|
) {
|
|
message.error('请填写完整的用户信息!');
|
|
message.error('请填写完整的用户信息!');
|
|
isAllowCommit.value = false;
|
|
isAllowCommit.value = false;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ if (formData.dataModel.userTypeID == 3 && siteUserList.value.length == 0) {
|
|
|
|
+ message.error('请添加驿站工作人员!');
|
|
|
|
+ isAllowCommit.value = false;
|
|
|
|
+ } else {
|
|
|
|
+ formData.dataModel.siteUserIdList = siteUserList.value.map((it: any) => it.siteUserID);
|
|
|
|
+ }
|
|
|
|
+
|
|
if (isAllowCommit.value) {
|
|
if (isAllowCommit.value) {
|
|
//多选时不需要转类型
|
|
//多选时不需要转类型
|
|
formData.dataModel.datarangeIdList = [formData.dataModel.datarangeIds];
|
|
formData.dataModel.datarangeIdList = [formData.dataModel.datarangeIds];
|
|
@@ -187,13 +264,31 @@
|
|
};
|
|
};
|
|
|
|
|
|
const getRegionList = async function () {
|
|
const getRegionList = async function () {
|
|
- const regionResult: any = await getRegionCodeList();
|
|
|
|
- regionList.value = regionResult;
|
|
|
|
|
|
+ regionList.value = await getRegionCodeList();
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ const getInstitutionList = async function () {
|
|
|
|
+ institutionList.value = await getInstitutionDataList();
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ const getSiteUser = async function () {
|
|
|
|
+ tableState.loading = true;
|
|
|
|
+ const result: any = await getListForAddUser(null);
|
|
|
|
+ siteUserList.value = result;
|
|
|
|
+ tableState.loading = false;
|
|
};
|
|
};
|
|
|
|
|
|
const userTypeChange = () => {
|
|
const userTypeChange = () => {
|
|
formData.dataModel.datarangeIds = null;
|
|
formData.dataModel.datarangeIds = null;
|
|
formData.dataModel.datarangeIdList = null;
|
|
formData.dataModel.datarangeIdList = null;
|
|
|
|
+
|
|
|
|
+ if (formData.dataModel.userTypeID == 3) {
|
|
|
|
+ getSiteUser();
|
|
|
|
+ }
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ const onDel = (index) => {
|
|
|
|
+ siteUserList.value.splice(index, 1);
|
|
};
|
|
};
|
|
|
|
|
|
return {
|
|
return {
|
|
@@ -207,6 +302,11 @@
|
|
userTypeList,
|
|
userTypeList,
|
|
regionList,
|
|
regionList,
|
|
userTypeChange,
|
|
userTypeChange,
|
|
|
|
+ columns,
|
|
|
|
+ siteUserList,
|
|
|
|
+ tableState,
|
|
|
|
+ onDel,
|
|
|
|
+ institutionList,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {},
|
|
created() {},
|