【类 型】:fix 1.待付款订单模块 各tabs的时间格式化 2.已发货tab的取消 送达两个按钮改为 跳转到对应飞机页面

【原  因】:显示太长ui不能自适应 观看太罗嗦
【过  程】:去掉年 和秒
【影  响】:
This commit is contained in:
tk 2024-08-07 12:57:10 +08:00
parent 2a425a826d
commit 89a7c96312
2 changed files with 26 additions and 14 deletions

View File

@ -14,8 +14,7 @@
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="medium" @click="dialogVisible = false">关闭</el-button>
<el-button size="medium" type="danger"
@click="refund">确认退款</el-button>
<el-button size="medium" type="danger" @click="refund">确认退款</el-button>
</span>
</el-dialog>
<!-- 任务tab -->
@ -28,16 +27,16 @@
订单ID{{ item.id }}
</div>
<div v-if="type == '未接单'" class="r w-70 fr p-r-15">
下单时间{{ parseTime(item.order_time) }}
付款时间{{ parseTime(item.paid_time, '{m}-{d} {h}:{i}') }}
</div>
<div v-else-if="type == '已接单'" class="r w-70 fr p-r-15">
接单时间{{ parseTime(item.received_time) }}
接单时间{{ parseTime(item.received_time, '{m}-{d} {h}:{i}') }}
</div>
<div v-else-if="type == '已发货'" class="r w-70 fr p-r-15">
发货时间{{ parseTime(item.shipped_time) }}
发货时间{{ parseTime(item.shipped_time, '{m}-{d} {h}:{i}') }}
</div>
<div v-else-if="type == '退款申请中'" class="r w-70 fr p-r-15">
申请时间{{ parseTime(item.refundapply_time) }}
申请时间{{ parseTime(item.refundapply_time, '{m}-{d} {h}:{i}') }}
</div>
</div>
</template>
@ -110,12 +109,11 @@
</el-button>
</el-button-group>
<el-button-group v-else-if="type == '已发货'">
<el-button type="danger" icon="iconfont icon-cuowu">
<font class="m-l-5">取消任务</font>
</el-button>
<el-button type="success" icon="iconfont icon-qiandai">
<font class="m-l-5">已送达</font>
</el-button>
<template v-for="plane in planes">
<el-button v-if="plane.id===item.by_plane_id" @click="handlerRouterPlane(`/planes/index/${plane.id}/${plane.name}`)" type="primary" icon="iconfont icon-wurenji">
<font class="m-l-5">{{ plane.name }}</font>
</el-button>
</template>
</el-button-group>
</el-descriptions-item>
</el-descriptions>
@ -160,10 +158,25 @@ export default {
}
},
computed: {
planes () {
const planes = this.$store.state.airList
if (planes.length > 0) {
return planes
}
return []
}
},
methods: {
parseTime, //
questAss, //
/**
* 跳转到执行飞机的控制页面
* @param path 飞机控制页面路由
*/
handlerRouterPlane (path) {
this.$router.push(`/planes/index/${path}`)
this.$emit('close-drawer')
},
/**
* 封装退款函数 同步后续操作
*/
@ -275,7 +288,6 @@ export default {
}
},
created () {
console.log(this.list)
}
}
</script>

View File

@ -112,7 +112,7 @@
>
</el-badge>
</template>
<QuestTabs :list="shippedList" type = "已发货"/>
<QuestTabs :list="shippedList" type = "已发货" @close-drawer="drawer = false"/>
</el-tab-pane>
<el-tab-pane>
<template slot="label">