604 lines
15 KiB
Vue
604 lines
15 KiB
Vue
<template>
|
||
<view class="app">
|
||
<view class="submit">
|
||
<view class="charts-box">
|
||
<qiun-data-charts type="arcbar" v-show="!!opts.title.name" :opts="opts" :chartData="chartData"
|
||
:errorReload="true" :reshow="true" />
|
||
</view>
|
||
</view>
|
||
<view class="items">
|
||
<view class="title" @click="open">
|
||
职业卫生资料缺失提示函,请查收
|
||
</view>
|
||
<uni-table border stripe emptyText="暂无更多数据">
|
||
<!-- 表头行 -->
|
||
<uni-tr>
|
||
</uni-tr>
|
||
<!-- 表格数据行 -->
|
||
<uni-tr v-for="(item,index) in list" :key='index'>
|
||
<uni-td width='37' align="center">{{index+1}}</uni-td>
|
||
<uni-td align="center">{{item.careerProfilename}}</uni-td>
|
||
<uni-td align="center" width='100'>
|
||
<view class="" @tap="handleitem(item)">
|
||
<span
|
||
:style="{color:item.docstatusremark==='首次未提交' || item.docstatusremark==='到期未提交' ? 'red' : '#606266'}">{{item.docstatusremark}}</span>
|
||
|
||
</view>
|
||
</uni-td>
|
||
</uni-tr>
|
||
</uni-table>
|
||
</view>
|
||
<view class="modallist" v-if='maskshow'>
|
||
|
||
<u-modal v-model="show" width="90%" height="50%" :show-title='false' :show-cancel-button='false'
|
||
:show-confirm-button="false" style="height: 50%;">
|
||
<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
|
||
@scrolltolower="lower" @scroll="scroll">
|
||
<view class="" v-for="(item,index) in list" :key='index' v-if="item.docstatus!=1">
|
||
<view class="zheye" v-if="item.daycount <= 3">
|
||
<view class="titledata">
|
||
《职业卫生资料缺失提示函》
|
||
</view>
|
||
<view class="test">
|
||
{{item.enterprisename }}
|
||
</view>
|
||
<view class="item">
|
||
你的单位<span>{{item.careerProfilename}}</span>资料未按照要求上传，请于收到提醒后3日内上传相关资料或者证明，否则信息将推送{{item.areaname}}卫生健康局。
|
||
</view>
|
||
<view class="city">
|
||
{{item.city}}市职业健康管理中心
|
||
</view>
|
||
<view class="time">
|
||
{{item.riqi}}
|
||
</view>
|
||
</view>
|
||
<view class="zheye" v-if="item.docstatus!=1 && item.daycount <= 5 && item.daycount > 3">
|
||
<view class="titledata">
|
||
职业卫生资料缺失提示函
|
||
</view>
|
||
<view class="test">
|
||
{{item.enterprisename}}
|
||
</view>
|
||
<view class="item">
|
||
你的单位<span>{{item.careerProfilename}}</span>资料未按照要求上传，请于收到提醒后2日内上传相关资料或者证明，否则信息将推送{{item.city}}市卫生综合执法支队。
|
||
</view>
|
||
<view class="city">
|
||
{{ item.areaname}}卫生健康局
|
||
</view>
|
||
<view class="time">
|
||
{{item.riqi}}
|
||
</view>
|
||
</view>
|
||
<view class="zheye" v-if="item.docstatus!=1 && item.daycount > 5">
|
||
<view class="titledata">
|
||
职业卫生资料缺失提示函
|
||
</view>
|
||
<view class="test">
|
||
{{item.enterprisename }}:
|
||
</view>
|
||
<view class="item">
|
||
你的单位<span>{{ item.careerProfilename }}</span>资料未按照要求上传，请于收到提醒后2日内上传相关资料或者证明，否则{{item.city}}市卫生综合执法支队将进行现场检查。
|
||
</view>
|
||
<view class="city">
|
||
{{item.city}}市卫生综合执法支队
|
||
</view>
|
||
<view class="time">
|
||
{{item.riqi}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
<view class="button" @tap='logininfo'>
|
||
关闭
|
||
</view>
|
||
</u-modal>
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
GetDocStatusForEnterpriselist,
|
||
} from '@/api/homepage/index.js';
|
||
import params from '@/api/common/params.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
scrollTop: 0,
|
||
chartData: {},
|
||
show: false,
|
||
maskshow: false,
|
||
list: [],
|
||
valuelist1: null,
|
||
Subscript: null,
|
||
// value:null
|
||
// content: '东临碣石，以观沧海'
|
||
opts: {
|
||
update: false,
|
||
color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
|
||
"#ea7ccc"
|
||
],
|
||
padding: undefined,
|
||
title: {
|
||
name: "80%",
|
||
fontSize: 17,
|
||
color: "#4179C3"
|
||
},
|
||
subtitle: {
|
||
name: "资料提交率",
|
||
fontSize: 10,
|
||
color: "#666666"
|
||
},
|
||
extra: {
|
||
arcbar: {
|
||
type: "circle",
|
||
width: 10,
|
||
backgroundColor: "#E9E9E9",
|
||
startAngle: 1.5,
|
||
endAngle: 0.25,
|
||
gap: 2,
|
||
lineCap: "butt",
|
||
// borderWidth:'30'
|
||
|
||
}
|
||
}
|
||
}
|
||
}
|
||
},
|
||
// 下拉刷新
|
||
onPullDownRefresh() {
|
||
this.open();
|
||
this.infolist();
|
||
this.getServerData();
|
||
console.log('refresh');
|
||
setTimeout(function() {
|
||
uni.stopPullDownRefresh();
|
||
}, 1000);
|
||
},
|
||
|
||
onShow() {
|
||
// console.log(change, '1111')
|
||
// this.$emit('change', files);
|
||
//是否显示提示函
|
||
|
||
setTimeout(function() {
|
||
|
||
}, 5000);
|
||
|
||
|
||
this.$nextTick(() => {
|
||
this.getServerData();
|
||
})
|
||
},
|
||
onReady() {
|
||
this.infolist();
|
||
|
||
},
|
||
|
||
// onReady() {},
|
||
mounted() {},
|
||
|
||
onLoad() {
|
||
uni.$on('update', (data) => {
|
||
if(data=='1'){
|
||
this.infolist();
|
||
|
||
}
|
||
|
||
|
||
// console.log('监听到事件来自 update ，携带参数 为：', data);
|
||
// this.list = data
|
||
});
|
||
this.show = params.isShowTiShiHan;
|
||
// #ifdef APP-PLUS
|
||
plus.screen.lockOrientation('portrait-primary');
|
||
// #endif
|
||
},
|
||
methods: {
|
||
upper: function(e) {
|
||
// console.log(e);
|
||
},
|
||
lower: function(e) {
|
||
// console.log(e);
|
||
},
|
||
scroll: function(e) {
|
||
// console.log(e);
|
||
// this.old.scrollTop = e.detail.scrollTop;
|
||
|
||
},
|
||
goTop: function(e) {
|
||
this.scrollTop = this.old.scrollTop;
|
||
this.$nextTick(function() {
|
||
this.scrollTop = 0;
|
||
});
|
||
uni.showToast({
|
||
icon: "none",
|
||
title: "纵向滚动 scrollTop 值已被修改为 0"
|
||
});
|
||
},
|
||
// 首次未提交
|
||
handleitem(item) {
|
||
// console.log(item)
|
||
|
||
if (item.careerProfilename == "工作场所职业病危害因素检测报告" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/upload/upload"
|
||
})
|
||
} else if (item.careerProfilename == "建设项目职业病危害现状评价报告" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/StatusReport/StatusReport"
|
||
})
|
||
} else if (item.careerProfilename == "劳动者上岗前培训" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/cultivate/cultivate?type=1"
|
||
})
|
||
} else if (item.careerProfilename == "在岗期间定期培训" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/cultivate/cultivate?type=2"
|
||
})
|
||
} else if (item.careerProfilename == "用人单位主要负责人、职业卫生管理人员培训" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交") ) {
|
||
uni.navigateTo({
|
||
url: "/pages/cultivate/cultivate?type=3"
|
||
})
|
||
} else if (item.careerProfilename == "用人单位职业健康监护档案" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/Custodyfile/Custodyfile"
|
||
})
|
||
} else if (item.careerProfilename == "职业病危害项目申报表及回执" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/purchase/purchase?purchasetypeid=1"
|
||
})
|
||
} else if (item.careerProfilename == "个人防护用品的购买、发放使用记录" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/purchase/purchase?purchasetypeid=4"
|
||
})
|
||
} else if (item.careerProfilename == "劳动者个人监护档案" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/purchase/purchase?purchasetypeid=10"
|
||
})
|
||
} else if (item.careerProfilename == "职业病防治年度计划及实施方案" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/purchase/purchase?purchasetypeid=5"
|
||
})
|
||
}
|
||
|
||
// 无下次报告书时间
|
||
else if (item.careerProfilename == "职业卫生管理机构成立文件" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/purchase/purchase?purchasetypeid=2"
|
||
})
|
||
} else if (item.careerProfilename == "职业病危害事故应急救援预案" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/purchase/purchase?purchasetypeid=7"
|
||
})
|
||
} else if (item.careerProfilename == "职业病危害警示标识及告知" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/purchase/purchase?purchasetypeid=11"
|
||
})
|
||
} else if (item.careerProfilename == "职业卫生管理制度及重点岗位职业卫生操作规程" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/purchase/purchase?purchasetypeid=3"
|
||
})
|
||
} else if (item.careerProfilename == "确诊职业病和疑似职业病报告" && (item.docstatusremark == "首次未提交" || item
|
||
.docstatusremark == "到期未提交")) {
|
||
uni.navigateTo({
|
||
url: "/pages/purchase/purchase?purchasetypeid=6"
|
||
})
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
},
|
||
getServerData() {
|
||
// var aaa = 33.87
|
||
// var bbb = Math.round(aaa)
|
||
// console.log(bbb)
|
||
//模拟从服务器获取数据时的延时
|
||
setTimeout(() => {
|
||
//模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
|
||
var value = this.valuelist1 / 100
|
||
// console.log(value)
|
||
let res = {
|
||
series: [{
|
||
name: "资料提交率",
|
||
color: "#4179C3",
|
||
data: value
|
||
}]
|
||
};
|
||
this.opts.title.name = Math.round(this.valuelist1) + '%'
|
||
this.chartData = JSON.parse(JSON.stringify(res));
|
||
}, 1000);
|
||
},
|
||
infolist() {
|
||
GetDocStatusForEnterpriselist().then(res => {
|
||
// console.log(res)
|
||
this.list = res
|
||
let num = 0
|
||
this.list.forEach((item) => {
|
||
|
||
if (item.docstatus === '1') {
|
||
num++
|
||
}
|
||
if (item.docstatusremark != '已提交') {
|
||
this.maskshow = true
|
||
// this.show=true
|
||
}
|
||
// if (item.docstatusremark == '首次未提交' || item.docstatusremark == '到期未提交') {
|
||
// this.maskshow = true
|
||
// }
|
||
});
|
||
let num1 = 0
|
||
this.list.forEach((item) => {
|
||
if (item.docstatus === '0' || item.docstatus === '2') {
|
||
num1++
|
||
}
|
||
});
|
||
this.Subscript = num1
|
||
// #ifdef APP-PLUS
|
||
plus.runtime.setBadgeNumber(this.Subscript);
|
||
// #endif
|
||
|
||
const valuelist = (num / this.list.length) * 100;
|
||
this.valuelist1 = parseFloat(valuelist).toFixed(2);
|
||
})
|
||
},
|
||
open() {
|
||
this.show = true;
|
||
},
|
||
logininfo() {
|
||
this.show = false;
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.app {
|
||
/* font-family: DengXian; */
|
||
color: #C3C1C1;
|
||
font-weight: 400;
|
||
// height: 100vh;
|
||
background: #F7F5F5;
|
||
padding: 10rpx;
|
||
|
||
::v-deep .u-mode-center-box {
|
||
width: 90%;
|
||
height: 80%;
|
||
// background: red;
|
||
|
||
|
||
|
||
}
|
||
|
||
/* #ifdef MP-ALIPAY */
|
||
.uni-badge {
|
||
margin-left: 20rpx;
|
||
}
|
||
|
||
/* #endif */
|
||
.example-body {
|
||
flex-direction: row;
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.uni-badge-left-margin {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.uni-badge-absolute {
|
||
margin-left: 40px;
|
||
}
|
||
|
||
.box {
|
||
width: 40px;
|
||
height: 40px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
background-color: #DCDFE6;
|
||
color: #fff;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.box-text {
|
||
text-align: center;
|
||
color: #fff;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.scroll-Y {
|
||
// white-space: nowrap;
|
||
height: 1000rpx;
|
||
overflow: scroll // width: 100%;
|
||
}
|
||
|
||
.modallist {
|
||
width: 95%;
|
||
height: 50%;
|
||
|
||
}
|
||
|
||
.submit {
|
||
width: 95%;
|
||
height: 300rpx;
|
||
background-color: #fff;
|
||
margin: 0 auto;
|
||
|
||
.charts-box {
|
||
top: 5%;
|
||
position: absolute;
|
||
width: 95%;
|
||
height: 200rpx;
|
||
// background-color: #fff;
|
||
|
||
// margin-top: 20rpx;
|
||
// margin-bottom: 90rpx;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
|
||
.data {
|
||
position: absolute;
|
||
width: 53%;
|
||
height: 90rpx;
|
||
line-height: 90rpx;
|
||
text-align: center;
|
||
top: 3%;
|
||
background-color: #4D7BC9;
|
||
font-size: 40rpx;
|
||
left: 26%;
|
||
color: #fff;
|
||
// border-radius: 20%;
|
||
}
|
||
|
||
.button {
|
||
width: 100rpx;
|
||
background-color: #3C9CFF;
|
||
color: #fff;
|
||
text-align: center;
|
||
border-radius: 10%;
|
||
margin-top: 40rpx;
|
||
// position: fixed;
|
||
// left: 75%;
|
||
// margin-top: 50rpx;
|
||
// top:-5%;
|
||
// right: 0;
|
||
margin-bottom: 4%;
|
||
font-size: 32rpx;
|
||
height: 70rpx;
|
||
line-height: 70rpx;
|
||
margin-left: 70%;
|
||
|
||
}
|
||
|
||
.items {
|
||
width: 95%;
|
||
height: 100%;
|
||
// height: ;
|
||
background-color: #fff;
|
||
margin: 0 auto;
|
||
// margin: 0 auto;
|
||
// background-color: red;
|
||
// padding-bottom: 0rpx;
|
||
|
||
}
|
||
|
||
// .uni-group {
|
||
// display: flex;
|
||
// align-items: center;
|
||
// }
|
||
|
||
.title {
|
||
// position: absolute;
|
||
font-size: 35rpx;
|
||
color: red;
|
||
padding-top: 20rpx;
|
||
margin-left: 2%;
|
||
margin-top: 5%;
|
||
margin-bottom: 5%;
|
||
// left: 8%;
|
||
|
||
}
|
||
|
||
.tabledata {
|
||
width: 95%;
|
||
position: absolute;
|
||
// font-size: 30rpx;
|
||
// color: red;
|
||
top: 18%;
|
||
left: 3%;
|
||
|
||
}
|
||
|
||
.zheye {
|
||
border: 1rpx solid #F0F0F0;
|
||
position: relative;
|
||
height: 250px;
|
||
width: 97%;
|
||
left: 2%;
|
||
margin-top: 10%;
|
||
margin-bottom: 10%;
|
||
|
||
.titledata {
|
||
position: absolute;
|
||
font-size: 29rpx;
|
||
color: #676A6C;
|
||
left: 20%;
|
||
font-weight: 700;
|
||
top: 6%;
|
||
// margin: 0 auto;
|
||
}
|
||
|
||
|
||
|
||
.test {
|
||
font-weight: 700;
|
||
font-size: 30rpx;
|
||
position: absolute;
|
||
top: 18%;
|
||
left: 2%;
|
||
color: #676A6C;
|
||
|
||
}
|
||
|
||
.item {
|
||
// font-weight: 700;
|
||
font-size: 30rpx;
|
||
line-height: 50rpx;
|
||
position: absolute;
|
||
top: 28%;
|
||
color: #76797A;
|
||
text-indent: 2em;
|
||
padding: 10rpx;
|
||
|
||
span {
|
||
font-weight: 700;
|
||
}
|
||
|
||
// left: 5%;
|
||
}
|
||
|
||
.city {
|
||
font-size: 30rpx;
|
||
line-height: 50rpx;
|
||
position: absolute;
|
||
left: 40%;
|
||
top: 75%;
|
||
color: #76797A;
|
||
|
||
}
|
||
|
||
.time {
|
||
font-size: 30rpx;
|
||
line-height: 50rpx;
|
||
position: absolute;
|
||
left: 40%;
|
||
top: 87%;
|
||
color: #76797A;
|
||
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
</style> |