[update] 个人中心所有模块

This commit is contained in:
lideqin
2023-09-14 11:16:33 +08:00
parent 4218865da8
commit bdb9e0d18c
10 changed files with 622 additions and 1854 deletions
@@ -0,0 +1,124 @@
<template>
<a-card :bordered="false">
<!-- 搜索区域 -->
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
<a-col :span="6">
<a-form-item :label="$t('personalCenter.receivedShare.pushSearch')" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input :placeholder="$t('personalCenter.receivedShare.enterPushInfo')" v-model="queryParam.transmitSearch"></a-input>
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :label="$t('personalCenter.receivedShare.owningPlate')" :labelCol="labelCol" :wrapperCol="wrapperCol">
<j-dict-select-tag
:placeholder="$t('pleaseEnter')+$t('personalCenter.receivedShare.owningPlate')"
dict-code="inspect_status"
v-model="queryParam.owningPlate">
</j-dict-select-tag>
</a-form-item>
</a-col>
<div style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
<a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 8px" v-has="'enterpriseStandardLibrary:check:search'">{{ $t('query') }}</a-button>
<a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">{{ $t('reset') }}</a-button>
</div>
</a-row>
</a-form>
</div>
<!-- 操作区域 -->
<div class="table-operator">
<!-- 批量删除 -->
<a-button icon="delete" type="primary" ghost @click="batchDel">
{{ $t('batchDelete') }}
</a-button>
</div>
<div>
<j-table
:can-drag="true"
:scroll="{x: '100%'}"
ref="table"
size="middle"
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
@change="handleTableChange">
<!-- 接收时间,单独写出来是解决会有滚动条的问题 -->
<template slot="receiptTime" slot-scope="{text, record}">
<a-tooltip overlay-class-name="tooltip-style">
<template slot="title">{{ record.receiptTime || record.receiptTime === 0 ? record.receiptTime : global.emptyLine }}</template>
<div class="table-text">{{ record.receiptTime || record.receiptTime === 0 ? record.receiptTime : global.emptyLine }}</div>
</a-tooltip>
</template>
</j-table>
</div>
</a-card>
</template>
<script>
import '@assets/less/common.less'
import JTable from '@/components/jero/JTable'
import { JeroListMixin } from '@/mixins/JeroListMixin'
export default {
name: 'ReceivedShare',
components: { JTable },
mixins: [JeroListMixin],
data () {
return {
labelCol: {
span: 4
},
wrapperCol: {
span: 14
},
columns: [
{
title: this.$t('personalCenter.receivedShare.owningPlate'),
align: 'center',
width: 180,
dataIndex: 'owningPlate',
scopedSlots: { customRender: 'text' }
},
{
title: this.$t('personalCenter.receivedShare.title'),
align: 'center',
width: 180,
dataIndex: 'title',
scopedSlots: { customRender: 'text' }
},
{
title: this.$t('personalCenter.receivedShare.forwarder'),
align: 'center',
width: 180,
dataIndex: 'forwarder',
scopedSlots: { customRender: 'text' }
},
{
title: this.$t('personalCenter.receivedShare.receiptTime'),
align: 'center',
width: 180,
dataIndex: 'receiptTime',
scopedSlots: { customRender: 'text' }
}
],
url: {
list: '',
deleteBatch: ''
}
}
}
}
</script>
<style scoped>
</style>