<!--
|
* @Author: Vben
|
* @Description: logo component
|
-->
|
<template>
|
<div class="anticon">
|
<a-row class="enter-x">
|
<a-col :md="24" :xs="24" :span="24">
|
<BasicForm @register="registerForm" />
|
</a-col>
|
</a-row>
|
</div>
|
</template>
|
<script lang="ts" setup>
|
import { onMounted } from 'vue';
|
import { Row, Col } from 'ant-design-vue';
|
import { BasicForm, useForm } from '/@/components/Form/index';
|
import { getTreeList, optionsListApi, prodListApi, getProdTreeList } from '/@/api/tigerapi/dept';
|
import { appFormDept } from './appFormDept.data';
|
import { useUserStore } from '/@/store/modules/user';
|
import { useGlobSetting } from '/@/hooks/setting';
|
|
const globSetting = useGlobSetting();
|
const ARow = Row;
|
const ACol = Col;
|
onMounted(async () => {
|
const temp = globSetting.useOrg == 'true' ? await getTreeList() : await getProdTreeList();
|
const treeData = [];
|
const treeOption =
|
globSetting.useOrg == 'true'
|
? await optionsListApi(useUserStore().getUserInfo.userId)
|
: await prodListApi(useUserStore().getUserInfo.userId);
|
if (globSetting.useOrg == 'true') {
|
let newArr = [];
|
//newArr.push(treeOption.Data.Items[0])
|
for (let i = 0; i < treeOption.Data.Items.length; i++) {
|
// 设置一个开关，如果是true，就存进去，不是就不存
|
let flag = true;
|
for (let j = 0; j < newArr.length; j++) {
|
// 原数组和新数组作比较，如果一致，开关变为 false
|
treeOption.Data.Items[i].ORG_CODE === newArr[j].ORG_CODE ? (flag = false) : flag;
|
}
|
flag ? newArr.push(treeOption.Data.Items[i]) : newArr;
|
}
|
|
newArr.map((item) => {
|
let options = temp.find((obj) => obj.id == item.ORG_ID);
|
treeData.push(options);
|
});
|
} else {
|
let newArr = [];
|
//newArr.push(treeOption.Data.Items[0])
|
for (let i = 0; i < treeOption.Data.Items.length; i++) {
|
// 设置一个开关，如果是true，就存进去，不是就不存
|
let flag = true;
|
for (let j = 0; j < newArr.length; j++) {
|
// 原数组和新数组作比较，如果一致，开关变为 false
|
treeOption.Data.Items[i].PROD_CODE === newArr[j].PROD_CODE ? (flag = false) : flag;
|
}
|
flag ? newArr.push(treeOption.Data.Items[i]) : newArr;
|
}
|
|
newArr.map((item) => {
|
let options = temp.find((obj) => obj.id == item.PROD_ID);
|
treeData.push(options);
|
});
|
}
|
|
updateSchema([
|
{
|
field: 'dept',
|
componentProps: { treeData },
|
},
|
]);
|
setFieldsValue({
|
dept:
|
globSetting.useOrg == 'true'
|
? useUserStore().getUserInfo.orgCode
|
: useUserStore().getUserInfo.prodCode,
|
});
|
});
|
|
const [registerForm, { updateSchema, setFieldsValue }] = useForm({
|
// labelWidth: 200,
|
baseColProps: { span: 24 },
|
schemas: appFormDept,
|
showActionButtonGroup: false,
|
actionColOptions: {
|
span: 23,
|
},
|
});
|
</script>
|
<style lang="less" scoped>
|
@prefix-cls: ~'@{namespace}-app-logo';
|
|
.@{prefix-cls} {
|
display: flex;
|
align-items: center;
|
padding-left: 7px;
|
transition: all 0.2s ease;
|
cursor: pointer;
|
|
&.light {
|
border-bottom: 1px solid @border-color-base;
|
}
|
|
&.collapsed-show-title {
|
padding-left: 20px;
|
}
|
|
&.light &__title {
|
color: @primary-color;
|
}
|
|
&.dark &__title {
|
color: @white;
|
font-size: 16px;
|
}
|
|
&__title {
|
transition: all 0.5s;
|
// font-size: 16px;
|
font-weight: 700;
|
line-height: normal;
|
}
|
}
|
</style>
|
