|
|
@@ -1,58 +1,58 @@
|
|
|
<template>
|
|
|
<div class="log">
|
|
|
<PageMain class="vh100">
|
|
|
- <div class='btn-box'>
|
|
|
- <el-button type="primary" plain class='query-btn'
|
|
|
- @click='dialogShow'>{{selectedKeys.length?`已选${selectedKeys.length}项`:'筛选条件'}}</el-button>
|
|
|
- <div class='query-btn'>
|
|
|
- <DowButton @endAnim='downloadFile'></DowButton>
|
|
|
+ <div class='btn-box'>
|
|
|
+ <el-button type="primary" plain class='query-btn'
|
|
|
+ @click='dialogShow'>{{ selectedKeys.length ? `已选${selectedKeys.length}项` : '筛选条件' }}</el-button>
|
|
|
+ <div class='query-btn'>
|
|
|
+ <DowButton @endAnim='downloadFile'></DowButton>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <QueryForm :option="listOption" @query='query' @delSelect='delSelect' ref='queryFormRef'></QueryForm>
|
|
|
- <div class='flex content-box'>
|
|
|
- <!-- tree -->
|
|
|
- <div class='content-l'>
|
|
|
- <Tree ref='treeRef' @nodeId='nodeId'></Tree>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class='flex-1 content-r'>
|
|
|
- <!-- 表格 -->
|
|
|
- <ComplexTable :tableData="tableData" :showSelect='false' :columns="listOption.columns" :showIndex="false"
|
|
|
- :columnwidth="120" :pageInfo="pageInfo" @getList="getList" :showOperation='false'>
|
|
|
+ <QueryForm :option="listOption" @query='query' @delSelect='delSelect' ref='queryFormRef'></QueryForm>
|
|
|
+ <div class='flex content-box'>
|
|
|
+ <!-- tree -->
|
|
|
+ <div class='content-l'>
|
|
|
+ <Tree ref='treeRef' @nodeId='nodeId'></Tree>
|
|
|
+ </div>
|
|
|
|
|
|
- <template v-slot:search="scope">
|
|
|
- <Sort :scope="scope.slotData" :globalSortKey="globalSortKey" :globalSortOrder="globalSortOrder"
|
|
|
- @update:sort="handleSortUpdate"></Sort>
|
|
|
- </template>
|
|
|
+ <div class='flex-1 content-r'>
|
|
|
+ <!-- 表格 -->
|
|
|
+ <ComplexTable :tableData="tableData" :showSelect='false' :columns="listOption.columns" :showIndex="false"
|
|
|
+ :columnwidth="120" :pageInfo="pageInfo" @getList="getList" :showOperation='false'>
|
|
|
|
|
|
- <template #customSlot="{ bodyCell: { scope, column } }">
|
|
|
- <template v-if="column.prop == 'quoteOrderNum'">
|
|
|
- {{ scope.row.quoteOrderNum }} 笔
|
|
|
- </template>
|
|
|
- <template v-if="column.prop == 'quoteCountNum'">
|
|
|
- {{ scope.row.quoteCountNum }} 次
|
|
|
- </template>
|
|
|
- <template v-if="column.prop == 'dsyOrderNum'">
|
|
|
- {{ scope.row.dsyOrderNum }} 笔
|
|
|
+ <template v-slot:search="scope">
|
|
|
+ <Sort :scope="scope.slotData" :globalSortKey="globalSortKey" :globalSortOrder="globalSortOrder"
|
|
|
+ @update:sort="handleSortUpdate"></Sort>
|
|
|
</template>
|
|
|
- <template v-if="column.prop == 'dszOrderNum'">
|
|
|
- {{ scope.row.dszOrderNum }} 笔
|
|
|
- </template>
|
|
|
- <template v-if="column.prop == 'jszOrderNum'">
|
|
|
- {{ scope.row.jszOrderNum }} 笔
|
|
|
- </template>
|
|
|
- <template v-if="column.prop == 'jsyOrderNum'">
|
|
|
- {{ scope.row.jsyOrderNum }} 笔
|
|
|
+
|
|
|
+ <template #customSlot="{ bodyCell: { scope, column } }">
|
|
|
+ <template v-if="column.prop == 'quoteOrderNum'">
|
|
|
+ {{ scope.row.quoteOrderNum }} 笔
|
|
|
+ </template>
|
|
|
+ <template v-if="column.prop == 'quoteCountNum'">
|
|
|
+ {{ scope.row.quoteCountNum }} 次
|
|
|
+ </template>
|
|
|
+ <template v-if="column.prop == 'dsyOrderNum'">
|
|
|
+ {{ scope.row.dsyOrderNum }} 笔
|
|
|
+ </template>
|
|
|
+ <template v-if="column.prop == 'dszOrderNum'">
|
|
|
+ {{ scope.row.dszOrderNum }} 笔
|
|
|
+ </template>
|
|
|
+ <template v-if="column.prop == 'jszOrderNum'">
|
|
|
+ {{ scope.row.jszOrderNum }} 笔
|
|
|
+ </template>
|
|
|
+ <template v-if="column.prop == 'jsyOrderNum'">
|
|
|
+ {{ scope.row.jsyOrderNum }} 笔
|
|
|
+ </template>
|
|
|
</template>
|
|
|
- </template>
|
|
|
- </ComplexTable>
|
|
|
+ </ComplexTable>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <FilterDialog :show='isShow' @close='isShow=false' @sure='filterSure' ref='filterDialogRef' @selectedKeys='selected'
|
|
|
- routerKey='routerKey'>
|
|
|
- </FilterDialog>
|
|
|
- </PageMain>
|
|
|
+ <FilterDialog :show='isShow' @close='isShow = false' @sure='filterSure' ref='filterDialogRef'
|
|
|
+ @selectedKeys='selected' routerKey='routerKey'>
|
|
|
+ </FilterDialog>
|
|
|
+ </PageMain>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -250,6 +250,9 @@ const queryList = async () => {
|
|
|
? globalSortKey.value + " " + globalSortOrder.value
|
|
|
: "",
|
|
|
...query,
|
|
|
+ orgIds: query.orgIds.filter(v => v),
|
|
|
+ createTimeBegin: query.recordTime[0] ?? '',
|
|
|
+ createTimeEnd: query.recordTime[1] ?? '',
|
|
|
});
|
|
|
tableData.value = data.records;
|
|
|
pageInfo.value.pageNum = data.current;
|
|
|
@@ -276,6 +279,9 @@ const downloadFile = async () => {
|
|
|
? globalSortKey.value + " " + globalSortOrder.value
|
|
|
: "",
|
|
|
...query,
|
|
|
+ orgIds: query.orgIds.filter(v => v),
|
|
|
+ createTimeBegin: query.recordTime[0] ?? '',
|
|
|
+ createTimeEnd: query.recordTime[1] ?? '',
|
|
|
});
|
|
|
ElMessage({
|
|
|
message: msg,
|
|
|
@@ -306,6 +312,7 @@ onMounted(() => {
|
|
|
.query-btn {
|
|
|
margin-left: 20px;
|
|
|
}
|
|
|
+
|
|
|
.btn-box {
|
|
|
padding-bottom: 15px;
|
|
|
margin-bottom: 24px;
|
|
|
@@ -316,10 +323,12 @@ onMounted(() => {
|
|
|
|
|
|
.content-box {
|
|
|
justify-content: space-between;
|
|
|
+
|
|
|
.content-l {
|
|
|
width: 298px;
|
|
|
display: flex;
|
|
|
margin: 20px 16px 20px 0;
|
|
|
+
|
|
|
.item {
|
|
|
width: 50%;
|
|
|
height: 36px;
|
|
|
@@ -329,16 +338,19 @@ onMounted(() => {
|
|
|
text-align: center;
|
|
|
border-radius: 2px;
|
|
|
}
|
|
|
+
|
|
|
.active {
|
|
|
background: #0083ff;
|
|
|
color: #fff;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.content-r {
|
|
|
width: 0;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
:deep(.caret-wrapper) {
|
|
|
display: none !important;
|
|
|
}
|