Blame view

pages/work/case/task.vue 2.81 KB
46b6767c   刘淇   init 提交到库
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
  <template>
  	<view class="container">
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between"><view>问题单号</view><view>{{info.problemNo}}</view></view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between"><view>道路名称</view><view>{{info.roadName}}</view></view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between"><view>养护级别</view><view>{{info.curingLevelName}}</view></view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between"><view>养护类型</view><view>{{info.maintainTypeName}}</view></view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between"><view>植物类型</view><view>{{info.plantTypeName}}</view></view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between"><view>养护组长</view><view>{{info.userName}}</view></view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between">
  				<view>紧急程度</view>
  				<view>
  					<tui-text v-if="info.pressingType == 1" type="primary" text="特急"></tui-text>
  					<tui-text v-else-if="info.pressingType == 2" type="primary" text="紧急"></tui-text>
  					<tui-text v-else-if="info.pressingType == 3" type="primary" text="一般"></tui-text>
  				</view>
  			</view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between">
  				<view>任务状态</view>
  				<view>							
  					<tui-text v-if="info.taskStatus == 1" text="处理中" type="danger"></tui-text>
  					<tui-text v-else-if="info.taskStatus == 2" text="已处理" type="primary"></tui-text>
  					<tui-text v-else-if="info.taskStatus == 3" text="已确认" type="success"></tui-text>
  					<tui-text v-else-if="info.taskStatus == 4" text="已驳回" type="danger"></tui-text>
  					<tui-text v-else-if="info.taskStatus == 5" text="已拒绝" type="danger"></tui-text>
  				</view>
  			</view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between"><view>处理人</view><view>{{info.procUserName}}</view></view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false">
  			<view class="fs-flex__between"><view>提交日期</view><view>{{info.createTime}}</view></view>
  		</tui-list-cell>
  		<tui-list-cell :hover="false" unlined>
  			<view class="fs-flex__between"><view class="basis">任务描述</view><view>{{info.taskRemark}}</view></view>
  		</tui-list-cell>
  	</view>
  </template>
  
  <script>
  import { apiTaskDetail } from '@/api/work'
  export default {
  	data() {
  		return {
  			info: {}
  		}
  	},
  	onLoad(options) {
  		this.getCaseDetail(options.id)
  	},
  	methods: {
  		// 获取任务详情
  		getCaseDetail(id) {
  			apiTaskDetail({data:{id}}).then(res => {
  				this.info = res.data
  			})
  		}
  	}
  }
  </script>
  
  <style lang="scss" scoped>
  .basis {
  	flex-basis: 180rpx;
  	flex-shrink: 0;
  }
  </style>