|
|
|
@ -25,36 +25,33 @@ |
|
|
|
<span style="width:120px">单价</span> |
|
|
|
<span style="width:155px">数量</span> |
|
|
|
<span style="width:130px">交易总额</span> |
|
|
|
<span style="width:165px">交易状态</span> |
|
|
|
<span style="width:130px"></span> |
|
|
|
<span style="width:85px;text-align: right;">交易操作</span> |
|
|
|
</div> |
|
|
|
<div class="body"> |
|
|
|
<div class="order_item" v-for="(item,index) in 4" :key="index"> |
|
|
|
<div class="order_item_id" style="width:48px">1</div> |
|
|
|
<img src="../../../assets/img/header_logo.png" alt="" class="order_item_img"> |
|
|
|
<div class="order_item" v-for="(item,index) in orderList" :key="index"> |
|
|
|
<div class="order_item_id" style="width:48px">{{item.asset_id}}</div> |
|
|
|
<img :src="item.serial_img[0]" alt="" class="order_item_img"> |
|
|
|
<div class="order_item_info"> |
|
|
|
<div class="order_item_info_title"> |
|
|
|
<span>2021-07-13 18:30:25</span> |
|
|
|
<span>订单编号：15852458965124</span> |
|
|
|
<span>资产编号：GM-BZ-165254</span> |
|
|
|
<span>{{item.create_time | formatDate}}</span> |
|
|
|
<!-- <span>订单编号：15852458965124</span> --> |
|
|
|
<span>挂牌方：{{item.firm_name}}</span> |
|
|
|
<span>资产编号：{{item.serial}}</span> |
|
|
|
</div> |
|
|
|
<div class="order_item_info_content"> |
|
|
|
<div class="order_item_info_content_left"> |
|
|
|
<p>东莞市芳华沉香园林景观有限公司20棵沉香树采集权（2年）</p> |
|
|
|
<p>运费：¥ 80.00</p> |
|
|
|
<p>服务费：¥ 1,000.00</p> |
|
|
|
<p>{{item.serial_name}}</p> |
|
|
|
</div> |
|
|
|
<div class="order_item_info_content_price"> |
|
|
|
<p class="order_item_info_content_price_p">¥ 30,000.00</p> |
|
|
|
<p>¥ 10,000.00</p> |
|
|
|
<p>¥ {{item.price}}</p> |
|
|
|
</div> |
|
|
|
<div class="order_item_id">3</div> |
|
|
|
<div class="order_item_info_content_all">¥ 31,080.00</div> |
|
|
|
<div>已完成</div> |
|
|
|
<div class="order_item_id">{{item.count}}</div> |
|
|
|
<div class="order_item_info_content_all">¥ {{item.total_price}}</div> |
|
|
|
<div></div> |
|
|
|
<div class="order_item_info_content_operation"> |
|
|
|
<p>订单详情</p> |
|
|
|
<p>在线联系</p> |
|
|
|
<p>查看评价</p> |
|
|
|
<p @click="checkBuy(item.asset_id,item.count)">立即购买</p> |
|
|
|
<p @click="goDetails(item.asset_id)">资产详情</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -73,23 +70,55 @@ |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import {CollectList,checkBuy} from '../../../api/index' |
|
|
|
export default { |
|
|
|
data(){ |
|
|
|
return{ |
|
|
|
query:{ |
|
|
|
input:'', |
|
|
|
time:'', |
|
|
|
cartellino_type:'', |
|
|
|
serial_name:'', |
|
|
|
pay_time:'', |
|
|
|
username:'', |
|
|
|
page:1, |
|
|
|
limit:10, |
|
|
|
}, |
|
|
|
pageTotal:50, |
|
|
|
pageTotal:0, |
|
|
|
orderList:[] |
|
|
|
} |
|
|
|
}, |
|
|
|
created(){ |
|
|
|
this.getData() |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
checkBuy(id,count){ |
|
|
|
let data={id:id,count:count} |
|
|
|
checkBuy(data).then(res => { |
|
|
|
console.info(res) |
|
|
|
if(res.code==100){ |
|
|
|
this.$router.push({path:'/order/confirmOrder',query:{step:0,id:id,count:count}}) |
|
|
|
}else{ |
|
|
|
this.$message.error(res.msg) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
goDetails(id){ |
|
|
|
this.$router.push({path:'/AssetDetails',query:{id:id}}) |
|
|
|
}, |
|
|
|
getData(){ |
|
|
|
CollectList(this.query).then(res => { |
|
|
|
console.info(res) |
|
|
|
if(res.code==100){ |
|
|
|
this.orderList=res.data.list; |
|
|
|
this.pageTotal=res.data.count |
|
|
|
}else{ |
|
|
|
this.$message.error(res.msg) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 分页导航 |
|
|
|
handlePageChange(val) { |
|
|
|
this.$set(this.query, 'page', val); |
|
|
|
// this.getData(); |
|
|
|
this.getData(); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -226,5 +255,6 @@ export default { |
|
|
|
} |
|
|
|
.order_item_info_content_operation p{ |
|
|
|
margin-bottom: 5px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
