|
|
|
@ -1,46 +1,94 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="seach"> |
|
|
|
<div class="seach_item"> |
|
|
|
<span>挂牌代码</span> |
|
|
|
<el-input v-model="query.cartellino_id" placeholder="请输入挂牌代码" class="seach_input"></el-input> |
|
|
|
<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="seach_item"> |
|
|
|
<span>标的挂牌类型</span> |
|
|
|
<el-select v-model="query.cartellino_type" placeholder="全部" class="seach_input"> |
|
|
|
<el-option key="1" label="全部" value="全部"></el-option> |
|
|
|
<el-option key="2" label="协议" value="协议"></el-option> |
|
|
|
<el-option key="3" label="拍卖" value="拍卖"></el-option> |
|
|
|
<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="seach_item"> |
|
|
|
<span>标的资产类型</span> |
|
|
|
<el-input v-model="query.cartellino_type" placeholder="请输入资产类型关键字" class="seach_input"></el-input> |
|
|
|
<div class="seach1_item"> |
|
|
|
<span>挂牌方名称</span> |
|
|
|
<el-input |
|
|
|
class="seach1_select" |
|
|
|
placeholder="请输入挂牌方关键字" |
|
|
|
v-model="query.sell_name"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
<div class="seach_item"> |
|
|
|
<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 v-model="query.asset_name" placeholder="请输入标的名称关键字" class="seach_input"></el-input> |
|
|
|
<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> |
|
|
|
|
|
|
|
<el-dropdown trigger="click"> |
|
|
|
<span class="el-dropdown-link"> |
|
|
|
排序<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
</span> |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-item>黄金糕</el-dropdown-item> |
|
|
|
<el-dropdown-item>狮子头</el-dropdown-item> |
|
|
|
<el-dropdown-item>螺蛳粉</el-dropdown-item> |
|
|
|
<el-dropdown-item disabled>双皮奶</el-dropdown-item> |
|
|
|
<el-dropdown-item divided>蚵仔煎</el-dropdown-item> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="tabs"> |
|
|
|
<el-table |
|
|
|
:data="listData" |
|
|
|
header-cell-class-name="theader" |
|
|
|
:header-cell-style="{background:'#F8E6E6 !important',color:'#C94C4C',height:'60px',fontSize:'14px'}" |
|
|
|
:header-cell-style="{background:'#F3F3F3 !important',color:'#333333',height:'60px',fontSize:'14px'}" |
|
|
|
style="width: 100%"> |
|
|
|
<el-table-column |
|
|
|
prop="asset_id" |
|
|
|
@ -111,7 +159,7 @@ export default { |
|
|
|
query:{ |
|
|
|
page:1, |
|
|
|
limit:10, |
|
|
|
sort:'', |
|
|
|
sort:1, |
|
|
|
create_time:'', |
|
|
|
min_price:'', |
|
|
|
max_price:'', |
|
|
|
@ -130,7 +178,7 @@ export default { |
|
|
|
methods:{ |
|
|
|
//时间戳转换时间 |
|
|
|
formatDate(row,colnum){ |
|
|
|
return moment(row.create_time*1000).format('YYYY-MM-DD HH:mm:ss') |
|
|
|
return moment(row[colnum.property]*1000).format('YYYY-MM-DD HH:mm:ss') |
|
|
|
}, |
|
|
|
getData(){ |
|
|
|
delist(this.query).then(res => { |
|
|
|
@ -153,29 +201,53 @@ export default { |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.seach{ |
|
|
|
display: flex; |
|
|
|
background-color: #FDF8F8; |
|
|
|
border: 1px solid #E9B7B7; |
|
|
|
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; |
|
|
|
margin-top: 30px; |
|
|
|
padding: 0 15px; |
|
|
|
justify-content: space-between; |
|
|
|
background: #F2F2F2; |
|
|
|
border: 1px solid #D7D7D7; |
|
|
|
box-sizing: border-box; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.seach_item{ |
|
|
|
.seach1:last-child{ |
|
|
|
border-top: none; |
|
|
|
} |
|
|
|
.seach1_item{ |
|
|
|
padding: 0 20px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
border-right: 1px solid #D7D7D7; |
|
|
|
font-size: 12px; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
.seach_input{ |
|
|
|
width: 170px; |
|
|
|
border: 1px solid #E9B7B7; |
|
|
|
margin-left: 15px; |
|
|
|
.seach1_item_span{ |
|
|
|
color: #C94C4C; |
|
|
|
} |
|
|
|
.seach1_item:last-child{ |
|
|
|
border-right: none; |
|
|
|
} |
|
|
|
.seach_input>>>.el-input__inner{ |
|
|
|
border: none; |
|
|
|
padding-left: 5px; |
|
|
|
.select_city{ |
|
|
|
margin: 0 15px; |
|
|
|
} |
|
|
|
.el-dropdown-link{ |
|
|
|
color: #EAB1B1; |
|
|
|
|
