<template>
<view>
<cu-custom bgColor="bg-gradual-blueness" :isBack="true">
<block slot="backText">返回</block>
<block slot="content">项目发包单位签发</block>
</cu-custom>
<view class="select-fixed top-fixed">
<view class="cu-bar search bg-white">
<!-- <picker @change="statusChange" :value="sindex" :range="statusList" range-key="name">-->
<!-- <view class="saixuan">-->
<!-- <text>筛选</text>-->
<!-- <text class="cuIcon-triangledownfill"></text>-->
<!-- </view>-->
<!-- </picker>-->
<view class="search-form radius" style="margin-left: 10upx;">
<text class="cuIcon-search"></text>
<input @input="InputBlur" placeholder="请输入关键字" v-model="NameLikes" confirm-type="search"></input>
</view>
<view class="action">
<button class="cu-btn bg-green shadow-blur radius" @click="getQuery">搜索</button>
</view>
</view>
<view class="line"></view>
</view>
<scroll-view class="dy-scroll" @scrolltolower="scrolltolower" scroll-y
:style="'top:'+totalHeight+'px;height:calc(100vh - '+totalHeight+'px)'">
<view v-if="list.length>0">
<view class="dy-list">
<view v-for="(item,index) of list" :key="item.HOTWORKAPPLICATION_ID"
:data-id="item.HOTWORKAPPLICATION_ID"
@click="$noMultipleClicks(goToDetail,item.HOTWORKAPPLICATION_ID)" class="dy-list-item p20">
<view class="dy-title-flex align-center">
<text>作业证编号:{{item.JOB_NUMBER}}</text>
<text>动火等级:{{item.HOT_WORK_LEVEL_NAME}}</text>
</view>
<view class="dy-subtitle-flex">
<text>申请办理人:{{item.APPLY_USER_NAME}}</text>
<text>作业类型:{{item.JOB_TYPE_NAME}}</text>
</view>
<view class="dy-subtitle-flex">
<text>现场负责人：{{item.SITE_LEADER_NAME}}</text>
<text>动火单位负责人：{{item.HOT_WORK_UNIT_LEADER_NAME}}</text>
</view>
<view class="dy-subtitle-flex">
<text>现场管辖单位负责人：{{item.UNIT_LEADER_NAME}}</text>
</view>
<view class="dy-subtitle-flex" style="height: 34upx;">
<text>
审核状态：待项目发包单位待签发
</text>
<button class="cu-btn bg-blue margin-tb-sm sm"
@click="$noMultipleClicks(goToDetail,item.HOTWORKAPPLICATION_ID)">
签发
</button>
</view>
</view>
</view>
</view>
<view v-else-if="dataFlag=='noData'" class="dy-null">
<view class="dy-null-img">
<image :src="background[dataFlag].url" mode=""></image>
</view>
<view class="dy-null-title">
{{background[dataFlag].msg}}
</view>
</view>
<view class="cu-tabbar-height"></view>
</scroll-view>
</view>
</template>
<script>
import {
basePath,
loginUserId,
loginSession,
} from '@/common/tool.js';
export default {
data() {
return {
showRight: false,
dataFlag: 'noData',
totalHeight: 0,
list: [], //返回数据
page: 1, //分页参数--页数
rows: 10, //分页参数--每页数据条数
totalCount: 0, //分页参数--初始化页数
isEnd: false, //防止多次刷新
totalPage: 0, //分页参数--分页数量
NameLikes: '',
noClick: true,
statusList: [
{
id: '',
name: '请选择'
},
{
id: '0',
name: '待提交'
},
{
id: '1',
name: '作业人待确认'
},
{
id: '2',
name: '动火单位负责人待确认'
},
{
id: '3',
name: '项目发包人待确认'
},
{
id: '4',
name: '现场管辖单位负责人待审核'
},
{
id: '5',
name: '动火前现场管辖单位人待审核'
},
{
id: '6',
name: '现场负责人待确认'
},
{
id: '7',
name: '动火后现场管辖单位人待审核'
},
{
id: '8',
name: '临时监火中'
},
{
id: '11',
name: '特级动火申请待审核'
},
{
id: '12',
name: '特级动火审批待审核'
},
{
id: '-1',
name: '动火申请打回'
},
{
id: '-2',
name: '特级动火申请打回'
}
],
statusList1: [
{
id: '',
name: '请选择'
},
{
id: '1',
name: '特级动火待审批待提交'
},
{
id: '2',
name: '动火单位负责人待确认'
},
{
id: '3',
name: '项目发包单位待签发'
},
{
id: '4',
name: '现场管辖单位负责人待审核'
},
{
id: '5',
name: '待签发'
},
{
id: '6',
name: '动火待确认'
},
{
id: '7',
name: '动火后待确认'
},
{
id: '8',
name: '延时监火'
},
{
id: '9',
name: '已归档'
},
{
id: '-1',
name: '已打回'
},
],
sindex: -1,
STATUS: '2'
}
},
mounted() {
uni.createSelectorQuery().select(".select-fixed").boundingClientRect(data => {
this.totalHeight = data.height
}).exec();
},
onShow() {
var _this = this;
_this.background = require('@/common/background.json');
_this.showCount = -1;
_this.currentPage = 1;
_this.list = [];
_this.isEnd = false;
_this.getData();
loginSession();
},
methods: {
goToDetail(id) {
uni.navigateTo({
url: '/pages/application/eight-assignments/hotwork/contracting-unit/detail?id=' + id
});
},
getQuery() {
var _this = this;
_this.showCount = -1;
_this.currentPage = 1;
_this.list = [];
_this.isEnd = false;
_this.getData();
},
scrolltolower() {
var _this = this;
_this.showCount = -1;
_this.currentPage = _this.currentPage + 1;
_this.isEnd = false;
if (_this.totalPage >= _this.currentPage) {
_this.getData();
}
},
statusChange(e) {
this.sindex = e.detail.value;
this.STATUS = this.statusList[this.sindex].id;
this.getQuery();
},
getData() {
var _this = this;
if (_this.isEnd) {
return
} else {
this.isEnd = true;
}
uni.showLoading({
title: "加载中..."
});
uni.request({
url: basePath + '/app/hotworkapplication/listByCharge?showCount=' + _this.showCount + '¤tPage=' + _this.currentPage,
method: 'POST',
dataType: 'json',
header: {
'Content-type': 'application/x-www-form-urlencoded'
},
data: {
loginUserId: loginUserId,
STATE: _this.STATUS,
KEYWORDS: _this.NameLikes,
},
success: (res) => {
uni.hideLoading();
if (res.data != null) {
_this.totalPage = res.data.page.totalPage;
if (_this.list.length == 0) {
_this.list = res.data.varList;
} else {
if (res.data.varList != null) {
_this.list.push(...res.data.varList);
}
}
}
}
})
},
translate(id) {
for (var i = 0; i < this.statusList.length; i++) {
if (this.statusList[i].id == id) return this.statusList[i].name
}
}
}
}
</script>
<style>
.dy-card {
background-color: #fff;
border-radius: 10 upx;
margin: 30 upx
}
.dy-card-title {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #eee;
min-height: 80 upx;
line-height: 80 upx;
padding: 0 30 upx;
}
.dy-card-content {
padding: 0 upx 30 upx 30 upx;
}
.dy-card-content-item {
margin-top: 20 upx;
}
.dy-card-content-item .title {
display: flex;
align-items: center;
}
.dy-card-content-item .title .l {
width: 10 upx;
height: 30 upx;
border-radius: 20 upx;
background-color: #666;
margin-right: 10 upx;
}
.dy-card-content-item .content {
background-color: #F1F1F1;
padding: 10 upx 14 upx;
margin-top: 14 upx;
line-height: 1.6;
}
.dy-card-content-item .name text {
background-color: #F1F1F1;
padding: 10 upx 14 upx;
margin-top: 14 upx;
line-height: 1.6;
display: inline-block;
}
.dy-card-foot {
border-top: 1px solid #eee;
padding: 30 upx;
}
</style>