修改禅道已知bug

This commit is contained in:
qq787203167
2022-05-23 17:20:08 +08:00
parent 0e212adbae
commit a1e0d47009
3 changed files with 273 additions and 168 deletions
@@ -3,37 +3,46 @@
<a-card :bordered="false"> <a-card :bordered="false">
<div class="collection-search-wrapper"> <div class="collection-search-wrapper">
<div class="collection-search-header"> <div class="collection-search-header">
<a-form layout="inline" @keyup.enter.native="searchQuery(queryParams)"> <div class="table-page-search-wrapper">
<a-form-model <a-row :gutter="24">
class="collection-content"
:model="queryParams"
ref="tagEditForm"
>
<a-row :gutter="24" type="flex" justify="start">
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<a-form-model-item :label="$t('standard')"> <div class="box-title-text">
<a-input :placeholder="$t('enterNumber')" v-model="queryParams.serialNumber"></a-input> <div class="title-text" :title="$t('standard')">
</a-form-model-item> <span>{{$t('standard')}}</span>
</div>
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
v-model="queryParams.serialNumber"></a-input>
</div>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<a-form-model-item :label="$t('title')"> <div class="box-title-text">
<a-input :placeholder="$t('enterTitle')" v-model="queryParams.title"></a-input> <div class="title-text" :title="$t('title')">
</a-form-model-item> <span>{{$t('title')}}</span>
</div>
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
v-model="queryParams.title"></a-input>
</div>
</a-col> </a-col>
<a-col :md="6" :sm="8"> <a-col :md="6" :sm="8">
<a-form-model-item :label="$t('status')"> <div class="box-title-text">
<j-dict-select-tag type="list" v-model="queryParams.state" dictCode="file_type" :placeholder="$t('selectStatus')" /> <div class="title-text" :title="$t('status')">
</a-form-model-item> <span>{{$t('status')}}</span>
</a-col> </div>
<a-col :md="6" :sm="8"> <j-dict-select-tag class="box-input" v-model="queryParams.state"
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> :placeholder="$t('PleaseSelect')+$t('status')"
<a-button type="primary" @click="searchQuery" icon="search">{{$t('query')}}</a-button> :type="'select'"
<a-button @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button> :triggerChange="false" :dictCode="'state'"/>
</span> </div>
</a-col> </a-col>
<span style="float: right;overflow: hidden;margin-right: 11px"
class="table-page-search-submitButtons">
<a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
</a-col>
</span>
</a-row> </a-row>
</a-form-model> </div>
</a-form>
</div> </div>
</div> </div>
<div class="table-operator"> <div class="table-operator">
@@ -272,28 +281,64 @@
} }
} }
} }
</style> .box-title-text {
<style lang="less"> line-height: 1.4;
.collection{ display: flex;
.collection-content{ align-items: center;
.ant-form-item-control-wrapper{ margin-bottom: 10px;
min-width: 180px;
}
}
}
.collection-search-header{
.ant-form-item-control-wrapper{
min-width: 200px;
.ant-form-item{
display: flex;
}
}
.ant-col-md-6{
display: flex;
}
.table-page-search-submitButtons{
float: none!important;
}
} }
.title-text {
width: 33px;
color: #000F16;
display: inline-block;
font-weight: 500;
font-size: 14px;
margin-right: 16px;
margin-top: 3px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.box-input {
display: inline-block;
width: 100%;
height: 38px;
}
.box-button {
height: 38px;
}
</style>
<style lang="less">
/*.collection{*/
/* .collection-content{*/
/* .ant-form-item-control-wrapper{*/
/* min-width: 180px;*/
/* }*/
/* }*/
/*}*/
/*.collection-search-header{*/
/* .ant-form-item-control-wrapper{*/
/* min-width: 200px;*/
/* .ant-form-item{*/
/* display: flex;*/
/* }*/
/* }*/
/*.ant-col-md-6{*/
/* display: flex;*/
/*}*/
/*.table-page-search-submitButtons{*/
/* float: none!important;*/
/*}*/
/*}*/
.box-input .ant-select-selection__rendered {
line-height: 38px;
height: 38px;
}
.box-input .ant-select-selection--single {
height: 38px;
}
</style> </style>
@@ -1398,6 +1398,6 @@
.box-input .ant-select-selection__rendered { .box-input .ant-select-selection__rendered {
line-height: 32px; line-height: 32px;
height: 32px; height: 32px;
overflow-y: auto; /*overflow-y: auto;*/
} }
</style> </style>
@@ -3,41 +3,56 @@
<a-card :bordered="false"> <a-card :bordered="false">
<div class="subscribtion-search-wrapper"> <div class="subscribtion-search-wrapper">
<div class="subscribtion-search-header"> <div class="subscribtion-search-header">
<!-- <search :url="url" :flag="'1'"></search>--> <!-- <search :url="url" :flag="'1'"></search>-->
<a-form layout="inline" @keyup.enter.native="searchQuery"> <div class="table-page-search-wrapper">
<a-row :gutter="24"> <a-row :gutter="24">
<a-col :md="6" :sm="6"> <a-col :md="6" :sm="8">
<a-form-item :label="$t('standard')"> <div class="box-title-text">
<a-input :placeholder="$t('enterNumber')" v-model="queryParams.serialNumber"></a-input> <div class="title-text" :title="$t('standard')">
</a-form-item> <span>{{$t('standard')}}</span>
</div>
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('standard')"
v-model="queryParams.serialNumber"></a-input>
</div>
</a-col> </a-col>
<a-col :md="6" :sm="6"> <a-col :md="6" :sm="8">
<a-form-item :label="$t('title')"> <div class="box-title-text">
<a-input :placeholder="$t('enterTitle')" v-model="queryParams.title"></a-input> <div class="title-text" :title="$t('title')">
</a-form-item> <span>{{$t('title')}}</span>
</div>
<a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('title')"
v-model="queryParams.title"></a-input>
</div>
</a-col> </a-col>
<a-col :md="6" :sm="6"> <a-col :md="6" :sm="8">
<a-form-item :label="$t('status')"> <div class="box-title-text">
<j-dict-select-tag type="list" v-model="queryParams.state" dictCode="file_type" :placeholder="$t('selectStatus')" /> <div class="title-text" :title="$t('status')">
</a-form-item> <span>{{$t('status')}}</span>
</a-col> </div>
<a-col :md="6" :sm="4"> <j-dict-select-tag class="box-input" v-model="queryParams.state"
<span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> :placeholder="$t('PleaseSelect')+$t('status')"
<a-button type="primary" @click="searchQuery" icon="search">{{$t('query')}}</a-button> :type="'select'"
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{$t('reset')}}</a-button> :triggerChange="false" :dictCode="'state'"/>
</span> </div>
</a-col> </a-col>
<span style="float: right;overflow: hidden;margin-right: 11px"
class="table-page-search-submitButtons">
<a-col :md="6" :sm="24">
<a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
<a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
</a-col>
</span>
</a-row> </a-row>
</a-form> </div>
</div> </div>
</div> </div>
<div class="table-operator"> <div class="table-operator">
<div class="operator-text" @click="handleBatManage"> <div class="operator-text" @click="handleBatManage">
<a-icon type="plus" /> <a-icon type="plus"/>
{{ $t('SubscriptionManagement') }} {{ $t('SubscriptionManagement') }}
</div> </div>
<div class="operator-text" @click="handleBatCancel"> <div class="operator-text" @click="handleBatCancel">
<a-icon type="delete" /> <a-icon type="delete"/>
{{ $t('BatchCancellation') }} {{ $t('BatchCancellation') }}
</div> </div>
</div> </div>
@@ -53,13 +68,13 @@
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
> >
<span slot="serialNumber" slot-scope="text, record"> <span slot="serialNumber" slot-scope="text, record">
<a class="table-del" @click="onDetail(record)">{{record.serialNumber}}</a> <a class="table-del" @click="onDetail(record)">{{record.serialNumber}}</a>
</span> </span>
<span slot="serialtitle" slot-scope="text, record"> <span slot="serialtitle" slot-scope="text, record">
<a class="table-del" @click="onDetail(record)">{{record.title}}</a> <a class="table-del" @click="onDetail(record)">{{record.title}}</a>
</span> </span>
<span slot="action" slot-scope="text, record"> <span slot="action" slot-scope="text, record">
<a class="table-del" @click="onCancel(record)">{{$t('CancelSubscribe')}}</a> <a class="table-del" @click="onCancel(record)">{{$t('CancelSubscribe')}}</a>
</span> </span>
</a-table> </a-table>
<div class="page" v-if="tableData.length > 0"> <div class="page" v-if="tableData.length > 0">
@@ -82,196 +97,199 @@
<script> <script>
import { getAction, postAction, deleteAction, putAction } from '@/api/manage' import { getAction, postAction, deleteAction, putAction } from '@/api/manage'
import SubArea from './module/SubArea' import SubArea from './module/SubArea'
export default { export default {
name:'subscribtion', name: 'subscribtion',
components:{ components: {
SubArea, SubArea
}, },
data(){ data() {
return{ return {
selectedRowKeys:[], selectedRowKeys: [],
queryParams:{ queryParams: {
pageNo:1, pageNo: 1,
pageSize:10 pageSize: 10
}, //搜索条件 }, //搜索条件
total:0, total: 0,
//列表表头 //列表表头
columns: [ columns: [
{ {
title: this.$t('standard'), title: this.$t('standard'),
dataIndex: 'serialNumber', dataIndex: 'serialNumber',
key: 'serialNumber', key: 'serialNumber',
align: "center", align: 'center',
width: 100, width: 100,
scopedSlots: {customRender: 'serialNumber'}, scopedSlots: { customRender: 'serialNumber' },
ellipsis: true, ellipsis: true
}, },
{ {
title: this.$t('title'), title: this.$t('title'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'title', dataIndex: 'title',
scopedSlots: {customRender: 'serialtitle'}, scopedSlots: { customRender: 'serialtitle' },
ellipsis: true, ellipsis: true
}, },
{ {
title: this.$t('status'), title: this.$t('status'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'state', dataIndex: 'state',
ellipsis: true, ellipsis: true
}, },
{ {
title: this.$t('subscriptionTime'), title: this.$t('subscriptionTime'),
align: "center", align: 'center',
width: 100, width: 100,
dataIndex: 'createTime', dataIndex: 'createTime',
ellipsis: true, ellipsis: true
}, },
{ {
title: this.$t('operation'), title: this.$t('operation'),
dataIndex: 'action', dataIndex: 'action',
scopedSlots: {customRender: 'action'}, scopedSlots: { customRender: 'action' },
align: "center", align: 'center',
width: 170 width: 170
} }
], ],
tableData:[], //列表数据 tableData: [], //列表数据
visible:false, visible: false,
selecIds:[], selecIds: [],
loading:false, loading: false,
url:{ url: {
tableHeader: 'subscribe/onlCgformSubscribe/getHeader', //表格头部字段 tableHeader: 'subscribe/onlCgformSubscribe/getHeader', //表格头部字段
seachList: 'subscribe/onlCgformSubscribe/queryCondition', //搜索字段 seachList: 'subscribe/onlCgformSubscribe/queryCondition', //搜索字段
tableList: 'subscribe/onlCgformSubscribe/page', //表格数据 tableList: 'subscribe/onlCgformSubscribe/page' //表格数据
}, },
OperationList: [ OperationList: [
{ {
text: this.$t('CancelSubscribe'), text: this.$t('CancelSubscribe'),
ClickEvent: 'onCancel' ClickEvent: 'onCancel'
} }
], ]
} }
}, },
mounted() { mounted() {
this.loadData() this.loadData()
}, },
methods:{ methods: {
//获取列表数据 //获取列表数据
loadData(){ loadData() {
let params={ let params = {
...this.queryParams ...this.queryParams
} }
this.loading=true this.loading = true
postAction(`subscribe/onlCgformSubscribe/page`,params).then(res=>{ postAction(`subscribe/onlCgformSubscribe/page`, params).then(res => {
if(res.success){ if (res.success) {
this.tableData= [ ...res.result.records ] this.tableData = [...res.result.records]
this.total=res.result.total this.total = res.result.total
this.loading=false this.loading = false
} }
}) })
},//搜索 },//搜索
searchQuery(){ searchQuery() {
this.loadData() this.loadData()
}, },
//订阅领域管理 //订阅领域管理
handleBatManage(){ handleBatManage() {
this.visible=true this.visible = true
}, },
//批量取消收藏 //批量取消收藏
handleBatCancel(){ handleBatCancel() {
let params={ let params = {
ids:this.selecIds.join(',') ids: this.selecIds.join(',')
} }
if(this.selecIds&&this.selecIds.length>0){ if (this.selecIds && this.selecIds.length > 0) {
this.$confirm({ this.$confirm({
title: this.$t('confirmBulkUnsubscribe'), title: this.$t('confirmBulkUnsubscribe'),
content: '', content: '',
onOk: onOk:
async () => { async () => {
deleteAction(`subscribe/onlCgformSubscribe/deleteBatch`,params).then(res=> { deleteAction(`subscribe/onlCgformSubscribe/deleteBatch`, params).then(res => {
if(res.success){ if (res.success) {
this.$message.success(this.$t('OperationSuccessful')) this.$message.success(this.$t('OperationSuccessful'))
if(this.selecIds.length==this.tableData.length&&this.queryParams.pageNo!==1){ if (this.selecIds.length == this.tableData.length && this.queryParams.pageNo !== 1) {
this.queryParams.pageNo=this.queryParams.pageNo-1 this.queryParams.pageNo = this.queryParams.pageNo - 1
} }
this.loadData() this.loadData()
}else{ } else {
this.$message.warning(this.$t('operationFailed')) this.$message.warning(this.$t('operationFailed'))
} }
}) })
}, },
onCancel() {}, onCancel() {
}); }
}else{ })
} else {
this.$message.warning(this.$t('selectLeastOne')) this.$message.warning(this.$t('selectLeastOne'))
} }
}, },
//取消订阅 //取消订阅
onCancel(record){ onCancel(record) {
let params={ let params = {
id:record.id id: record.id
} }
this.$confirm({ this.$confirm({
title: this.$t('unsubscribeConfirm'), title: this.$t('unsubscribeConfirm'),
content: '', content: '',
onOk: onOk:
async () => { async () => {
deleteAction(`subscribe/onlCgformSubscribe/delete`,params).then(res=> { deleteAction(`subscribe/onlCgformSubscribe/delete`, params).then(res => {
if(res.success){ if (res.success) {
this.$message.success(this.$t('OperationSuccessful')) this.$message.success(this.$t('OperationSuccessful'))
if(this.tableData.length==1&&this.queryParams.pageNo!==1){ if (this.tableData.length == 1 && this.queryParams.pageNo !== 1) {
this.queryParams.pageNo=this.queryParams.pageNo-1 this.queryParams.pageNo = this.queryParams.pageNo - 1
} }
this.loadData() this.loadData()
}else{ } else {
this.$message.warning(this.$t('operationFailed')) this.$message.warning(this.$t('operationFailed'))
} }
}) })
}, },
onCancel() {}, onCancel() {
}); }
})
}, },
//清空 //清空
searchReset(){ searchReset() {
this.queryParams={ this.queryParams = {
pageNo: 1, pageNo: 1,
pageSize: 10 pageSize: 10
} }
this.loadData() this.loadData()
}, },
//点击页数 //点击页数
onChangePage(page,pageSize){ onChangePage(page, pageSize) {
this.queryParams.pageNo = page this.queryParams.pageNo = page
this.loadData() this.loadData()
}, },
//一页显示条数 //一页显示条数
SizeChange(page,pageSize){ SizeChange(page, pageSize) {
this.queryParams.pageSize = pageSize this.queryParams.pageSize = pageSize
this.queryParams.pageNo=1 this.queryParams.pageNo = 1
this.loadData() this.loadData()
}, },
//选择框 //选择框
onSelectChange(rows) { onSelectChange(rows) {
this.selectedRowKeys = rows; this.selectedRowKeys = rows
// let ids=[] // let ids=[]
// if(rows && rows.length>0){ // if(rows && rows.length>0){
// rows.forEach(item=>{ // rows.forEach(item=>{
// ids.push(item.id) // ids.push(item.id)
// }) // })
// } // }
this.selecIds=rows this.selecIds = rows
}, },
//点击编号 //点击编号
numberClick(records){ numberClick(records) {
}, },
//点击名称 //点击名称
titleClick(records){ titleClick(records) {
}, },
areaVisible(val){ areaVisible(val) {
this.visible=val this.visible = val
}, },
//跳转详情 //跳转详情
onDetail(item) { onDetail(item) {
@@ -279,9 +297,9 @@
let newUrl = this.$router.resolve({ let newUrl = this.$router.resolve({
path: '/docManage/library/detail', path: '/docManage/library/detail',
query: { query: {
id:item.documentId , id: item.documentId,
serial_number:item.serialNumber, serial_number: item.serialNumber,
title:item.title title: item.title
} }
}) })
window.open(newUrl.href, '_blank') window.open(newUrl.href, '_blank')
@@ -291,34 +309,76 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.subscribtion{
.subscribtion-search-wrapper{ .subscribtion {
margin-bottom: 20px; .subscribtion-search-wrapper {
} margin-bottom: 20px;
.page{ }
margin-top: 20px;
text-align: right; .page {
} margin-top: 20px;
text-align: right;
}
} }
.box-title-text {
line-height: 1.4;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.title-text {
width: 33px;
color: #000F16;
display: inline-block;
font-weight: 500;
font-size: 14px;
margin-right: 16px;
margin-top: 3px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.box-input {
display: inline-block;
width: 100%;
height: 38px;
}
.box-button {
height: 38px;
}
</style> </style>
<style lang="less"> <style lang="less">
.subscribtion{ .subscribtion {
.subscribtion-content{ .subscribtion-content {
.ant-form-item-control-wrapper{ .ant-form-item-control-wrapper {
min-width: 180px; min-width: 180px;
.ant-form-item{
.ant-form-item {
display: flex; display: flex;
} }
} }
} }
} }
.subscribtion-search-header{
.ant-form-item-control-wrapper{ .subscribtion-search-header {
min-width: 200px; .ant-form-item-control-wrapper {
} min-width: 200px;
.table-page-search-submitButtons{
float: none!important;
} }
/*.table-page-search-submitButtons {*/
/* float: none !important;*/
/*}*/
}
.box-input .ant-select-selection__rendered {
line-height: 38px;
height: 38px;
}
.box-input .ant-select-selection--single {
height: 38px;
} }
</style> </style>