You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
1.8 KiB
95 lines
1.8 KiB
<template>
|
|
<view class="task_top">
|
|
<view class="uni-flex space-between u-col-center align-center" style="margin-bottom: 10rpx;">
|
|
<view class="task_number left">
|
|
<text> {{mDate}} </text>
|
|
<view class="time"> {{dataContent.deliNo}} </view>
|
|
</view>
|
|
<view class="task_number">
|
|
<text> {{mTime}} </text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import jobNumber from '@/mycomponents/job/jobNumber.vue'
|
|
import jobPlanNumber from '@/mycomponents/job/jobPlanNumber.vue'
|
|
import jobStatus from '@/mycomponents/job/jobStatus.vue'
|
|
import {
|
|
dateFormat,
|
|
|
|
} from '@/common/basic.js';
|
|
export default {
|
|
components: {
|
|
jobNumber,
|
|
jobPlanNumber,
|
|
jobStatus
|
|
},
|
|
data() {
|
|
return {
|
|
};
|
|
},
|
|
watch: {},
|
|
|
|
props: {
|
|
dataContent: {
|
|
type: Object,
|
|
default: {}
|
|
},
|
|
isShowPlanNumber: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
},
|
|
computed: {
|
|
mDate() {
|
|
console.log('this.dataContent.day',this.dataContent.day)
|
|
if(!this.dataContent.day){
|
|
return ''
|
|
}
|
|
let date = dateFormat(this.dataContent.day)
|
|
let dateArr = date.split(' ')[0].split('-')
|
|
return `${dateArr[1]}-${dateArr[2]}`
|
|
},
|
|
mTime() {
|
|
console.log('this.dataContent.day',this.dataContent.day)
|
|
if(!this.dataContent.day){
|
|
return ''
|
|
}
|
|
let date = dateFormat(this.dataContent.day)
|
|
let dateArr = date.split(' ')[1].split(':')
|
|
return `${dateArr[0]}:${dateArr[1]}`
|
|
}
|
|
},
|
|
methods: {
|
|
openDetail(item) {
|
|
this.$emit("openDetail", this.dataContent);
|
|
},
|
|
formatDate(val) {
|
|
let date = dateFormat(val)
|
|
date.split(' ')
|
|
|
|
return dateFormat(val)
|
|
},
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.left{
|
|
display: flex;
|
|
|
|
.time{
|
|
margin-left: 10rpx;
|
|
text-align: center;
|
|
background-color: #DA8910;
|
|
min-width: 40rpx;
|
|
height: 40rpx;
|
|
border-radius: 50%;
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|