127 lines
2.3 KiB
Vue
127 lines
2.3 KiB
Vue
|
<template>
|
|||
|
|
<view class="orderCard">
|
|||
|
|
<view class="title">
|
|||
|
|
{{ order.carNo }} 的配件申请
|
|||
|
|
</view>
|
|||
|
|
<view class="desc">
|
|||
|
|
申请时间：{{order.createTime}}
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<view class="message red">
|
|||
|
|
<view class="remark">
|
|||
|
|
原因：{{ order.remark }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<image class="stateImg" src="@/static/images/nothing.png" ></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
getUserInfo,
|
|||
|
|
getStrData
|
|||
|
|
} from '@/utils/auth';
|
|||
|
|
import request from '@/utils/request';
|
|||
|
|
export default {
|
|||
|
|
name: "orderCard",
|
|||
|
|
props: {
|
|||
|
|
order: {
|
|||
|
|
type: Object,
|
|||
|
|
default: () => {
|
|||
|
|
return {}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted(){
|
|||
|
|
let userInfo = getUserInfo()
|
|||
|
|
if(userInfo.roleCodes.includes("service_advisor") || userInfo.roleCodes.includes("general_inspection") || (userInfo.roleCodes.includes("repair_staff") && getStrData("ifLeader"))){
|
|||
|
|
//服务顾问、总检、维修班组长可以派工
|
|||
|
|
this.roleCanPg = true
|
|||
|
|
}
|
|||
|
|
if(userInfo.roleCodes.includes("service_advisor")){
|
|||
|
|
//服务顾问可以告知取车
|
|||
|
|
this.roleCanQc = true
|
|||
|
|
}
|
|||
|
|
if(userInfo.roleCodes.includes("repair_staff") && this.order.nowRepairId==userInfo.id){
|
|||
|
|
//维修工角色,并且指派处理的人就是当前用户可以接单
|
|||
|
|
this.roleCanJd = true
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(){
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
getFlagColor(flag) {
|
|||
|
|
if (flag == 1) {
|
|||
|
|
return '#E8A321'
|
|||
|
|
} else if (flag === 2) {
|
|||
|
|
return '#999'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="less" scoped>
|
|||
|
|
.message{
|
|||
|
|
padding: 2px 0;
|
|||
|
|
font-size: 15px;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
.icon{
|
|||
|
|
width: 28rpx;
|
|||
|
|
height: 28rpx;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
.goto{
|
|||
|
|
font-size: 30px;
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.red{
|
|||
|
|
background: #FFEFEF;
|
|||
|
|
color: #F92C2C;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.orderCard {
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|||
|
|
padding: 10px;
|
|||
|
|
margin: 10px 0;
|
|||
|
|
position: relative;
|
|||
|
|
.title {
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: #333333;
|
|||
|
|
margin-left: 5px;
|
|||
|
|
}
|
|||
|
|
.desc{
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #858BA0
|
|||
|
|
}
|
|||
|
|
.remark{
|
|||
|
|
margin: 8px;
|
|||
|
|
}
|
|||
|
|
.stateImg{
|
|||
|
|
width: 50px;
|
|||
|
|
height: 50px;
|
|||
|
|
display: block;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
position: absolute;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</style>
|