拆分详情
This commit is contained in:
caoyang
@@ -2,26 +2,27 @@
|
||||
<div class="splitting">
|
||||
<a-card :bordered="false">
|
||||
<div class="splitting-search-wrapper">
|
||||
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
||||
<a-row :gutter="24">
|
||||
<a-col :md="6" :sm="12">
|
||||
<a-form-item :label="$t('standard')">
|
||||
<j-input :placeholder="$t('enterNumber')" v-model="queryParams.attId"></j-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<a-form-item :label="$t('title')">
|
||||
<j-input :placeholder="$t('enterTitle')" v-model="queryParams.title"></j-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="6" :sm="8">
|
||||
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
|
||||
<a-button type="primary" @click="searchQuery" icon="search">{{$t('query')}}</a-button>
|
||||
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{$t('reset')}}</a-button>
|
||||
</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<search :flag="'3'" :url="url"/>
|
||||
<!-- <a-form layout="inline" @keyup.enter.native="searchQuery">-->
|
||||
<!-- <a-row :gutter="24">-->
|
||||
<!-- <a-col :md="6" :sm="12">-->
|
||||
<!-- <a-form-item :label="$t('standard')">-->
|
||||
<!-- <j-input :placeholder="$t('enterNumber')" v-model="queryParams.attId"></j-input>-->
|
||||
<!-- </a-form-item>-->
|
||||
<!-- </a-col>-->
|
||||
<!-- <a-col :md="6" :sm="8">-->
|
||||
<!-- <a-form-item :label="$t('title')">-->
|
||||
<!-- <j-input :placeholder="$t('enterTitle')" v-model="queryParams.title"></j-input>-->
|
||||
<!-- </a-form-item>-->
|
||||
<!-- </a-col>-->
|
||||
<!-- <a-col :md="6" :sm="8">-->
|
||||
<!-- <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">-->
|
||||
<!-- <a-button type="primary" @click="searchQuery" icon="search">{{$t('query')}}</a-button>-->
|
||||
<!-- <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{$t('reset')}}</a-button>-->
|
||||
<!-- </span>-->
|
||||
<!-- </a-col>-->
|
||||
<!-- </a-row>-->
|
||||
<!-- </a-form>-->
|
||||
</div>
|
||||
<div class="table-operator">
|
||||
<div class="operator-text" @click="handleModule">
|
||||
@@ -38,34 +39,44 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="splitting-table">
|
||||
<a-table
|
||||
ref="table"
|
||||
size="middle"
|
||||
rowKey="id"
|
||||
:columns="columns"
|
||||
:dataSource="tableData"
|
||||
:pagination="false"
|
||||
:loading="loading"
|
||||
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
|
||||
@change="handleTableChange">
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a class="action-margin" @click="backDocument(record)">{{$t('backDocument')}}</a>
|
||||
<a class="action-margin" @click="detail(record)">{{$t('See')}}</a>
|
||||
<a class="table-del" @click="deleteDetail(record)">{{$t('delete')}}</a>
|
||||
</span>
|
||||
</a-table>
|
||||
<div class="page" v-if="tableData.length > 0">
|
||||
<a-pagination
|
||||
:show-total="total => $t('total')+` ${total} `+ $t('strip')"
|
||||
show-quick-jumper
|
||||
show-size-changer
|
||||
:current="queryParams.pageNo"
|
||||
:page-size.sync="queryParams.pageSize"
|
||||
:total="total"
|
||||
@change="onChangePage"
|
||||
@showSizeChange="SizeChange"
|
||||
/>
|
||||
</div>
|
||||
<table-data
|
||||
:url="url"
|
||||
:flag="'3'"
|
||||
:OperationList="OperationList"
|
||||
showAction
|
||||
@onSelectChange="onSelectChange"
|
||||
@backDocument="backDocument"
|
||||
@handleDel="handleDel"
|
||||
@detailClick="detailClick"
|
||||
></table-data>
|
||||
<!-- <a-table-->
|
||||
<!-- ref="table"-->
|
||||
<!-- size="middle"-->
|
||||
<!-- rowKey="id"-->
|
||||
<!-- :columns="columns"-->
|
||||
<!-- :dataSource="tableData"-->
|
||||
<!-- :pagination="false"-->
|
||||
<!-- :loading="loading"-->
|
||||
<!-- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"-->
|
||||
<!-- @change="handleTableChange">-->
|
||||
<!-- <span slot="action" slot-scope="text, record">-->
|
||||
<!-- <a class="action-margin" @click="backDocument(record)">{{$t('backDocument')}}</a>-->
|
||||
<!-- <a class="action-margin" @click="detail(record)">{{$t('See')}}</a>-->
|
||||
<!-- <a class="table-del" @click="deleteDetail(record)">{{$t('delete')}}</a>-->
|
||||
<!-- </span>-->
|
||||
<!-- </a-table>-->
|
||||
<!-- <div class="page" v-if="tableData.length > 0">-->
|
||||
<!-- <a-pagination-->
|
||||
<!-- :show-total="total => $t('total')+` ${total} `+ $t('strip')"-->
|
||||
<!-- show-quick-jumper-->
|
||||
<!-- show-size-changer-->
|
||||
<!-- :current="queryParams.pageNo"-->
|
||||
<!-- :page-size.sync="queryParams.pageSize"-->
|
||||
<!-- :total="total"-->
|
||||
<!-- @change="onChangePage"-->
|
||||
<!-- @showSizeChange="SizeChange"-->
|
||||
<!-- />-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<split-text v-if="splitVisible" :splitVisible="splitVisible" @visible="sVisible"></split-text>
|
||||
<import-result v-if="importsVisible" :importsVisible="importsVisible" @visible="iVisible"></import-result>
|
||||
@@ -74,6 +85,8 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import search from '@/components/search/index'
|
||||
import TableData from '@/components/SplitTable/index'
|
||||
import SplitText from './modules/SplitText'
|
||||
import ImportResult from './modules/ImportResult'
|
||||
import { getAction, postAction, deleteAction } from '@/api/manage'
|
||||
@@ -84,6 +97,8 @@
|
||||
export default {
|
||||
name: 'splitting',
|
||||
components: {
|
||||
search,
|
||||
TableData,
|
||||
SplitText,
|
||||
ImportResult
|
||||
},
|
||||
@@ -135,6 +150,27 @@
|
||||
width: 170
|
||||
}
|
||||
],
|
||||
OperationList: [
|
||||
{
|
||||
text: this.$t('backDocument'),
|
||||
ClickEvent: 'backDocument'
|
||||
}, //回传至文档库
|
||||
{
|
||||
text: this.$t('See'),
|
||||
ClickEvent: 'detailClick'
|
||||
}, //查看
|
||||
{
|
||||
text: this.$t('delete'),
|
||||
ClickEvent: 'handleDel'
|
||||
} //删除
|
||||
],
|
||||
url:{
|
||||
tableHeader: 'language/switch/getHeader', //表格头部字段
|
||||
seachList: 'language/switch/queryCondition', //搜索字段
|
||||
tableList: 'split/sarFileSplitInfo/page', //表格数据
|
||||
// getAddForm: 'ocr/ocrRecord/getForm', // 表单的字段
|
||||
// addInfo: 'ocr/OcrRestful/addOcrRecord', //新增
|
||||
},
|
||||
queryParams:{
|
||||
pageNo:1,
|
||||
pageSize:10
|
||||
@@ -280,23 +316,26 @@
|
||||
backDocument(val){
|
||||
this.$confirm({
|
||||
content: this.$t('backDocument'),
|
||||
onOk() {
|
||||
deleteAction(``, { id: val.id }).then((res) => {
|
||||
if (res.success) {
|
||||
this.$message.success(res.message)
|
||||
this.loadData()
|
||||
} else {
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
onOk:
|
||||
async () =>
|
||||
{
|
||||
// deleteAction(``, { id: val.id }).then((res) => {
|
||||
// if (res.success) {
|
||||
// this.$message.success(res.message)
|
||||
// this.loadData()
|
||||
// } else {
|
||||
// this.$message.warning(res.message)
|
||||
// }
|
||||
// })
|
||||
}
|
||||
})
|
||||
},
|
||||
//查看
|
||||
detail(val){
|
||||
detailClick(val){
|
||||
this.$router.push({
|
||||
path:'/docManage/splitting/splitDetail',
|
||||
query:val
|
||||
query: { infoId:val.id }
|
||||
})
|
||||
},
|
||||
|
||||
@@ -310,11 +349,8 @@
|
||||
|
||||
<style lang="less" scoped>
|
||||
.splitting{
|
||||
.splitting-search-wrapper{
|
||||
.splitting-search-wrapper {
|
||||
margin-bottom: 20px;
|
||||
.table-page-search-submitButtons{
|
||||
float: none!important;
|
||||
}
|
||||
|
||||
}
|
||||
.splitting-table{
|
||||
@@ -330,4 +366,15 @@
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style lang="less">
|
||||
.splitting-search-wrapper {
|
||||
.table-page-search-submitButtons {
|
||||
/*float: none!important;*/
|
||||
|
||||
.ant-col-sm-24 {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user