15 changed files with 597 additions and 59 deletions
@ -0,0 +1,272 @@ |
|||||
|
<template> |
||||
|
<div class="body"> |
||||
|
<div class="seach"> |
||||
|
<div class="seach1"> |
||||
|
<div class="seach1_item"> |
||||
|
<span> |
||||
|
全部资产 （ |
||||
|
<span class="seach1_item_span">{{pageTotal}}</span> |
||||
|
） |
||||
|
</span> |
||||
|
</div> |
||||
|
<div class="seach1_item"> |
||||
|
<el-select v-model="query.sort" @change="getData"> |
||||
|
<el-option :key="0" label="资产价格升序" :value="1"></el-option> |
||||
|
<el-option :key="1" label="资产价格降序" :value="2"></el-option> |
||||
|
<el-option :key="2" label="挂牌时间升序" :value="3"></el-option> |
||||
|
<el-option :key="3" label="挂牌时间降序" :value="4"></el-option> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
<div class="seach1_item"> |
||||
|
<el-date-picker |
||||
|
v-model="query.create_time" |
||||
|
type="date" |
||||
|
placeholder="选择日期" |
||||
|
format="yyyy 年 MM 月 dd 日" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
@change="getData"> |
||||
|
</el-date-picker> |
||||
|
</div> |
||||
|
<div class="seach1_item"> |
||||
|
<span>价格</span> |
||||
|
<el-input |
||||
|
class="seach_input" |
||||
|
v-model="query.min_price"> |
||||
|
<span slot="prefix" class="el-input__icon ">￥</span> |
||||
|
</el-input> |
||||
|
<span>-</span> |
||||
|
<el-input |
||||
|
class="seach_input" |
||||
|
v-model="query.max_price"> |
||||
|
<span slot="prefix" class="el-input__icon ">￥</span> |
||||
|
</el-input> |
||||
|
<button @click="getData" class="seach_button">确定</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="seach1"> |
||||
|
<div class="seach1_item"> |
||||
|
<span>挂牌类型</span> |
||||
|
<el-select v-model="query.cartellino_type" @change="getData" class="seach1_select"> |
||||
|
<el-option :key="0" label="全部" value=""></el-option> |
||||
|
<el-option :key="1" label="协议" :value="1"></el-option> |
||||
|
<el-option :key="2" label="拍卖" :value="2"></el-option> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
<div class="seach1_item"> |
||||
|
<span>挂牌方名称</span> |
||||
|
<el-input |
||||
|
class="seach1_select" |
||||
|
placeholder="请输入挂牌方关键字" |
||||
|
v-model="query.sell_name"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
<div class="seach1_item"> |
||||
|
<span>挂牌编号</span> |
||||
|
<el-input |
||||
|
class="seach1_select" |
||||
|
placeholder="请输入挂牌编号" |
||||
|
v-model="query.cartellino_id"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
<div class="seach1_item"> |
||||
|
<span>标的名称</span> |
||||
|
<el-input |
||||
|
class="seach1_select" |
||||
|
placeholder="请输入标的名称关键字" |
||||
|
v-model="query.asset_name"> |
||||
|
</el-input> |
||||
|
</div> |
||||
|
<div class="seach1_item"> |
||||
|
<button @click="getData" class="seach_button">确定</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="tabs"> |
||||
|
<el-table |
||||
|
:data="listData" |
||||
|
header-cell-class-name="theader" |
||||
|
:header-cell-style="{background:'#F3F3F3 !important',color:'#333333',height:'60px',fontSize:'14px'}" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
prop="asset_id" |
||||
|
align="center" |
||||
|
label="挂牌代码"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="firm_name" |
||||
|
align="center" |
||||
|
label="托管方名称"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="serial_name" |
||||
|
align="center" |
||||
|
label="标的名称"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="username" |
||||
|
align="center" |
||||
|
label="购买方名称"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="pay_mode" |
||||
|
align="center" |
||||
|
label="挂牌类型"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{scope.row.pay_mode==1?'协议':'拍卖'}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="total_price" |
||||
|
align="center" |
||||
|
label="交易总额"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="create_time" |
||||
|
align="center" |
||||
|
:formatter="formatDate" |
||||
|
label="挂牌日期"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="confirm_delivery_time" |
||||
|
:formatter="formatDate" |
||||
|
align="center" |
||||
|
label="成交日期"> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
<div class="pagination"> |
||||
|
<el-pagination |
||||
|
background |
||||
|
layout="total, prev, pager, next" |
||||
|
:current-page="query.page" |
||||
|
:page-size="query.limit" |
||||
|
:total="pageTotal" |
||||
|
@current-change="handlePageChange" |
||||
|
></el-pagination> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import {delist} from '../../api/index' |
||||
|
import moment from 'moment' |
||||
|
export default { |
||||
|
data(){ |
||||
|
return{ |
||||
|
query:{ |
||||
|
page:1, |
||||
|
limit:10, |
||||
|
sort:1, |
||||
|
create_time:'', |
||||
|
min_price:'', |
||||
|
max_price:'', |
||||
|
cartellino_type:'', |
||||
|
sell_name:'', |
||||
|
cartellino_id:'', |
||||
|
asset_name:'', |
||||
|
}, |
||||
|
pageTotal:0, |
||||
|
listData:[] |
||||
|
} |
||||
|
}, |
||||
|
created(){ |
||||
|
this.getData() |
||||
|
}, |
||||
|
methods:{ |
||||
|
//时间戳转换时间 |
||||
|
formatDate(row,colnum){ |
||||
|
return moment(row[colnum.property]*1000).format('YYYY-MM-DD HH:mm:ss') |
||||
|
}, |
||||
|
getData(){ |
||||
|
delist(this.query).then(res => { |
||||
|
console.info(res) |
||||
|
if(res.code==100){ |
||||
|
this.listData=res.data.list; |
||||
|
this.pageTotal=res.data.count |
||||
|
}else{ |
||||
|
this.$message.error(res.msg) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 分页导航 |
||||
|
handlePageChange(val) { |
||||
|
this.$set(this.query, 'page', val); |
||||
|
this.getData(); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style scoped> |
||||
|
.body{ |
||||
|
width: 1200px; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
.seach{ |
||||
|
margin: 20px 0; |
||||
|
} |
||||
|
.seach1_select{ |
||||
|
margin-left: 10px; |
||||
|
width: 170px; |
||||
|
} |
||||
|
.seach_button{ |
||||
|
width: 60px; |
||||
|
height: 30px; |
||||
|
font-size: 12px; |
||||
|
color: #333333; |
||||
|
background-color: transparent; |
||||
|
border:1px solid #D7D7D7; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.seach_input{ |
||||
|
width: 100px; |
||||
|
margin: 0 15px; |
||||
|
} |
||||
|
.seach1{ |
||||
|
width: 100%; |
||||
|
height: 50px; |
||||
|
background: #F2F2F2; |
||||
|
border: 1px solid #D7D7D7; |
||||
|
box-sizing: border-box; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.seach1:last-child{ |
||||
|
border-top: none; |
||||
|
} |
||||
|
.seach1_item{ |
||||
|
padding: 0 20px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
border-right: 1px solid #D7D7D7; |
||||
|
font-size: 12px; |
||||
|
height: 100%; |
||||
|
} |
||||
|
.seach1_item_span{ |
||||
|
color: #C94C4C; |
||||
|
} |
||||
|
.seach1_item:last-child{ |
||||
|
border-right: none; |
||||
|
} |
||||
|
.select_city{ |
||||
|
margin: 0 15px; |
||||
|
} |
||||
|
.el-dropdown-link{ |
||||
|
color: #EAB1B1; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
.tabs{ |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
.tabs>>> .el-table tr{ |
||||
|
border:1px solid #E9B7B7 !important |
||||
|
} |
||||
|
.tabs>>>.el-table td, .el-table th.is-leaf{ |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
.tabs>>>.el-table::before{ |
||||
|
height: 0; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue