|
@@ -31,8 +31,9 @@
|
|
|
</div>
|
|
|
<div class="list">
|
|
|
<!-- <div class="bd-t"></div> -->
|
|
|
- <NormalTable v-if="alive" :selfParam="selfParam" :searchParam="fileName" :nodeParam="nodeParam" :columns="columns" :list="getTree"
|
|
|
- :deleteById="deleteById" :downLoad="downLoad" designScope="file-detail" title="文件详情" />
|
|
|
+ <NormalTable v-if="alive" :selfParam="selfParam" :searchParam="fileName" :nodeParam="nodeParam"
|
|
|
+ :columns="columns" :list="getTree" :deleteById="deleteById" :downLoad="downLoad" designScope="file-detail"
|
|
|
+ title="文件详情" />
|
|
|
<!-- <div class="bd-b"></div> -->
|
|
|
</div>
|
|
|
</div>
|
|
@@ -50,9 +51,9 @@
|
|
|
<JDictSelectTag v-model:value="formState.fileType" placeholder="请选择文件类型" dictCode="file_type"
|
|
|
style="width: 500px;" />
|
|
|
</a-form-item>
|
|
|
- <a-form-item label="文件类型">
|
|
|
+ <a-form-item label="文件上传">
|
|
|
<a-upload :before-upload="beforeUpload" @remove="handleRemove" :multiple="false" :file-list="fileList">
|
|
|
- <a-button type="primary" preIcon="ant-design:cloud-upload-outlined">文件上传</a-button>
|
|
|
+ <a-button type="primary" preIcon="ant-design:cloud-upload-outlined">选择文件</a-button>
|
|
|
</a-upload>
|
|
|
</a-form-item>
|
|
|
</a-form>
|
|
@@ -66,16 +67,16 @@ import { useMessage } from '/@/hooks/web/useMessage';
|
|
|
import fileSystem from './commen/fileSystem.vue';
|
|
|
import { SvgIcon } from '/@/components/Icon';
|
|
|
import treeIcon from './commen/Icon/treeIcon.vue';
|
|
|
-import { ref, onMounted, reactive, nextTick,watch } from 'vue';
|
|
|
+import { ref, onMounted, reactive, nextTick, watch } from 'vue';
|
|
|
import NormalTable from '../comment/NormalTable.vue';
|
|
|
import { columns } from './fileDetail.data';
|
|
|
import { getTree, createFile, editMenu, delMenu, uploadApi, downLoad, deleteById } from './fileDetail.api';
|
|
|
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
|
|
|
|
|
|
-let selfParam=reactive({//各矿参数
|
|
|
- sysOrgCode:'',
|
|
|
- bpmStatus:null,
|
|
|
- flag:false
|
|
|
+let selfParam = reactive({//各矿参数
|
|
|
+ sysOrgCode: '',
|
|
|
+ bpmStatus: null,
|
|
|
+ flag: false
|
|
|
})
|
|
|
let router = useRouter(); //路由
|
|
|
const { createMessage } = useMessage();
|
|
@@ -158,8 +159,8 @@ let list2trees = (data) => {
|
|
|
let getTreeList = async () => {
|
|
|
listArr.length = 0;
|
|
|
let data = await getTree({ parentId: '' });
|
|
|
- let list = list2trees(data.records);
|
|
|
- console.log(list, 'list');
|
|
|
+ let datas = data.records.filter(v => v.fileType == null)
|
|
|
+ let list = list2trees(datas);
|
|
|
listArr.push(...list);
|
|
|
console.log(listArr, '树节点数据');
|
|
|
selected.id = listArr[0].id
|
|
@@ -188,7 +189,6 @@ const onClick = (node) => {
|
|
|
// };
|
|
|
//添加文件
|
|
|
const onAddNode = async (node) => {
|
|
|
- console.log('新增111', node);
|
|
|
let data = await createFile({ fileName: node.newName, type: 'FOL', parentId: node.id });
|
|
|
console.log(data, '新增文件返回');
|
|
|
getTreeList();
|
|
@@ -211,6 +211,8 @@ const onDeltet = (node) => {
|
|
|
console.log(node, '删除菜单');
|
|
|
if (node.pid == 'root') {
|
|
|
createMessage.warning('根节点不能被删除!');
|
|
|
+ }else if(node.children){
|
|
|
+ createMessage.warning('该节点无法被删除,请先删除该节点下的子节点!');
|
|
|
} else {
|
|
|
delMenu({ id: node.id }).then((res) => {
|
|
|
console.log(res, '删除文件');
|
|
@@ -230,13 +232,19 @@ let onSearch = () => {
|
|
|
let beforeUpload = (file) => {
|
|
|
console.log(file, '选中文件');
|
|
|
fileList.length = 0;
|
|
|
- fileList.push(file)
|
|
|
- const formData = new FormData();
|
|
|
- formData.append('file', file);
|
|
|
- formData.append('parentId', selected.id);
|
|
|
- formData.append('isApprove', formState.isApprove);
|
|
|
- formData.append('fileType', formState.fileType);
|
|
|
- startUpload.value = formData
|
|
|
+ let index = file.name.indexOf('.')
|
|
|
+ let name = file.name.substring(index + 1)
|
|
|
+ if (name == 'png' || name=='jpg' || name=='gif' || name=='psd' || name=='webp') {
|
|
|
+ createMessage.warning('禁止上传图片类型的文件!');
|
|
|
+ } else {
|
|
|
+ const formData = new FormData();
|
|
|
+ formData.append('file', file);
|
|
|
+ formData.append('parentId', selected.id);
|
|
|
+ formData.append('isApprove', formState.isApprove);
|
|
|
+ formData.append('fileType', formState.fileType);
|
|
|
+ startUpload.value = formData
|
|
|
+ fileList.push(file)
|
|
|
+ }
|
|
|
};
|
|
|
// 文件移除
|
|
|
let handleRemove = (file) => {
|
|
@@ -265,8 +273,8 @@ onMounted(() => {
|
|
|
padding: 15px;
|
|
|
position: relative;
|
|
|
margin-top: 100px;
|
|
|
- background: url(../../../../assets/images/files/homes/bd.png) no-repeat center;
|
|
|
- background-size: contain;
|
|
|
+ // background: url(../../../../assets/images/files/homes/bd.png) no-repeat center;
|
|
|
+ // background-size: contain;
|
|
|
|
|
|
&::after{
|
|
|
display: block;
|
|
@@ -431,4 +439,8 @@ onMounted(() => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+::v-deep .zxm-form-item-control-input {
|
|
|
+ width: 90%;
|
|
|
+}
|
|
|
</style>
|