|
@@ -25,14 +25,19 @@
|
|
|
</div>
|
|
|
<div class="right-box">
|
|
|
<div class="search">
|
|
|
- <a-input v-model:value="fileName" placeholder="请输入文件名称" />
|
|
|
- <a-button type="primary" preIcon="ant-design:search-outlined" @click="onSearch">查询</a-button>
|
|
|
+ <span style="color:#fff">文件名称:</span>
|
|
|
+ <a-input v-model:value="searchForm.fileName" placeholder="请输入文件名称" :disabled="activeKey!='1'" />
|
|
|
+ <span style="color:#fff">文件类型:</span>
|
|
|
+ <a-select v-model:value="searchForm.fileType" placeholder="请选择..." style="width:220px;margin-right:20px" :disabled="activeKey!='1'">
|
|
|
+ <a-select-option v-for="item in filetypeList" :value="item.value">{{ item.label }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ <a-button type="primary" preIcon="ant-design:search-outlined" @click="onSearch" :disabled="activeKey!='1'">查询</a-button>
|
|
|
<a-button type="primary" style="float: right; margin-right: 20px" @click="openModal(true)">文件上传</a-button>
|
|
|
</div>
|
|
|
<div class="list">
|
|
|
<a-tabs class="tabs-box" v-model:activeKey="activeKey" @change="tabChange">
|
|
|
<a-tab-pane key="1" tab="全部">
|
|
|
- <NormalTable :key="alive" :submitInfo="submitInfo" :selfParam="selfParam" :searchParam="fileName"
|
|
|
+ <NormalTable :key="alive" :submitInfo="submitInfo" :selfParam="selfParam" :searchParam="searchForm"
|
|
|
:nodeParam="nodeParam" :columns="columns" :list="getTree" :deleteById="deleteById" :downLoad="downLoad"
|
|
|
designScope="file-detail" title="文件详情" />
|
|
|
</a-tab-pane>
|
|
@@ -92,7 +97,22 @@ let selfParam = reactive({
|
|
|
});
|
|
|
let router = useRouter(); //路由
|
|
|
const { createMessage } = useMessage();
|
|
|
-let fileName = ref('');
|
|
|
+let searchForm = reactive({
|
|
|
+ fileName: '',
|
|
|
+ fileType: ''
|
|
|
+})
|
|
|
+let filetypeList = reactive<any[]>([
|
|
|
+ { label: 'txt', value: 'txt' },
|
|
|
+ { label: 'doc', value: 'doc' },
|
|
|
+ { label: 'docx', value: 'docx' },
|
|
|
+ { label: 'xls', value: 'xls' },
|
|
|
+ { label: 'xlsx', value: 'xlsx' },
|
|
|
+ { label: 'ppt', value: 'ppt' },
|
|
|
+ { label: 'pptx', value: 'pptx' },
|
|
|
+ { label: 'jpg', value: 'jpg' },
|
|
|
+ { label: 'png', value: 'png' },
|
|
|
+ { label: 'pdf', value: 'pdf' },
|
|
|
+])
|
|
|
let fileList = reactive<any[]>([]); //上传文件列表
|
|
|
// let uploadParam = reactive({}); //上传文件参数
|
|
|
let nodeParam = reactive({}); //点击树节点时传递的参数
|
|
@@ -201,10 +221,11 @@ let list2trees = (data) => {
|
|
|
let getTypeTableList = async () => {
|
|
|
let parentId = nodeParam.id || '';
|
|
|
let selectFlag = nodeParam.id ? false : true;
|
|
|
- let likeFileName = fileName.value || '';
|
|
|
+ let likeFileName = searchForm.fileName || '';
|
|
|
+ let fileSuffix=searchForm.fileType || '';
|
|
|
let bpmStatus = selfParam.bpmStatus || '';
|
|
|
let sysOrgCode = selfParam.sysOrgCode || '';
|
|
|
- let res = await getTree({ parentId: parentId, selectFlag: selectFlag, likeFileName: likeFileName, bpmStatus: bpmStatus, sysOrgCode: sysOrgCode });
|
|
|
+ let res = await getTree({ parentId: parentId, selectFlag: selectFlag, likeFileName: likeFileName,fileSuffix:'.'+fileSuffix, bpmStatus: bpmStatus, sysOrgCode: sysOrgCode });
|
|
|
console.log(res, 'tableList--------------------');
|
|
|
};
|
|
|
|
|
@@ -413,14 +434,25 @@ onMounted(() => {
|
|
|
|
|
|
::v-deep .zxm-input {
|
|
|
width: 220px;
|
|
|
- height: 28px;
|
|
|
+ height: 30px;
|
|
|
background: transparent;
|
|
|
border: 1px solid #31bccc;
|
|
|
color: #fff;
|
|
|
- margin: 0px 20px;
|
|
|
+ margin-right: 20px;
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
|
|
|
+::v-deep .zxm-select:not(.zxm-select-customize-input) .zxm-select-selector{
|
|
|
+ height: 30px !important;
|
|
|
+ background: transparent !important;
|
|
|
+ border: 1px solid #31bccc !important;
|
|
|
+ border-radius: 5px !important;
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
+::v-deep .zxm-select-single.zxm-select-show-arrow .zxm-select-selection-item{
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
+
|
|
|
::v-deep .zxm-btn-group {
|
|
|
margin-right: 25px;
|
|
|
}
|