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.
163 lines
3.5 KiB
163 lines
3.5 KiB
1 year ago
|
<template>
|
||
|
|
<view class="">
|
||
|
|
<uni-popup ref="popup">
|
||
|
|
<view class="uni-flex uni-column pop_detail">
|
||
|
|
<view class="uni-flex space-between u-col-center"
|
||
|
|
style="padding-bottom: 15rpx;">
|
||
|
|
<view class="text_ellipsis" v-if="number" style="font-size: 35rpx;flex: 3;">
|
||
|
|
编号:{{number}}
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="text_ellipsis" v-else style="font-size: 40rpx;">
|
||
|
|
<view class="">
|
||
|
|
{{itemCode}}
|
||
|
|
</view>
|
||
|
|
<view class="">
|
||
|
|
{{itemDesc}}
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="uni-center" style="flex: 1;">
|
||
|
|
<view v-if="jobStatus==2" class="task_state_doing">
|
||
|
|
<text>执行中</text>
|
||
|
|
</view>
|
||
|
|
<view v-if="jobStatus==1" class="task_state_un-doing">
|
||
|
|
<text>待执行</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<!-- <view class="" v-else="number">
|
||
|
|
<view class="text_ellipsis" style="font-size: 40rpx;flex: 1;">
|
||
|
|
<view class="">
|
||
|
|
{{itemCode}}
|
||
|
|
</view>
|
||
|
|
<view class="">
|
||
|
|
{{itemDesc}}
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</view> -->
|
||
|
|
|
||
|
|
</view>
|
||
|
|
<u-line></u-line>
|
||
|
|
<view class="" v-for="(item, index) in dataList">
|
||
|
|
<view class="item" v-if="(item.title!='worker')" v-show="(item.title!='date')">
|
||
|
|
<text class="item_title">{{item.title}} : </text>
|
||
|
|
<text class="text_wrap">{{item.content}} </text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<u-line></u-line>
|
||
|
|
<view v-if="isShowbottom" style="margin-top: 10rpx;margin-bottom: 10rpx;width: 100%;display: flex;"
|
||
|
|
class="uni-flex uni-row space-between u-col-center">
|
||
|
|
<view class="uni-flex uni-row u-col-center " style="flex: 1; overflow: hidden;">
|
||
|
|
<image class="card_icon_normal" src="/static/icons/icon_customer.svg" alt="" />
|
||
|
|
<text class="text_ellipsis">{{getContent("worker")}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="uni-flex uni-row u-col-center " style="flex: 3;justify-content: flex-end;overflow: hidden;">
|
||
|
|
<image class="card_icon_normal" src="/static/icons/icon_date.svg" alt="" />
|
||
|
|
<text>{{formatDate(getContent("date"))}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="uni-flex u-row-center ">
|
||
|
|
<image src="/static/icons/icons_close-circle.svg"
|
||
|
|
mode=""
|
||
|
|
class="icons_close"
|
||
|
|
@click="closeScanPopup()"
|
||
|
|
></image>
|
||
|
|
</view>
|
||
|
|
</uni-popup>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import {
|
||
|
|
dateFormat,
|
||
|
|
} from '@/common/basic.js';
|
||
|
|
export default {
|
||
|
|
|
||
|
|
mounted() {
|
||
|
|
},
|
||
|
|
|
||
|
|
props: {
|
||
|
|
title: {
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
},
|
||
|
|
dataContent: {
|
||
|
|
type: Object,
|
||
|
|
default: {}
|
||
|
|
},
|
||
|
|
|
||
|
|
number:{
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
},
|
||
|
|
jobStatus:{
|
||
|
|
type: Number,
|
||
|
|
default: -1
|
||
|
|
},
|
||
|
|
dataList:{
|
||
|
|
type: Object,
|
||
|
|
default: []
|
||
|
|
},
|
||
|
|
worker:{
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
},
|
||
|
|
date:{
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
},
|
||
|
|
itemCode:{
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
},
|
||
|
|
itemDesc:{
|
||
|
|
type: String,
|
||
|
|
default: ""
|
||
|
|
},
|
||
|
|
isShowbottom:{
|
||
|
|
type: Boolean,
|
||
|
|
default: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
openScanPopup() {
|
||
|
|
this.$refs.popup.open('center')
|
||
|
|
},
|
||
|
|
closeScanPopup() {
|
||
|
|
this.$refs.popup.close()
|
||
|
|
},
|
||
|
|
startEdit() {
|
||
|
|
this.$refs.receiptCountEdit.openScanPopup();
|
||
|
|
},
|
||
|
|
formatDate(val) {
|
||
|
|
return dateFormat(val)
|
||
|
|
},
|
||
|
|
statusColor: function(val) {
|
||
|
|
return getJobStatuDesc(val);
|
||
|
|
},
|
||
|
|
|
||
|
|
getContent(title){
|
||
|
|
let items = this.dataList.filter(r => {
|
||
|
|
if (r.title==title) {
|
||
|
|
return r;
|
||
|
|
}
|
||
|
|
})
|
||
|
|
if(items!=null&&items.length>0){
|
||
|
|
return items[0].content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
</style>
|