|
|
@ -3,25 +3,60 @@ |
|
|
<div class="header"> |
|
|
<div class="header"> |
|
|
<span v-for="(item,index) in headerList" :key="index" :class="header_active==index ? 'header_active':''" @click="changeSelect(index,item.type)">{{item.name}}</span> |
|
|
<span v-for="(item,index) in headerList" :key="index" :class="header_active==index ? 'header_active':''" @click="changeSelect(index,item.type)">{{item.name}}</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="seach"> |
|
|
<div class="seach"> |
|
|
<div class="seach_item"> |
|
|
<div class="seach1"> |
|
|
<el-input v-model="query.cartellino_type" placeholder="请输入资产名称/资产编号或托管方名称" class="seach_input" suffix-icon="el-icon-search"></el-input> |
|
|
<div class="seach1_item"> |
|
|
</div> |
|
|
<span>订单类型</span> |
|
|
<div class="seach_item"> |
|
|
<el-select v-model="query.cartellino_type" @change="getData" class="seach1_select"> |
|
|
<el-date-picker |
|
|
<el-option :key="0" label="全部" value=""></el-option> |
|
|
v-model="query.create_time" |
|
|
<el-option :key="1" label="资产交易" :value="1"></el-option> |
|
|
class="seach_input1" |
|
|
<el-option :key="2" label="资产评估报告" :value="2"></el-option> |
|
|
type="date" |
|
|
</el-select> |
|
|
placeholder="选择日期"> |
|
|
</div> |
|
|
</el-date-picker> |
|
|
<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-date-picker |
|
|
|
|
|
v-model="query.create_time" |
|
|
|
|
|
type="date" |
|
|
|
|
|
placeholder="选择日期" |
|
|
|
|
|
class="seach1_select1" |
|
|
|
|
|
format="yyyy 年 MM 月 dd 日" |
|
|
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
|
|
@change="getData"> |
|
|
|
|
|
</el-date-picker> |
|
|
|
|
|
</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="seach_item"> |
|
|
<div class="body_header"> |
|
|
<span class="el-dropdown-link"> |
|
|
<span style="width:48px">序号</span> |
|
|
展开更多筛选条件 |
|
|
<span style="width:485px">资产</span> |
|
|
<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
<span style="width:100px">单价</span> |
|
|
</span> |
|
|
<span style="width:140px">数量</span> |
|
|
|
|
|
<span style="width:160px">交易总额</span> |
|
|
|
|
|
<span style="width:170px">交易状态</span> |
|
|
|
|
|
<span style="width:75px;text-align: right;">交易操作</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="body"> |
|
|
<div class="body"> |
|
|
<div class="order_item" v-for="(item,index) in orderList" :key="index"> |
|
|
<div class="order_item" v-for="(item,index) in orderList" :key="index"> |
|
|
<div class="order_item_id">{{item.id}}</div> |
|
|
<div class="order_item_id">{{item.id}}</div> |
|
|
@ -40,11 +75,11 @@ |
|
|
<p>印花税：¥ {{item.printing_tax}}</p> |
|
|
<p>印花税：¥ {{item.printing_tax}}</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="order_item_info_content_price"> |
|
|
<div class="order_item_info_content_price"> |
|
|
<p>单价：¥ {{item.price}}</p> |
|
|
<p>¥ {{item.price}}</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="order_item_id">数量：{{item.count}}</div> |
|
|
<div class="order_item_id">{{item.count}}</div> |
|
|
<div class="order_item_info_content_all">交易总额：¥ {{item.total_price}}</div> |
|
|
<div class="order_item_info_content_all">交易总额：¥ {{item.total_price}}</div> |
|
|
<div>交易状态： |
|
|
<div> |
|
|
<span v-if="item.status==0">待支付</span> |
|
|
<span v-if="item.status==0">待支付</span> |
|
|
<span v-else-if="item.status==1">待审核付款</span> |
|
|
<span v-else-if="item.status==1">待审核付款</span> |
|
|
<span v-else-if="item.status==2">待上传签约合同</span> |
|
|
<span v-else-if="item.status==2">待上传签约合同</span> |
|
|
@ -135,7 +170,10 @@ export default { |
|
|
this.query.order_status=type |
|
|
this.query.order_status=type |
|
|
this.getData() |
|
|
this.getData() |
|
|
}, |
|
|
}, |
|
|
getData(){ |
|
|
getData(type){ |
|
|
|
|
|
if (type==1) { |
|
|
|
|
|
// this.query.create_time=this.query.create_time/1000 |
|
|
|
|
|
} |
|
|
buyer_order_list(this.query).then(res => { |
|
|
buyer_order_list(this.query).then(res => { |
|
|
console.info(res) |
|
|
console.info(res) |
|
|
if(res.code==100){ |
|
|
if(res.code==100){ |
|
|
@ -155,6 +193,25 @@ export default { |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<style scoped> |
|
|
<style scoped> |
|
|
|
|
|
.seach1_select1{ |
|
|
|
|
|
margin-left: 10px; |
|
|
|
|
|
} |
|
|
|
|
|
.body_header{ |
|
|
|
|
|
background: #F2F2F2; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
border: 1px solid #D7D7D7; |
|
|
|
|
|
border-top: none; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
color: #333333; |
|
|
|
|
|
height: 50px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
} |
|
|
|
|
|
.body_header span{ |
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
} |
|
|
.header{ |
|
|
.header{ |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
} |
|
|
} |
|
|
@ -175,33 +232,49 @@ export default { |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
} |
|
|
} |
|
|
.seach{ |
|
|
.seach{ |
|
|
display: flex; |
|
|
margin: 20px 0; |
|
|
background-color: #FDF8F8; |
|
|
} |
|
|
border: 1px solid #E9B7B7; |
|
|
.seach1_select{ |
|
|
height: 50px; |
|
|
margin-left: 10px; |
|
|
margin-top: 30px; |
|
|
width: 170px; |
|
|
align-items: center; |
|
|
} |
|
|
|
|
|
.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; |
|
|
} |
|
|
} |
|
|
.seach_item{ |
|
|
.seach1{ |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 50px; |
|
|
|
|
|
background: #F2F2F2; |
|
|
|
|
|
border: 1px solid #D7D7D7; |
|
|
|
|
|
box-sizing: border-box; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
font-size: 14px; |
|
|
|
|
|
margin-left: 20px; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
.seach_input{ |
|
|
.seach1:last-child{ |
|
|
width: 260px; |
|
|
border-top: none; |
|
|
border: 1px solid #E9B7B7; |
|
|
|
|
|
} |
|
|
} |
|
|
.seach_input1{ |
|
|
.seach1_item{ |
|
|
border: 1px solid #E9B7B7; |
|
|
padding: 0 15px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
height: 100%; |
|
|
} |
|
|
} |
|
|
.seach_input1>>>.el-input__inner{ |
|
|
.seach1_item_span{ |
|
|
border: none; |
|
|
color: #C94C4C; |
|
|
} |
|
|
} |
|
|
.seach_input>>>.el-input__inner{ |
|
|
.select_city{ |
|
|
border: none; |
|
|
margin: 0 15px; |
|
|
padding-left: 5px; |
|
|
|
|
|
} |
|
|
} |
|
|
.el-dropdown-link{ |
|
|
.el-dropdown-link{ |
|
|
color: #EAB1B1; |
|
|
color: #EAB1B1; |
|
|
@ -218,7 +291,7 @@ export default { |
|
|
padding: 15px 0; |
|
|
padding: 15px 0; |
|
|
} |
|
|
} |
|
|
.order_item:nth-child(2n+2){ |
|
|
.order_item:nth-child(2n+2){ |
|
|
background-color: #FDF8F8; |
|
|
background-color: #F2F2F2; |
|
|
} |
|
|
} |
|
|
.order_item_id{ |
|
|
.order_item_id{ |
|
|
padding: 0 15px; |
|
|
padding: 0 15px; |
|
|
@ -244,6 +317,8 @@ export default { |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
margin-top: 5px; |
|
|
margin-top: 5px; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
|
|
|
padding-right: 15px; |
|
|
|
|
|
box-sizing: border-box; |
|
|
} |
|
|
} |
|
|
.order_item_info_content_left p{ |
|
|
.order_item_info_content_left p{ |
|
|
width: 300px; |
|
|
width: 300px; |
|
|
|
