Blame view

pages/work/daily/history.vue 4.12 KB
46b6767c   刘淇   init 提交到库
1
2
  <template>
  	<view class="container">
d8fce1e2   刘淇   页面onShow 加载
3
  		<z-paging ref="paging" v-model="dataList" @query="queryList"  :auto="false">
46b6767c   刘淇   init 提交到库
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
  		<template #top>
  			<tui-tabs :tabs="tabsList" :currentTab="currentTab" :height="90" :padding="10" bold :scale="1.1" @change="change"></tui-tabs>
  		</template>
  		<view class="ul fs-p20">
  			<view class="li fs-bg__white fs-p30 fs-size__h4 fs-radius__sm fs-mt20" v-for="(item, index) in dataList">
  				<view @click="toDetails(item.problemNo)">
  					<view class="fs-flex__between">
  						<view>问题单号:{{item.problemNo}}</view>
  						<view>紧急程度:
  							<tui-text v-if="item.pressingType == 1" type="primary" text="特急"></tui-text>
  							<tui-text v-else-if="item.pressingType == 2" type="primary" text="紧急"></tui-text>
  							<tui-text v-else-if="item.pressingType == 3" type="primary" text="一般"></tui-text>
  						</view>
  					</view>
  					<view class="fs-flex__between fs-mt16"> 
  						<view>
  							指派状态:
  							<tui-text v-if="item.distributeStatus == 2" text="已指派" type="success"></tui-text>
  							<tui-text v-else text="待指派" type="danger"></tui-text>
  						</view>
  						<view>
  							领导确认:
  							<tui-text v-if="item.leaderConfrimStatus == 1" text="待确认" type="warning"></tui-text>
  							<tui-text v-else-if="item.leaderConfrimStatus == 2" text="已确认" type="success"></tui-text>
  							<tui-text v-else-if="item.leaderConfrimStatus == 3" text="已拒绝" type="danger"></tui-text>
  						</view>
  					</view>
  					<view class="fs-mt16">道路名称:{{item.roadName}}</view>
  					<view class="fs-mt16 fs-ellipsis__2">问题描述:{{item.remark}}</view>
  					<view class="fs-mt16">提交日期:{{item.createTime}}</view>
  				</view>
  				<view class="fs-mt16 fs-align__right">
  					<tui-tag type="primary" padding="12rpx 30rpx" shape="circle" plain @click="toStep(item.problemNo)">处理进度</tui-tag>
  					<block v-if="item.leaderConfrimStatus == 2">
  						<tui-tag type="primary" padding="12rpx 30rpx" shape="circle" plain margin="0 0 0 20rpx" @click="toCase(item.problemNo)">处理详情</tui-tag>
  						<tui-tag v-if="item.userConfrimStatus == 1" type="green" padding="12rpx 30rpx" shape="circle" plain margin="0 0 0 20rpx" @click="openModal(item.problemNo)">确认</tui-tag>
  					</block>
  				</view>
  			</view>
  		</view>
  		</z-paging>
  		<tui-modal :show="showModal" @click="confirm" @cancel="hideModal" content="您确定要完成吗?"></tui-modal>
  	</view>
  </template>
  
  <script>
  import { apiCaseRecord, apiCaseconfirm } from '@/api/work'
  export default {
  	data() {
  		return {
  			tabsList: [
  				{name: "全部", sign: ""},
  				{name: "待确认", sign: 1},
  				{name: "已确认", sign: 2},
  				{name: "已驳回", sign: 3}
  			],
  			currentTab: 0,
  			dataList: [],
  			showModal: false,
  			problemNo: ''
  		}
  	},
  	onLoad() {
  
  	},
d8fce1e2   刘淇   页面onShow 加载
69
70
71
72
73
    onShow(){
      if (this.$refs.paging) {
        this.$refs.paging.refresh() // 重置到第一页并触发query事件
      }
    },
46b6767c   刘淇   init 提交到库
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
  	methods: {
  		// 获取记录列表
  		queryList(pageNo, pageSize) {
  			const params = {
  				pageReq: {isAsc: 'desc', orderByColumn: 'id', pageNum: pageNo, pageSize: pageSize},
  				userConfrimStatus: this.tabsList[this.currentTab].sign
  			}
  			apiCaseRecord({data:params}).then(res => {
  				this.$refs.paging.complete(res.rows)
  			})
  		},
  		// 切换菜单
  		change(e) {
  			this.currentTab = e.index
  			this.$refs.paging.reload()
  		},
  		// 打开确认
  		openModal(problemNo) {
  			this.problemNo = problemNo
  			this.showModal = true
  		},
  		// 取消确认
  		hideModal() {
  			this.showModal = false
  		},
  		// 确认提交
  		confirm(e) {
  			this.hideModal()
  			if (e.index == 1) {
  				apiCaseconfirm({data:{problemNo:this.problemNo, userConfrimRemark:'OK'}}).then(res => {
  					this.$refs.paging.refresh()
  				})
  			}
  		},
  		// 问题详情
  		toDetails(problemNo) {
  			uni.$tui.href(`/pages/work/daily/details?problem_no=${problemNo}`)
  		},
  		// 处理详情
  		toCase(problemNo) {
  			uni.$tui.href(`/pages/work/case/result?problem_no=${problemNo}`)
  		},
  		// 进度详情
  		toStep(problemNo) {
  			uni.$tui.href(`/pages/work/daily/step?problem_no=${problemNo}`)
  		}
  	}
  }
  </script>
  
  <style lang="scss" scoped>
  .ul .li:first-child {
  	margin-top: 0;
  }
  </style>