fix: 资源路径调整

This commit is contained in:
xuziqiang
2024-06-11 16:13:51 +08:00
parent c4652e2571
commit fbf460a620
16 changed files with 947 additions and 1060 deletions

View File

@@ -5,54 +5,38 @@
<ns-drawer v-bind="addDrawerConfig">
<ns-form ref="formRef" :schemas="formSchema" :model="formData" formLayout="vertical" />
<template #footer>
<a-button style="margin-right: 8px" @click="onClose">取消</a-button>
<a-button type="primary" @click="onEdit">确定</a-button>
<ns-button style="margin-right: 8px" @click="onClose">取消</ns-button>
<ns-button type="primary" @click="operateForm" :disabled="!formDisabled">确定</ns-button>
</template>
</ns-drawer>
<a-drawer
<ns-drawer
:width="600"
:visible="borderVisible"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
destroyOnClose
@close="onClose">
<a-button type="primary" @click="borderAdd">新增</a-button>
<a-button type="primary" style="margin-left: 10px; margin-bottom: 10px" @click="borderAddSon"
>新增子集</a-button
<ns-button type="primary" @click="borderAdd">新增</ns-button>
<ns-button type="primary" style="margin-left: 10px; margin-bottom: 10px" @click="borderAddSon"
>新增子集</ns-button
>
<a-directory-tree @select="handleSelect" multiple :tree-data="treeData">
<template #title="{ title, key }">
{{ title }}
<a-button type="link" @click="editTree(title, key)">编辑</a-button>
<a-button type="link" danger @click="deleteTree(title, key)">删除</a-button>
<ns-button type="link" @click="editTree(title, key)">编辑</ns-button>
<ns-button type="link" danger @click="deleteTree(title, key)">删除</ns-button>
</template>
</a-directory-tree>
</a-drawer>
</ns-drawer>
<a-drawer
:width="600"
:visible="serviceVisible"
:body-style="{ paddingBottom: '80px' }"
:footer-style="{ textAlign: 'right' }"
destroyOnClose
@close="onClose">
<a-input-search
<ns-drawer v-bind="serverDrawer">
<ns-input-search
placeholder="请选择开通模块"
v-model:value="searchValue"
style="margin-bottom: 8px"
@search="onSearch" />
<a-tree
:tree-data="treeData"
v-model:checkedKeys="checkedKeys"
checkable
@select="ServiceSelect">
<template #title="{ title }">
{{ title }}
</template>
</a-tree>
<ns-button style="margin: 20px" type="primary" @click="onClose">取消</ns-button>
<ns-button type="primary" @click="Sure">确定</ns-button>
</a-drawer>
<a-tree v-if="treeData?.length" v-model:checkedKeys="checkedKeys" v-bind="serverTree" />
</ns-drawer>
<TreeAdd ref="treeAdd" />
</template>
@@ -85,17 +69,98 @@
const serviceVisible = ref(false);
const treeAddVisible = ref(false);
const formSchema = formConfig;
const opType = ref<string>('add');
const calMap = {
add: enterPrise.save,
edit: enterPrise.edit,
};
const comApi = computed(() => {
return calMap[opType.value as keyof typeof calMap];
});
const tableConfig = computed(() => {
return insertConfig(visible);
return insertConfig({
visible,
formData,
opType,
getOrgRandomCode,
borderVisible,
serviceVisible,
server: {
getTree,
},
});
});
const getOrgRandomCode = () => {
http.post(enterPrise.getCode).then((res) => {
formData.value.projectId = res.data;
formData.value.orgCode = res.data;
});
};
getOrgRandomCode();
const onClose = () => {
visible.value = false;
borderVisible.value = false;
serviceVisible.value = false;
};
// 企业表单drawer
const addDrawerConfig = ref({
width: '520',
visible: visible,
footerStyle: { textAlign: 'right' },
destroyOnClose: true,
onClose: onClose,
});
const formDisabled = computed(() => {
return formRef.value?.validateResult;
});
//企业表单数据操作
const operateForm = () => {
formRef.value?.triggerSubmit().then((res) => {
console.log(formData.value, 'formData.value');
http.post(comApi.value, res).then(() => {
NsMessage.success('操作成功');
visible.value = false;
mainRef.value?.nsTableRef.reload();
});
});
};
// 服务操作逻辑区域
const serverOK = () => {
serviceVisible.value = false;
};
const ServiceSelect = (selectedKeys: any, info: any) => {
console.log(selectedKeys, 'selectedKeys');
console.log(info, 'info');
};
const serverTree = ref({
checkable: true,
onSelect: ServiceSelect,
defaultExpandAll: true,
treeData: treeData,
fieldNames: { children: 'menus', title: 'label', key: 'code' },
});
const getTree = (params) => {
http.post(enterPrise.permissionTree, params).then((res) => {
treeData.value = res.data.data;
});
};
// 开通服务模块drawer
const serverDrawer = ref({
width: '450',
visible: serviceVisible,
footerStyle: { textAlign: 'right' },
ok: serverOK,
cancel: onClose,
});
// drawer form
const opMap: any = {
type: 'add',
@@ -112,25 +177,6 @@
console.log(info, 'info');
};
const ServiceSelect = (selectedKeys: any, info: any) => {
console.log(selectedKeys, 'selectedKeys');
console.log(info, 'info');
};
const onClose = () => {
visible.value = false;
borderVisible.value = false;
serviceVisible.value = false;
};
const addDrawerConfig = ref({
width: '520',
visible: visible,
footerStyle: { textAlign: 'right' },
destroyOnClose: true,
onClose: onClose,
});
const borderAdd = () => {
treeAddVisible.value = true;
treeAdd.value?.toggle();
@@ -140,18 +186,6 @@
treeAddVisible.value = true;
};
const onEdit = () => {
formRef.value?.triggerSubmit().then(() => {
console.log(formData.value, 'formData.value');
opMap.fuc && opMap.fuc(formData.value);
visible.value = false;
});
};
const Sure = () => {
serviceVisible.value = false;
};
const editTree = (title: any, key: any) => {
console.log(title, 'title');
console.log(key, 'key');