Blame view

pages/work/case/distribution.vue 4 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
  		<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 == 2" text="已确认" type="success"></tui-text>
  							<tui-text v-else 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="danger" padding="12rpx 30rpx" shape="circle" plain @click="modalShow(item.problemNo)">驳回</tui-tag>
  					<tui-tag type="primary" padding="12rpx 30rpx" shape="circle" plain margin="0 0 0 20rpx" @click="toAllocation(item.problemNo)">分配</tui-tag>
  				</view>
  			</view>
  		</view>
  		</z-paging>
  		<tui-modal :show="modal" custom padding="30rpx 30rpx">
  			<view class="fs-size__28 fs-mb20">问题单号:{{problemNo}}</view>
  			<tui-textarea placeholder="请输入驳回原因" isCounter v-model="content" :maxlength="60" textareaBorder borderColor="#577ee3" :size="28" :radius="20" height="130rpx" min-height="130rpx"></tui-textarea>
  			<tui-white-space size="large"></tui-white-space>
  			<view class="fs-flex__center">
  				<tui-button plain width="200rpx" height="60rpx" :size="28" shape="circle" margin="0 50rpx 0 0" @click="modalClose">取消</tui-button>
  				<tui-button width="200rpx" height="60rpx" :size="28" shape="circle" @click="confrim">确定</tui-button>
  		    </view>
  		</tui-modal>
  	</view>
  </template>
  
  <script>
  import { apiWaitDistrList, apiTaskReject } from '@/api/work'
  export default {
  	data() {
  		return {
  			dataList: [],
  			problemNo: '',
  			content: '',
  			modal: false
  		}
  	},
  	onLoad() {
  
  	},
d8fce1e2   刘淇   页面onShow 加载
64
65
66
67
68
    onShow(){
      if (this.$refs.paging) {
        this.$refs.paging.refresh() // 重置到第一页并触发query事件
      }
    },
46b6767c   刘淇   init 提交到库
69
70
71
72
73
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
  	methods: {
  		// 获取记录列表
  		queryList(pageNo, pageSize) {
  			const params = {
  				pageReq: {isAsc: 'desc', orderByColumn: 'id', pageNum: pageNo, pageSize: pageSize},
  				distributeStatus: 1
  			}
  			apiWaitDistrList({data:params}).then(res => {
  				this.$refs.paging.complete(res.rows)
  			})
  		},
  		// 刷新列表
  		refreshList() {
  			this.$refs.paging.refresh()
  		},
  		// 跳转详情
  		toDetails(problemNo) {
  			uni.$tui.href(`/pages/work/daily/details?problem_no=${problemNo}`)
  		},
  		// 跳转分配
  		toAllocation(problemNo) {
  			uni.$tui.href(`/pages/work/case/allocation?problem_no=${problemNo}`)
  		},
  		// 领导驳回
  		modalShow(problemNo) {
  			this.problemNo = problemNo
  			this.content = ''
  			this.modal = true
  		},
  		// 关闭驳回弹窗
  		modalClose() {
  			this.modal = false
  		},
  		// 提交驳回
  		confrim() {
  			if (!this.content) {
  				uni.$tui.toast('请输入驳回原因')
  				return
  			}
  			this.modalClose()
  			apiTaskReject({data:{problemNo:this.problemNo,remark:this.content}}).then(res => {
  				this.problemNo = ''
  				uni.$tui.toast('提交成功')
  				setTimeout(() => { this.$refs.paging.reload() }, 1500)
  			})
  		}
  	}
  }
  </script>
  
  <style lang="scss" scoped>
  .ul .li:first-child {
  	margin-top: 0;
  }
  </style>