0
点赞
收藏
分享

微信扫一扫

前端工作总结260-参照原型调整首页

水墨_青花 2022-09-17 阅读 224

<el-card   v-if="task1.length!=0" style="width: 100%;height: 300px;">
<el-carousel :interval="3000" indicator-position="outside">
<el-carousel-item v-for="(item,index) in task1" :key="index">
<!-- <div style="display: flex;justify-content: space-between;">
<span style="float:left;margin-top: 40px;width: 86px;font-size: 16px;margin-left: 10%">等待处理</span>
<el-link type="primary" @click="ListClick" style="margin-right: 10%">查看更多>></el-link>
</div>
<div style="clear: both">
<h1 style="margin-top:10px;float:left;margin-left:32px;width: 423px;height: 26px;;font-weight: bold;font-size: 20px;margin-left: 10%">订单名称:{{item.name}}</h1>
<p style="margin-top: 20px;font-size: 21px;margin-left:32px;font-size: 16px;float: right;margin-right: 10%;">状态:{{item.status_name}}</p>
</div>
<div style="clear: both">
<p style="float:left;width: 275px;height: 21px;font-size: 14px;color: #707070;margin-left: 10%;">创建时间:{{item.created_at}}</p>
</div>
<div style="clear: both;display: flex;justify-content: space-between;">
<p style="float:left;width: 275px;height: 21px;font-size: 16px;margin-left:10%;">账号:{{item.accounts.name}}</p>
<el-button v-if="item.status_name=='待审核'" type="primary" style="width: 98px;margin-right: 10%;" @click="ListClick" >去审核</el-button>
<el-button v-if="item.status_name=='待接收'" type="primary" style="width: 98px;margin-right: 10%;" @click="ListClick" >去接收</el-button>
</div >-->
<div style="display: flex;flex-direction: column;">
<div style="display: flex;justify-content: space-between">
<p style="margin-top: 32px;width: 86px;font-size: 16px;margin-left: 10%;
color: #858585;">等待处理</p>
<el-link type="primary" @click="ListClick" style="margin-right: 10%">查看更多>></el-link>
</div>
<div style="display: flex;justify-content: space-between">
<h1 style="margin-top: 26px;width: 86px;font-size: 20px;margin-left: 10%;
color: #333333;">订单名称:{{item.name}}</h1>

<p style="margin-top: 20px;font-size: 21px;margin-left:32px;font-size: 18px;float: right;margin-right: 10%;
color: #F80606;">状态:{{item.status_name}}</p>


</div>
<div style="display: flex;justify-content: space-between">
<span style="margin-top: 14px;width: 86px;font-size: 20px;margin-left: 10%;
color: #707070;">创建时间:{{item.created_at}}</span>
<el-button v-if="item.status_name=='待审核'" type="primary" style="width: 98px;margin-right: 10%;" @click="ListClick" >去审核</el-button>
<el-button v-if="item.status_name=='待接收'" type="primary" style="width: 98px;margin-right: 10%;" @click="ListClick" >去接收</el-button>
</div>
<div style="display: flex;">
<div v-for="(account,index) in item.accounts" style="margin-top: 24px;margin-left: 10%;">
<i class="el-icon-user" style="width: 36px;height: 36px"><span style="font-size: 16px;color: #707070;">{{account.name}} </span></i>
</div>

</div>
</div>
</el-carousel-item>
</el-carousel>
</el-card>

前端工作总结260-参照原型调整首页_ide

 



举报

相关推荐

0 条评论