| | |
| | | @drop="onDrop" |
| | | @select="showDetail" |
| | | > |
| | | <template #extra="nodeData"> |
| | | <template #extra="nodeData" > |
| | | <IconPlus |
| | | style=" |
| | | position: absolute; |
| | |
| | | " |
| | | @click="() => onIconClick(nodeData)" |
| | | /> |
| | | <IconDelete |
| | | style=" |
| | | <a-popconfirm v-if="nodeData.menuName!='root'" |
| | | content="请确认是否删除?" |
| | | type="success" |
| | | @ok="() => onIconClickDelete(nodeData)" |
| | | > |
| | | <IconDelete |
| | | style=" |
| | | position: absolute; |
| | | right: 40px; |
| | | font-size: 12px; |
| | | top: 10px; |
| | | color: #3370ff; |
| | | " |
| | | @click="() => onIconClickDelete(nodeData)" |
| | | /> |
| | | " /> |
| | | </a-popconfirm> |
| | | </template> |
| | | </a-tree> |
| | | </a-card> |
| | |
| | | :bordered="false" |
| | | :style="{ width: '100%' }" |
| | | > |
| | | <a-form :model="resourceform" layout="horizontal"> |
| | | <a-form :model="resourceform" layout="horizontal" ref="formRef"> |
| | | <a-form-item field="parentName" label="上级资源" disabled> |
| | | <a-input v-model="resourceform.parentName" /> |
| | | </a-form-item> |
| | |
| | | v-model="resourceform.status" |
| | | ></a-switch> |
| | | </a-form-item> |
| | | <a-form-item field="menuName" label="资源名称"> |
| | | <a-form-item field="menuName" label="资源名称" :rules="[{required:true,message:'资源名称必填'},{maxLength:50,message:'长度不超过50'}]"> |
| | | <a-input v-model="resourceform.menuName" /> |
| | | </a-form-item> |
| | | <a-form-item field="menuName" label="资源图标"> |
| | |
| | | @success="handleSuccess" |
| | | ></Upload> |
| | | </a-form-item> |
| | | <a-form-item field="menuType" label="资源类型"> |
| | | <a-form-item field="menuType" label="资源类型" :rules="[{required:true,message:'资源类型必填'}]"> |
| | | <a-select |
| | | v-model="resourceform.menuType" |
| | | :options="options" |
| | |
| | | placeholder="请输入提示词" |
| | | /> |
| | | </a-form-item> |
| | | <a-form-item field="perms" label="资源控制权限字符"> |
| | | <a-form-item field="perms" label="资源控制权限字符" :rules="[{required:true,message:'资源控制权限字符必填'},{maxLength:50,message:'长度不超过50'}]"> |
| | | <a-input v-model="resourceform.perms" /> |
| | | </a-form-item> |
| | | <a-form-item |
| | | field="component" |
| | | label="资源地址" |
| | | style="align: start" |
| | | :rules="[{required:true,message:'资源地址必填'},{maxLength:50,message:'长度不超过50'}]" |
| | | > |
| | | <a-input v-model="resourceform.component" /> |
| | | </a-form-item> |
| | |
| | | @cancel="handleCancel" |
| | | @ok="addresource" |
| | | > |
| | | <a-form :rules="rules" :model="resourceform" layout="horizontal"> |
| | | <a-form :model="resourceform" layout="horizontal" ref="addFormRef"> |
| | | <a-form-item field="parentName" label="上级资源" disabled> |
| | | <a-input v-model="resourceform.parentName" /> |
| | | </a-form-item> |
| | |
| | | v-model="resourceform.status" |
| | | ></a-switch> |
| | | </a-form-item> |
| | | <a-form-item field="menuName" label="资源名称"> |
| | | <a-form-item field="menuName" label="资源名称" :rules="[{required:true,message:'资源名称必填'},{maxLength:50,message:'长度不超过50'}]"> |
| | | <a-input v-model="resourceform.menuName" /> |
| | | </a-form-item> |
| | | <a-form-item field="icon" label="资源图标"> |
| | |
| | | @success="handleSuccess" |
| | | ></Upload> |
| | | </a-form-item> |
| | | <a-form-item field="menuType" label="资源类型"> |
| | | <a-form-item field="menuType" label="资源类型" :rules="[{required:true,message:'资源类型必填'}]"> |
| | | <a-select |
| | | v-model="resourceform.menuType" |
| | | :options="options" |
| | |
| | | placeholder="请输入提示词" |
| | | /> |
| | | </a-form-item> |
| | | <a-form-item field="perms" label="资源控制权限字符"> |
| | | <a-form-item field="perms" label="资源控制权限字符" :rules="[{required:true,message:'资源控制权限字符必填'},{maxLength:50,message:'长度不超过50'}]"> |
| | | <a-input v-model="resourceform.perms" /> |
| | | </a-form-item> |
| | | <a-form-item field="component" label="资源地址" style="align: start"> |
| | | <a-form-item field="component" label="资源地址" style="align: start" :rules="[{required:true,message:'资源地址必填'},{maxLength:50,message:'长度不超过50'}]"> |
| | | <a-input v-model="resourceform.component" /> |
| | | </a-form-item> |
| | | </a-form> |
| | |
| | | import { ref } from 'vue'; |
| | | import { IconPlus } from '@arco-design/web-vue/es/icon'; |
| | | import { |
| | | Organization, |
| | | OrganizationAdd, OrganizationUpdate, |
| | | Resource, |
| | | ResourceAdd, |
| | | ResourceById, |
| | | ResourceDelete, |
| | | ResourceList, |
| | | ResourceUpdate, |
| | | } from '@/api/authority'; |
| | | ResourceUpdate |
| | | } 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 formRef = ref(); |
| | | let addFormRef= ref(); |
| | | let visible = ref(false); |
| | | let treeData = ref([]); |
| | | let showLine = ref(true); |
| | |
| | | menuId: '', |
| | | menuName: '', |
| | | menuType: '', |
| | | orderNum: '', |
| | | orderNum: '0', |
| | | parentId: '', |
| | | parentName: '', |
| | | children: [], |
| | |
| | | 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) => { |
| | | if (nodeData) { |
| | |
| | | |
| | | visible.value = true; |
| | | }; |
| | | const formRef = ref(); |
| | | |
| | | //图片上传 |
| | | const uploadAction = '/api/v1/llm/upload'; // 替换为你的上传API |
| | | const fileList = ref([]); |
| | |
| | | imageUrls.value = urlsArr; // 拿到上传的图片地址 |
| | | }; |
| | | |
| | | const addresource = async (done) => { |
| | | // formRef.value.validate().then(async (res) => { |
| | | // if (!res) { |
| | | // } |
| | | // done(false); |
| | | // }); |
| | | const addCb = async (err) => { |
| | | if (err) { |
| | | visible.value = true; |
| | | } else { |
| | | resourceform.value.icon = uploadUrl.value[0] || ''; |
| | | await ResourceAdd({ |
| | | ...resourceform.value, |
| | | } as unknown as Resource).then((res) => { |
| | | ResourceData(''); |
| | | }); |
| | | } |
| | | } |
| | | |
| | | resourceform.value.icon = uploadUrl.value[0] || ''; |
| | | await ResourceAdd({ |
| | | ...resourceform.value, |
| | | } as unknown as Resource).then((res) => { |
| | | ResourceData(''); |
| | | }); |
| | | const addresource = async (done) => { |
| | | addFormRef.value.validate(addCb); |
| | | }; |
| | | |
| | | const onIconClickDelete = (nodeData) => { |
| | |
| | | imageUrls.value.push(httpUrl + res.data.icon); |
| | | }); |
| | | }; |
| | | const editresource = () => { |
| | | resourceform.value.icon = uploadUrl.value[0] || ''; |
| | | ResourceUpdate({ |
| | | ...resourceform.value, |
| | | } as unknown as Resource).then((res) => { |
| | | ResourceData(''); |
| | | Modal.success({ |
| | | title: '保存成功', |
| | | content: '保存成功', |
| | | const cb = async (err) => { |
| | | if (err) { |
| | | |
| | | } else { |
| | | resourceform.value.icon = uploadUrl.value[0] || ''; |
| | | ResourceUpdate({ |
| | | ...resourceform.value, |
| | | } as unknown as Resource).then((res) => { |
| | | ResourceData(''); |
| | | Modal.success({ |
| | | title: '保存成功', |
| | | content: '保存成功', |
| | | }); |
| | | }); |
| | | }); |
| | | } |
| | | } |
| | | const editresource = () => { |
| | | formRef.value.validate(cb); |
| | | |
| | | }; |
| | | const reset = (id) => { |
| | | ResourceById(id).then((res) => { |