From f848280fe3ed8841147fcc8f26a788580b82ae0c Mon Sep 17 00:00:00 2001
From: liudong <liudong>
Date: 星期六, 17 八月 2024 10:37:46 +0800
Subject: [PATCH] 首页页面bug修改
---
src/views/authority/resource/index.vue | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 102 insertions(+), 5 deletions(-)
diff --git a/src/views/authority/resource/index.vue b/src/views/authority/resource/index.vue
index a8e8e21..b95142c 100644
--- a/src/views/authority/resource/index.vue
+++ b/src/views/authority/resource/index.vue
@@ -6,7 +6,7 @@
<a-card
:title="$t('menu.resource.title')"
:bordered="false"
- :style="{ 'width': '100%', 'height': '900px', 'overflow-y': 'auto' }"
+ style=" 'width': '100%'; height: calc(100vh - 250px); 'overflow-y': 'auto' "
>
<a-tree
class="tree-demo"
@@ -67,6 +67,15 @@
<a-form-item field="menuName" label="璧勬簮鍚嶇О">
<a-input v-model="resourceform.menuName" />
</a-form-item>
+ <a-form-item field="menuName" label="璧勬簮鍥炬爣">
+ <Upload
+ :action="uploadAction"
+ :limit="1"
+ :url="resourceform.icon"
+ @update:fileList="updateFileList"
+ @success="handleSuccess"
+ ></Upload>
+ </a-form-item>
<a-form-item field="menuType" label="璧勬簮绫诲瀷">
<a-select
v-model="resourceform.menuType"
@@ -74,6 +83,12 @@
:field-names="fieldNames"
:style="{ width: '320px' }"
placeholder="璇烽�夋嫨"
+ />
+ </a-form-item>
+ <a-form-item field="description" label="鎻愮ず璇�">
+ <a-input
+ v-model="resourceform.description"
+ placeholder="璇疯緭鍏ユ彁绀鸿瘝"
/>
</a-form-item>
<a-form-item field="perms" label="璧勬簮鎺у埗鏉冮檺瀛楃">
@@ -103,7 +118,7 @@
@cancel="handleCancel"
@ok="addresource"
>
- <a-form :model="resourceform" layout="horizontal">
+ <a-form :rules="rules" :model="resourceform" layout="horizontal">
<a-form-item field="parentName" label="涓婄骇璧勬簮" disabled>
<a-input v-model="resourceform.parentName" />
</a-form-item>
@@ -117,6 +132,15 @@
<a-form-item field="menuName" label="璧勬簮鍚嶇О">
<a-input v-model="resourceform.menuName" />
</a-form-item>
+ <a-form-item field="icon" label="璧勬簮鍥炬爣">
+ <Upload
+ :action="uploadAction"
+ :limit="1"
+ :url="resourceform.icon"
+ @update:fileList="updateFileList"
+ @success="handleSuccess"
+ ></Upload>
+ </a-form-item>
<a-form-item field="menuType" label="璧勬簮绫诲瀷">
<a-select
v-model="resourceform.menuType"
@@ -124,6 +148,12 @@
:field-names="fieldNames"
:style="{ width: '320px' }"
placeholder="璇烽�夋嫨"
+ />
+ </a-form-item>
+ <a-form-item field="description" label="鎻愮ず璇�">
+ <a-input
+ v-model="resourceform.description"
+ placeholder="璇疯緭鍏ユ彁绀鸿瘝"
/>
</a-form-item>
<a-form-item field="perms" label="璧勬簮鎺у埗鏉冮檺瀛楃">
@@ -150,6 +180,9 @@
} from '@/api/authority';
import Authheader from '@/views/authority/components/authheader.vue';
import { Modal } from '@arco-design/web-vue';
+ import { userModelState } from '@/store';
+
+ const modelStore = userModelState();
let visible = ref(false);
let treeData = ref([]);
@@ -190,9 +223,44 @@
target: '',
updateTime: '',
});
+ const rules = {
+ // parentName: [
+ // {
+ // required: true,
+ // message: '璇疯緭鍏ヤ笂绾ц祫婧�',
+ // },
+ // ],
+ // menuName: [
+ // {
+ // required: true,
+ // message: '璇疯緭鍏ヨ祫婧愬悕绉�',
+ // },
+ // ],
+ // menuType: [
+ // {
+ // required: true,
+ // message: '璇烽�夋嫨璧勬簮绫诲瀷',
+ // },
+ // ],
+ // description: [
+ // {
+ // required: true,
+ // message: '璇疯緭鍏ユ彁绀鸿瘝',
+ // },
+ // ],
+ // perms: [
+ // {
+ // required: true,
+ // message: '璇疯緭鍏ヨ祫婧愭帶鍒舵潈闄愬瓧绗�',
+ // },
+ // ],
+ };
const onIconClick = (nodeData) => {
- resourceform.value.parentId = nodeData.menuId;
+ if (nodeData) {
+ resourceform.value.parentId = nodeData.menuId;
+ resourceform.value.parentName = nodeData.menuName;
+ }
resourceform.value.component = '';
resourceform.value.createTime = '';
resourceform.value.description = '';
@@ -201,7 +269,6 @@
resourceform.value.menuName = '';
resourceform.value.menuType = '';
resourceform.value.orderNum = '0';
- resourceform.value.parentName = nodeData.menuName;
resourceform.value.path = '';
resourceform.value.perms = '';
resourceform.value.status = '';
@@ -209,8 +276,34 @@
visible.value = true;
};
+ const formRef = ref();
+ //鍥剧墖涓婁紶
+ const uploadAction = '/api/v1/llm/upload'; // 鏇挎崲涓轰綘鐨勪笂浼燗PI
+ const fileList = ref([]);
+ const imageUrls = ref([]);
+ const uploadUrl = ref([]);
+ const httpUrl = modelStore.hrefUrl;
+ const updateFileList = (newFileList) => {
+ fileList.value = newFileList;
+ };
- const addresource = async () => {
+ const handleSuccess = (urls) => {
+ uploadUrl.value = urls;
+
+ const urlsArr = urls.map((url) => {
+ return httpUrl + url;
+ });
+ imageUrls.value = urlsArr; // 鎷垮埌涓婁紶鐨勫浘鐗囧湴鍧�
+ };
+
+ const addresource = async (done) => {
+ // formRef.value.validate().then(async (res) => {
+ // if (!res) {
+ // }
+ // done(false);
+ // });
+
+ resourceform.value.icon = uploadUrl.value[0] || '';
await ResourceAdd({
...resourceform.value,
} as unknown as Resource).then((res) => {
@@ -227,9 +320,13 @@
const showDetail = (id) => {
ResourceById(id).then((res) => {
resourceform.value = { ...res.data };
+ resourceform.value.icon = res.data.icon;
+
+ imageUrls.value.push(httpUrl + res.data.icon);
});
};
const editresource = () => {
+ resourceform.value.icon = uploadUrl.value[0] || '';
ResourceUpdate({
...resourceform.value,
} as unknown as Resource).then((res) => {
--
Gitblit v1.8.0