Skip to content

G
GaoQuYingJiH5-ASD
Commit fac45351 authored by xinzhedeai's avatar xinzhedeai
Browse files
Options

add：隐患详情整改ui构建，隐患审核tablist修改

parent 271dd0e5
Hide whitespace changes
Inline Side-by-side
Showing with 592 additions and 734 deletions
sdk/axios_http.js
View file @ fac45351
......@@ -35,8 +35,8 @@ axios.defaults.headers.common['Authorization'] =
// 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiIxNTcyMTAzMTg4NiIsImxvZ2luX3VzZXJfa2V5IjoiNGJjY2JjYzUtNmY0Yy00ZDhlLWJiYzEtZjYzMzVlZDBlZTgwIn0.j3jEfHzeu3kklm60kKCirwwyKaWD51ABicOzxEnuFOfGe63FFqYOQ122ojAhukbInnKj4try3DjrST6wNDVjVQ'
// admin账号token
// axios.defaults.headers.common['Authorization'] =
// 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhZG1pbiIsImxvZ2luX3VzZXJfa2V5IjoiOTEyODc0N2ItNGE4NC00MWRjLTg0ZGUtZTY1ODNkMzBiNDcwIn0.w_JRlifng-sUQqvGnuRFH5-wiL-1tfwI1cF7E97gjaOZ37bvRQld3120Myf9MYqLtVHUVX_vhlcBj7Kmg9exZw'
axios.defaults.headers.common['Authorization'] =
'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhZG1pbiIsImxvZ2luX3VzZXJfa2V5IjoiOTEyODc0N2ItNGE4NC00MWRjLTg0ZGUtZTY1ODNkMzBiNDcwIn0.w_JRlifng-sUQqvGnuRFH5-wiL-1tfwI1cF7E97gjaOZ37bvRQld3120Myf9MYqLtVHUVX_vhlcBj7Kmg9exZw'
// 请求拦截器
......
sdk/axios_http3.js
View file @ fac45351
......@@ -11,16 +11,16 @@ if (window.env == 'dev') {
// axios.defaults.headers.common['Authorization'] =
// 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiLmtojotLnogIUiLCJsb2dpbl91c2VyX2tleSI6ImExNWIwMDNjLWRlYWItNGU2MC04ODg4LTJiODNjMzVkNDUzNSJ9.l6gHzFX-U5rKGJ7zoDA4jMBIxkhVgCjWr5ynFg1DR6xspM9Ls6raTxyEo2Kr61UbG2UD6P2kN63vF_U8nX8afg'
// 商户token
axios.defaults.headers.common['Authorization'] =
'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiLlvKDlrZ3lvakiLCJsb2dpbl91c2VyX2tleSI6IjNjMmRiMWFiLWIyZGMtNDBjYi04YjM5LWRiNTJmM2VmYzNkYyJ9.sfZyPP-COShNCjwxKR26zGDsPHXss97gu7JEpaMapIZyMQEsxzMigVickcqdhaqDwTRcfr0IxAj64vnrriS9Cw'
// axios.defaults.headers.common['Authorization'] =
// 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiLlvKDlrZ3lvakiLCJsb2dpbl91c2VyX2tleSI6IjNjMmRiMWFiLWIyZGMtNDBjYi04YjM5LWRiNTJmM2VmYzNkYyJ9.sfZyPP-COShNCjwxKR26zGDsPHXss97gu7JEpaMapIZyMQEsxzMigVickcqdhaqDwTRcfr0IxAj64vnrriS9Cw'
// 凯丽
// axios.defaults.headers.common['Authorization'] =
// 'Bearer eyJhbGciOiJlUzUxMiJ9.eyJzdWlioilxNZ92MZAzMDl00SlslmxyZ2luX3VzZXJfa2V5ljoiMEONTM1NzktNTJiMSO0N2QwLTkzNmEtMmViNWFhYzMzMTI1In0.EG_EwS7xS1jgi29Ly7WXOJBCW4DcAyOtLD4he06sV8b4i70kknNQqVAx063NpcDa5kmTFdZ6zEfPHYPfVR4dEO'
// admin账号token
// axios.defaults.headers.common['Authorization'] =
// 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhZG1pbiIsImxvZ2luX3VzZXJfa2V5IjoiOTEyODc0N2ItNGE4NC00MWRjLTg0ZGUtZTY1ODNkMzBiNDcwIn0.w_JRlifng-sUQqvGnuRFH5-wiL-1tfwI1cF7E97gjaOZ37bvRQld3120Myf9MYqLtVHUVX_vhlcBj7Kmg9exZw'
axios.defaults.headers.common['Authorization'] =
'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJhZG1pbiIsImxvZ2luX3VzZXJfa2V5IjoiOTEyODc0N2ItNGE4NC00MWRjLTg0ZGUtZTY1ODNkMzBiNDcwIn0.w_JRlifng-sUQqvGnuRFH5-wiL-1tfwI1cF7E97gjaOZ37bvRQld3120Myf9MYqLtVHUVX_vhlcBj7Kmg9exZw'
}else{
axios.defaults.baseURL = 'https://gqyjpt.weihai.cn/prod-api'
......
src/_check_info.css
View file @ fac45351
/* 基础样式 */
html,
body {
background-color: #fff;
letter-spacing: 0.01rem;
background-color: #fff;
letter-spacing: 0.01rem;
}
/* 通用工具类 */
.pd-01rem {
padding-bottom: 0.1rem;
padding-bottom: 0.1rem;
}
/* 表单相关 */
.formValue {
float: right;
float: right;
}
.formSubmitBtnWrapper {
display: flex;
justify-content: center;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
display: flex;
justify-content: center;
margin-top: 0.2rem;
margin-bottom: 0.2rem;
}
.formSubmitBtnWrapper .van-button {
width: 4rem;
width: 4rem;
}
/* 框架样式覆盖修改 */
.checklist-container .van-cell__value {
overflow: unset;
background-color: #f5f6fa;
overflow: unset;
background-color: #f5f6fa;
}
.checklist-container .van-cell:after {
border-bottom: none;
border-bottom: none;
}
.checklist-container .van-radio-group--horizontal {
float: left;
float: left;
}
.checklist-container .van-checkbox {
width: auto;
float: left;
margin-right: 0.3rem;
margin-bottom: 0.2rem;
width: auto;
float: left;
margin-right: 0.3rem;
margin-bottom: 0.2rem;
}
.checklist-container .van-checkbox__label,
.checklist-container .van-radio__label {
font-size: 0.28rem;
font-size: 0.28rem;
}
.checklist-container .van-checkbox__icon,
.checklist-container .van-radio__icon {
font-size: 0.34rem;
background-color: #fff;
font-size: 0.34rem;
background-color: #fff;
}
.checklist-container .van-radio {
margin: 0.2rem 0 0.2rem 0.8rem;
margin: 0.2rem 0 0.2rem 0.8rem;
}
.checklist-container .van-cell {
background: #f5f6fa;
margin-top: 0.2rem;
padding: 0;
background: #f5f6fa;
margin-top: 0.2rem;
padding: 0;
}
/* 表单内的表项 背景色覆盖 */
.van-form {
margin-bottom: 1rem;
padding-left: 0.3rem;
margin-bottom: 1rem;
padding-left: 0.3rem;
}
.van-form .van-field__label {
width: 1.8rem;
width: 1.8rem;
}
.van-form .van-field__control {
text-align: right;
padding-right: 0.3rem;
text-align: right;
padding-right: 0.3rem;
}
.van-form .van-cell,
.van-form .van-cell__value {
background: #fff;
background: #fff;
}
.yh_desc {
width: 6.2rem;
min-height: 0.68rem;
background: rgb(238, 238, 238);
border-radius: 0.04rem;
border: 0px solid rgb(191, 191, 191);
padding: 0.2rem;
font-size: 0.28rem;
font-weight: 500;
color: #545454;
width: 6.2rem;
min-height: 0.68rem;
background: rgb(238, 238, 238);
border-radius: 0.04rem;
border: 0px solid rgb(191, 191, 191);
padding: 0.2rem;
font-size: 0.28rem;
font-weight: 500;
color: #545454;
}
.checklist-container .van-cell-group {
background-color: #f5f6fa;
background-color: #f5f6fa;
}
.checklist-container textarea {
background-color: #fff !important;
background-color: #fff !important;
}
.checklist-container .van-uploader__upload {
background-color: #fff;
background-color: #fff;
}
.limit_date_wrapper .van-field__label {
width: 1.3rem;
width: 1.3rem;
}
.checklist-container .van-icon-apps-o:before,
.checklist-container .van-icon-fire-o:before {
font-size: 0.32rem;
font-size: 0.32rem;
}
/* 检查清单容器 */
.checklist-container {
/* padding: 12px; */
background: #fff;
overflow: hidden;
padding-bottom: 2rem;
/* padding: 12px; */
background: #fff;
overflow: hidden;
padding-bottom: 2rem;
}
/* 检查项 */
.check-item {
background: white;
float: left;
background: white;
float: left;
}
.item-header {
display: flex;
align-items: center;
margin: 0.3rem 0px 0.1rem 0.3rem;
display: flex;
align-items: center;
margin: 0.3rem 0px 0.1rem 0.3rem;
}
.item-number {
}
.item-number {}
.item-title {
font-size: 0.28rem;
font-size: 0.28rem;
}
.item_title {
font-size: 0.3rem;
color: #1081e3;
font-weight: bold;
position: relative;
padding-left: 0.2rem;
margin-left: 0.2rem;
font-size: 0.3rem;
color: #1081e3;
font-weight: bold;
position: relative;
padding-left: 0.2rem;
margin-left: 0.2rem;
}
.item_title::before {
content: '';
display: block;
width: 0.05rem;
height: 0.32rem;
background-color: #1081e3;
position: absolute;
left: 0;
top: 0;
content: '';
display: block;
width: 0.05rem;
height: 0.32rem;
background-color: #1081e3;
position: absolute;
left: 0;
top: 0;
}
/* 展开部分 */
.expand-section {
width: calc(7.5rem - 0.6rem);
float: left;
background: #f5f6fa;
padding: 0.1rem 0.3rem;
width: calc(7.5rem - 0.6rem);
float: left;
background: #f5f6fa;
padding: 0.1rem 0.3rem;
}
/* 图片预览大小 */
.expand-section .van-uploader__preview-image {
display: block;
width: 1.4rem;
height: 1.4rem;
overflow: hidden;
display: block;
width: 1.4rem;
height: 1.4rem;
overflow: hidden;
}
/* 子复选框组 */
.sub-checkbox-group {
display: flex;
flex-wrap: wrap;
gap: 0.2rem;
margin: 0.2rem 0 0.3rem 0;
display: flex;
flex-wrap: wrap;
gap: 0.2rem;
margin: 0.2rem 0 0.3rem 0;
}
/* 上传器 */
.uploader-wrapper {
--van-uploader-size: 80px;
--van-uploader-size: 80px;
}
/* 截止日期选择器 */
.deadline-picker {
display: flex;
gap: 12px;
margin: 12px 0;
display: flex;
gap: 12px;
margin: 12px 0;
}
/* 检查清单头部 */
.checklist-header p {
background-color: rgb(25, 137, 250);
color: rgb(255, 255, 255);
font-size: 0.26rem;
padding: 0.2rem 0.3rem 0.2rem;
line-height: 0.39999rem;
margin: 0;
background-color: rgb(25, 137, 250);
color: rgb(255, 255, 255);
font-size: 0.26rem;
padding: 0.2rem 0.3rem 0.2rem;
line-height: 0.39999rem;
margin: 0;
}
.checklist-header h5 {
font-size: 0.32rem;
text-align: center;
font-size: 0.32rem;
text-align: center;
}
/* 必填标题 */
.title_require {
position: relative;
padding: 0;
margin: 0;
margin-top: 0.1rem;
padding-left: 0.2rem;
font-size: 0.28rem;
position: relative;
padding: 0;
margin: 0;
margin-top: 0.1rem;
padding-left: 0.2rem;
font-size: 0.28rem;
}
.title_require::before {
position: absolute;
content: '*';
color: #ee0a24;
font-size: inherit;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
content: '*';
color: #ee0a24;
font-size: inherit;
left: 0;
top: 50%;
transform: translateY(-50%);
}
/* 底部栏 */
.bottom_bar {
display: flex;
justify-content: space-between;
position: fixed;
align-items: center;
bottom: 0.5rem;
left: 50%;
transform: translateX(-50%);
width: 88vw;
/* border: 1px solid; */
background: #ffffff;
box-shadow: 2px -5px 21px 0px rgba(103, 103, 103, 0.14);
padding-top: 0.2rem;
padding-bottom: 0.2rem;
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.bottom_bar > div {
/* display: grid;
display: flex;
justify-content: space-between;
position: fixed;
align-items: center;
bottom: 0.5rem;
left: 50%;
transform: translateX(-50%);
width: 88vw;
/* border: 1px solid; */
background: #ffffff;
box-shadow: 2px -5px 21px 0px rgba(103, 103, 103, 0.14);
padding-top: 0.2rem;
padding-bottom: 0.2rem;
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.bottom_bar>div {
/* display: grid;
grid-template-columns: auto auto 0.6fr;*/
display: flex;
justify-content: space-around;
padding-left: 0.2rem;
align-items: center;
gap: 0.2rem;
width: 100vw;
display: flex;
justify-content: space-around;
padding-left: 0.2rem;
align-items: center;
gap: 0.2rem;
width: 100vw;
}
.bottom_bar > div > span {
font-weight: 500;
font-size: 0.28rem;
color: #545454;
display: inline-block;
/* width: 1.8rem; */
.bottom_bar>div>span {
font-weight: 500;
font-size: 0.28rem;
color: #545454;
display: inline-block;
/* width: 1.8rem; */
}
.bottom_bar > div > span:before {
display: inline-block;
width: 0.3rem;
height: 0.3rem;
content: '*';
color: #fff;
background-size: cover;
font-weight: 500;
margin-right: 0.1rem;
.bottom_bar>div>span:before {
display: inline-block;
width: 0.3rem;
height: 0.3rem;
content: '*';
color: #fff;
background-size: cover;
font-weight: 500;
margin-right: 0.1rem;
}
.bottom_bar > div > span:first-child:before {
background-image: url('../image/code/check_num.png');
.bottom_bar>div>span:first-child:before {
background-image: url('../image/code/check_num.png');
}
.bottom_bar > div > span:nth-child(2):before {
background-image: url('../image/code/yh_num.png');
.bottom_bar>div>span:nth-child(2):before {
background-image: url('../image/code/yh_num.png');
}
.bottom_bar button {
color: #fff;
color: #fff;
}
.day_select {
border-color: rgb(191, 191, 191);
margin-right: 0.1rem;
width: 1rem;
padding-left: 0.2rem;
background-color: #fff;
border-color: rgb(191, 191, 191);
margin-right: 0.1rem;
width: 1rem;
padding-left: 0.2rem;
background-color: #fff;
}
.textareaEle{
.textareaEle {
border: 0.01rem solid #d8d8d8;
border-radius: 2px;
font-size: .28rem;
......@@ -312,144 +315,205 @@ body {
padding: .15rem;
}
.content h5{
.content h5 {
margin-top: 0.3rem;
margin-bottom: 0.3rem;
font-family: PingFang SC;
}
.footer-bar{
display: flex; justify-content: space-around;
margin-top: .5rem;
}
.footer-bar .van-button--info{
width:2rem;
}
.footer-bar {
display: flex;
justify-content: space-around;
margin-top: .5rem;
}
.footer-bar .van-button--info {
width: 2rem;
}
/* 隐患整改模块 */
.rectification-module {
padding: 0.3rem; /* 上下左右内边距30px */
background: #fff;
margin-bottom: 0.2rem; /* 底部边距20px */
padding: 0.3rem;
/* 上下左右内边距30px */
background: #fff;
margin-bottom: 0.2rem;
/* 底部边距20px */
overflow: hidden;
}
.module-header {
display: flex;
align-items: center;
gap: 0.15rem; /* 图标与标题间距15px */
margin-bottom: 0.3rem; /* 模块标题与内容间距30px */
display: flex;
align-items: center;
gap: 0.15rem;
/* 图标与标题间距15px */
margin-bottom: 0.3rem;
/* 模块标题与内容间距30px */
}
.module-icon {
width: 0.4rem; /* 图标宽度40px */
height: 0.4rem; /* 图标高度40px */
width: 0.4rem;
/* 图标宽度40px */
height: 0.4rem;
/* 图标高度40px */
}
.module-title {
font-size: 0.32rem; /* 标题字体32px */
font-weight: bold;
color: #333;
font-size: 0.28rem;
/* 标题字体32px */
font-weight: bold;
color: #00B55E;
}
.timeline-list {
padding-left: 0.3rem; /* 时间线左侧内边距30px */
padding-left: 0.3rem;
/* 时间线左侧内边距30px */
}
.timeline-item {
display: flex;
margin-bottom: 0.4rem; /* 时间线项间距40px */
display: flex;
margin-bottom: 0.4rem;
/* 时间线项间距40px */
}
.timeline-marker {
position: relative;
width: 0.4rem; /* 左侧标记区域宽度40px */
margin-right: 0.2rem; /* 标记与内容间距20px */
position: relative;
width: 0.4rem;
/* 左侧标记区域宽度40px */
margin-right: 0.2rem;
/* 标记与内容间距20px */
}
.marker-dot {
width: 0.2rem; /* 时间点直径20px */
height: 0.2rem;
background: #1989fa;
border-radius: 50%;
position: absolute;
left: 0;
top: 0.05rem; /* 时间点垂直偏移5px */
width: 0.2rem;
/* 时间点直径20px */
height: 0.2rem;
background: #1989fa;
border-radius: 50%;
position: absolute;
left: 0;
top: 0.05rem;
/* 时间点垂直偏移5px */
}
.marker-line {
width: 0.02rem; /* 时间线宽度2px */
height: 100%;
background: #e5e7eb;
margin-left: 0.09rem; /* 时间线水平居中 */
margin-top: 0.25rem; /* 时间线顶部偏移25px */
width: 0.02rem;
/* 时间线宽度2px */
height: 100%;
background: #e5e7eb;
margin-left: 0.09rem;
/* 时间线水平居中 */
margin-top: 0.25rem;
/* 时间线顶部偏移25px */
}
.timeline-content {
flex: 1;
flex: 1;
}
.rectification-date {
color: #666;
font-size: 0.28rem; /* 日期字体28px */
margin-bottom: 0.15rem; /* 日期与图片间距15px */
color: #000;
font-size: 0.28rem;
/* 日期字体28px */
margin-bottom: 0.15rem;
/* 日期与图片间距15px */
font-weight: 500;
}
.rectification-images {
display: flex;
gap: 0.2rem; /* 图片间距20px */
margin-bottom: 0.2rem; /* 图片与状态容器间距20px */
display: flex;
gap: 0.2rem;
/* 图片间距20px */
margin-bottom: 0.2rem;
/* 图片与状态容器间距20px */
}
.rect-image {
width: 1.2rem; /* 图片宽度120px */
height: 1.2rem; /* 图片高度120px */
object-fit: cover;
border-radius: 0.08rem; /* 图片圆角8px */
width: 1.2rem;
/* 图片宽度120px */
height: 1.2rem;
/* 图片高度120px */
object-fit: cover;
border-radius: 0.08rem;
/* 图片圆角8px */
}
.status-container {
border-radius: 0.08rem; /* 状态容器圆角8px */
padding: 0.2rem; /* 状态容器内边距20px */
border-radius: 0.08rem;
/* 状态容器圆角8px */
padding: 0.2rem;
/* 状态容器内边距20px */
}
/* 审批拒绝状态 */
.reject-status {
background: #fef2f2;
border: 0.02rem solid #fee2e2; /* 边框宽度2px */
background: #fef2f2;
border: 0.02rem solid #fee2e2;
/* 边框宽度2px */
padding: .1rem .24rem;
position: relative;
}
.reject-status .status-tag {
background: #ef4444;
color: #fff;
font-size: 0.24rem; /* 标签字体24px */
padding: 0.04rem 0.12rem; /* 标签内边距4px 12px */
border-radius: 0.04rem; /* 标签圆角4px */
position: absolute;
right: .2rem;
top: 0.2rem;
background: #ef4444;
color: #fff;
font-size: 0.24rem;
/* 标签字体24px */
padding: 0.09rem 0.12rem;
/* 标签内边距4px 12px */
border-radius: 0.04rem;
/* 标签圆角4px */
}
.reject-status>.status-content>p {
font-weight: 500;
font-size: 0.28rem;
color: #545454;
}
/* 待审批状态 */
.pending-status {
border: 0.02rem solid #fcd34d; /* 边框宽度2px */
background: #fffbeb;
display: flex;
justify-content: flex-end;
border: 0.02rem solid #fcd34d;
/* 边框宽度2px */
background: #fffbeb;
display: flex;
justify-content: flex-end;
padding: 0.12rem;
}
.pending-status .status-tag {
color: #f59e0b;
font-size: 0.24rem; /* 标签字体24px */
color: #fff;
background: #FF9415;
font-weight: 500;
font-size: 0.24rem;
padding: .1rem .3rem;
}
/* 审批通过状态 */
.approve-status {
display: flex;
justify-content: space-between;
align-items: center;
background: #f0f9ff;
border: 0.02rem solid #e0f2fe; /* 边框宽度2px */
display: flex;
justify-content: space-between;
padding: 0.12rem;
align-items: center;
background: #f0f9ff;
border: 0.02rem solid #e0f2fe;
/* 边框宽度2px */
}
.approve-status .status-tag {
color: #0ea5e9;
font-size: 0.24rem; /* 标签字体24px */
font-weight: bold;
color: #fff;
background: #00B55E;
font-weight: 500;
font-size: 0.24rem;
padding: .1rem .1rem;
display: inline-block;
width: 1.2rem;
}
.approve-status>.status-content>p {
font-weight: 500;
font-size: 0.28rem;
color: #545454;
}
\ No newline at end of file
src/_check_info.html
View file @ fac45351
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover"
/>
<title>消防安全检查清单</title>
<script
type="text/javascript"
src="../sdk/includeHead.js"
></script>
<script
type="text/javascript"
src="../sdk/axios_http3.js"
></script>
<script
type="text/javascript"
src="_check_info_data.js"
></script>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover" />
<title>消防安全检查清单</title>
<script type="text/javascript" src="../sdk/includeHead.js"></script>
<script type="text/javascript" src="../sdk/axios_http3.js"></script>
<script type="text/javascript" src="_check_info_data.js"></script>
<!-- <script type="text/javascript" src="_check_info_data_detail.js"></script>
<!-- <script type="text/javascript" src="_check_info_data_detail.js"></script>
<script type="text/javascript" src="_check_info_data_detail_yh.js"></script> -->
</head>
</head>
<body>
<!-- 原 HTML 主体内容保持不变 -->
<div id="app">
<div
class="checklist-header"
v-cloak
>
<p v-if="flag=='ADD'">
1.不合格或不满足等选择“否”的检查项，需将问题进行拍照上传，并描述问题详情。<br />
2.检查人员对管辖范围内企业安全情况负责，需如实上报。
</p>
<h5>九小场所安全检查清单</h5>
</div>
<div
class="checklist-container"
v-cloak
>
<div class="item_title">{{ checkData?.[checkPageIndex]?.name }}</div>
<div
v-for="(item, index) in checkData?.[checkPageIndex]?.['gqCheckItemList']"
:key="item.id"
class="check-item"
>
<div class="item-header">
<!-- <div class="item-number">{{ index + 1 }}</div> -->
<div class="item-title">{{ item.id }}.{{ item.name }}</div>
</div>
<body>
<!-- 原 HTML 主体内容保持不变 -->
<div id="app">
<div class="checklist-header" v-cloak>
<p v-if="flag=='ADD'">
1.不合格或不满足等选择“否”的检查项，需将问题进行拍照上传，并描述问题详情。<br />
2.检查人员对管辖范围内企业安全情况负责，需如实上报。
</p>
<h5>九小场所安全检查清单</h5>
</div>
<div class="checklist-container" v-cloak>
<div class="item_title">{{ checkData?.[checkPageIndex]?.name }}</div>
<div v-for="(item, index) in checkData?.[checkPageIndex]?.['gqCheckItemList']" :key="item.id"
class="check-item">
<div class="item-header">
<!-- <div class="item-number">{{ index + 1 }}</div> -->
<div class="item-title">{{ item.id }}.{{ item.name }}</div>
</div>
<!-- 单选按钮组 -->
<van-radio-group
v-model="item.itemAnswer"
@change="handleSelectionChange($event, item, index)"
:disabled="flag!=='ADD'"
direction="horizontal"
>
<van-radio :name="1">是</van-radio>
<van-radio :name="2">否</van-radio>
<van-radio :name="3">不涉及</van-radio>
</van-radio-group>
<!-- 单选按钮组 -->
<van-radio-group v-model="item.itemAnswer" @change="handleSelectionChange($event, item, index)"
:disabled="flag!=='ADD'" direction="horizontal">
<van-radio :name="1">是</van-radio>
<van-radio :name="2">否</van-radio>
<van-radio :name="3">不涉及</van-radio>
</van-radio-group>
<!-- 否选项扩展内容 -->
<div
v-show="item.itemAnswer === 2"
class="expand-section"
>
<div>
<!-- 子检查项 -->
<div class="sub-checkbox-group">
<van-cell v-if="item.itemType==1">
<van-checkbox
v-for="(subItem, subIndex) in item.gqCheckQuestionList"
:key="subIndex"
v-model="subItem.check"
shape="square"
:disabled="flag!=='ADD'"
>
{{ subItem.name}}
</van-checkbox>
</van-cell>
<van-cell v-if="item.itemType==2">
<div class="limit_date_wrapper">
<span>住宿人数:</span>
<input
type="text"
v-model="item.gqCheckQuestionList[0].content"
:disabled="flag!=='ADD'"
maxlength="3"
style="width: 0.8rem; height: 0.4rem; text-align: center"
/>
</div>
</van-cell>
</div>
<!-- 否选项扩展内容 -->
<div v-show="item.itemAnswer === 2" class="expand-section">
<div>
<!-- 子检查项 -->
<div class="sub-checkbox-group">
<van-cell v-if="item.itemType==1">
<van-checkbox v-for="(subItem, subIndex) in item.gqCheckQuestionList"
:key="subIndex" v-model="subItem.check" shape="square" :disabled="flag!=='ADD'">
{{ subItem.name}}
</van-checkbox>
</van-cell>
<van-cell v-if="item.itemType==2">
<div class="limit_date_wrapper">
<span>住宿人数:</span>
<input type="text" v-model="item.gqCheckQuestionList[0].content"
:disabled="flag!=='ADD'" maxlength="3"
style="width: 0.8rem; height: 0.4rem; text-align: center" />
</div>
</van-cell>
</div>
<!-- 隐患描述-新增情况 -->
<van-cell-group v-if="flag=='ADD'">
<p class="title_require">请输入隐患描述</p>
<van-field
v-model="item.description"
type="textarea"
rows="1"
></van-field>
</van-cell-group>
<!-- 隐患描述-非新增情况 -->
<van-cell-group v-if="flag!=='ADD'">
<p class="title_require">请输入隐患描述</p>
<p class="yh_desc">{{item.description||'未配置安全出口指示标志'}}</p>
</van-cell-group>
<!-- 隐患描述-新增情况 -->
<van-cell-group v-if="flag=='ADD'">
<p class="title_require">请输入隐患描述</p>
<van-field v-model="item.description" type="textarea" rows="1"></van-field>
</van-cell-group>
<!-- 隐患描述-非新增情况 -->
<van-cell-group v-if="flag!=='ADD'">
<p class="title_require">请输入隐患描述</p>
<p class="yh_desc">{{item.description||'未配置安全出口指示标志'}}</p>
</van-cell-group>
<!-- 照片上传 -->
<van-cell-group v-if="flag=='ADD'">
<van-cell
><span class="title_require">请上传隐患图片:</span><span style="color: red">(格式png/jpg/jpeg,最多4张)</span>
<div>
<van-uploader
v-model="item.photos"
:max-count="4"
:after-read="handleFileUpload"
class="uploader-wrapper"
/>
</div>
</van-cell>
</van-cell-group>
<!-- 照片上传 -->
<van-cell-group v-if="flag=='ADD'">
<van-cell><span class="title_require">请上传隐患图片:</span><span
style="color: red">(格式png/jpg/jpeg,最多4张)</span>
<div>
<van-uploader v-model="item.photos" :max-count="4"
:after-read="handleFileUpload" class="uploader-wrapper" />
</div>
</van-cell>
</van-cell-group>
<van-cell-group v-if="flag!='ADD'">
<van-cell>
<span class="">隐患图片:</span>
<div>
<img
v-for="(imgItem, subIndex) in item.hiddenImageUrlList"
:src="imgItem"
alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
@click="showImage(item.hiddenImageUrlList,subIndex)"
/>
</div>
</van-cell>
</van-cell-group>
<van-cell-group v-if="item?.rectificationImageUrlList?.length">
<van-cell
><span class="">整改情况:</span>
<div>
<img
v-for="(imgItem, subIndex) in item.rectificationImageUrlList"
:src="imgItem"
alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
@click="showImage(item.rectificationImageUrlList,subIndex)"
/>
</div>
</van-cell>
<van-cell
><span class="">整改日期:</span>
<div>
<span>{{item.rectificationDate}}</span>
</div>
</van-cell>
</van-cell-group>
<van-cell-group v-if="flag!='ADD'">
<van-cell>
<span class="">隐患图片:</span>
<div>
<img v-for="(imgItem, subIndex) in item.hiddenImageUrlList" :src="imgItem"
alt="" style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
@click="showImage(item.hiddenImageUrlList,subIndex)" />
</div>
</van-cell>
</van-cell-group>
<van-cell-group v-if="item?.rectificationImageUrlList?.length">
<van-cell><span class="">整改情况:</span>
<div>
<img v-for="(imgItem, subIndex) in item.rectificationImageUrlList"
:src="imgItem" alt=""
style="width: 1.2rem; height: 1.2rem; margin-right: 0.2rem"
@click="showImage(item.rectificationImageUrlList,subIndex)" />
</div>
</van-cell>
<van-cell><span class="">整改日期:</span>
<div>
<span>{{item.rectificationDate}}</span>
</div>
</van-cell>
</van-cell-group>
<van-cell-group v-if="(flag=='0' || flag=='3') && userType=='shop'">
<van-cell
><span class="title_require">请上传整改图片:</span><span style="color: red">(格式png/jpg/jpeg,最多4张)</span>
<!-- <div>
<van-cell-group v-if="(flag=='0' || flag=='3') && userType=='shop'">
<van-cell><span class="title_require">请上传整改图片:</span><span
style="color: red">(格式png/jpg/jpeg,最多4张)</span>
<!-- <div>
<van-uploader style="width: 80px; height:80px;" v-model="item.photos" multiple
:max-count="4" :after-read="handleFileUpload" class="uploader-wrapper" />
</div> -->
<van-uploader
v-model="item.photos"
multiple
:max-count="4"
/>
</van-cell>
</van-cell-group>
<!-- 整改期限 -->
<van-cell-group v-if="flag=='ADD'">
<van-cell>
<div class="limit_date_wrapper">
<span class="title_require">整改期限:</span>
<select
class="day_select"
name=""
v-model="item.deadlineDays"
@change="handleDeadlineConfirm($event, item)"
>
<option value="1">1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
</select>
<span> 整改截止日期: <b style="color: #148ef7">{{item.deadlineDate}}</b></span>
</div>
</van-cell>
</van-cell-group>
</div>
</div>
</div>
<van-form v-if="checkPageIndex == (checkData?.length-1)">
<van-cell>
<van-field
label="检查人员"
v-model="checkPeopleName"
readonly
/>
</van-cell>
<van-cell>
<van-field
label="检查日期"
v-model="checkDate"
readonly
/>
</van-cell>
<van-cell v-if="flag!='ADD'&&flag!='JC_XQ'">
<van-field
label="整改截止日期"
v-model="rectificationDeadline"
readonly
/>
</van-cell>
<div v-if="flag=='0' || flag=='1' || flag=='3'">
<van-cell>
<van-field
label="审核日期"
v-model="reviewDate"
readonly
/>
</van-cell>
<van-cell>
<van-field
label="审核记录"
v-model="reviewRecord"
readonly
/>
</van-cell>
</div>
</van-form>
<!-- 新增隐患整改模块 -->
<div class="rectification-module">
<!-- 模块标题 -->
<div class="module-header">
<img src="../assets/rectification-icon.png" alt="整改图标" class="module-icon">
<h4 class="module-title">隐患整改</h4>
</div>
<!-- 时间线进度列表 -->
<div class="timeline-list">
<!-- 遍历整改记录 -->
<div
v-for="(record, index) in rectificationRecords"
:key="index"
class="timeline-item"
>
<!-- 时间线左侧标记（点+线） -->
<div class="timeline-marker">
<div class="marker-dot"></div>
<div class="marker-line" v-if="index !== rectificationRecords.length - 1"></div>
</div>
<!-- 时间线内容 -->
<div class="timeline-content">
<!-- 整改日期 -->
<p class="rectification-date">{{ record.rectificationDate }}</p>
<!-- 整改图片 -->
<div class="rectification-images">
<img
v-for="(img, i) in record.images"
:key="i"
:src="img"
alt="整改图"
@click="showImage(record.images, i)"
class="rect-image"
>
</div>
<!-- 状态容器（三种类型） -->
<div :class="['status-container', record.status]">
<!-- 审批拒绝 -->
<div v-if="record.status === 'reject'" class="reject-status">
<span class="status-tag">审批拒绝</span>
<div class="status-content">
<p>审批日期：{{ record.approveDate }}</p>
<p>拒绝原因：{{ record.rejectReason }}</p>
</div>
</div>
<!-- 待审批 -->
<div v-if="record.status === 'pending'" class="pending-status">
<span class="status-tag">待审批</span>
</div>
<!-- 审批通过 -->
<div v-if="record.status === 'approve'" class="approve-status">
<div class="status-content">
<p>审批日期：{{ record.approveDate }}</p>
</div>
<span class="status-tag">审批通过</span>
</div>
</div>
</div>
</div>
</div>
</div>
<van-uploader v-model="item.photos" multiple :max-count="4" />
</van-cell>
</van-cell-group>
<!-- 整改期限 -->
<van-cell-group v-if="flag=='ADD'">
<van-cell>
<div class="limit_date_wrapper">
<span class="title_require">整改期限:</span>
<select class="day_select" name="" v-model="item.deadlineDays"
@change="handleDeadlineConfirm($event, item)">
<option value="1">1</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="7">7</option>
</select>
<span> 整改截止日期: <b style="color: #148ef7">{{item.deadlineDate}}</b></span>
</div>
</van-cell>
</van-cell-group>
</div>
</div>
</div>
<!-- 新增隐患整改模块 -->
<div class="rectification-module">
<!-- 模块标题 -->
<div class="module-header">
<img src="../image/code/zhenggai-title.png" alt="整改图标" class="module-icon">
<h4 class="module-title">隐患整改</h4>
</div>
<!-- 时间线进度列表 -->
<div class="timeline-list">
<!-- 遍历整改记录 -->
<div v-for="(record, index) in rectificationRecords" :key="index" class="timeline-item">
<!-- 时间线左侧标记（点+线） -->
<div class="timeline-marker">
<div class="marker-dot"></div>
<div class="marker-line"></div>
</div>
<!-- 时间线内容 -->
<div class="timeline-content">
<!-- 整改日期 -->
<p class="rectification-date">整改日期：{{ record.rectificationDate }}</p>
<!-- 整改图片 -->
<div class="rectification-images">
<img v-for="(img, i) in record.images" :key="i"
src="../image/code/zhenggai-title.png" alt="整改图"
@click="showImage(record.images, i)" class="rect-image">
</div>
<!-- 状态容器（三种类型） -->
<div :class="['status-container', record.status]">
<!-- 审批拒绝 -->
<div v-if="record.status === 'reject'" class="reject-status">
<span class="status-tag">审批拒绝</span>
<div class="status-content">
<p>审批日期：{{ record.approveDate }}</p>
<p>拒绝原因：{{ record.rejectReason }}</p>
</div>
</div>
<!-- 待审批 -->
<div v-if="record.status === 'pending'" class="pending-status">
<span class="status-tag">待审批</span>
</div>
<!-- 审批通过 -->
<div v-if="record.status === 'approve'" class="approve-status">
<div class="status-content">
<p>审批日期：{{ record.approveDate }}</p>
</div>
<span class="status-tag">审批通过</span>
</div>
</div>
</div>
</div>
</div>
</div>
<van-form v-if="checkPageIndex == (checkData?.length-1)">
<van-cell>
<van-field label="检查人员" v-model="checkPeopleName" readonly />
</van-cell>
<van-cell>
<van-field label="检查日期" v-model="checkDate" readonly />
</van-cell>
<van-cell v-if="flag!='ADD'&&flag!='JC_XQ'">
<van-field label="整改截止日期" v-model="rectificationDeadline" readonly />
</van-cell>
<div v-if="flag=='0' || flag=='1' || flag=='3'">
<van-cell>
<van-field label="审核日期" v-model="reviewDate" readonly />
</van-cell>
<van-cell>
<van-field label="审核记录" v-model="reviewRecord" readonly />
</van-cell>
</div>
</van-form>
<!-- 拒绝弹窗 -->
<van-action-sheet v-model="show4jujue" title=" ">
<div class="content" style="padding:0.5rem 0.4rem 0.5rem; text-align: center;">
<h5 style="text-align: left;font-size: .3rem;">拒绝原因</h5>
<textarea class="textareaEle" v-model="refuseContent" name="" id="" cols="24" rows="3" style="resize: none;"></textarea>
<h5 style="text-align: left;font-size: .3rem;">上报相关部门</h5>
<van-checkbox-group v-model="dept4resuse">
<div v-for="(item, index) in 3" style="overflow: hidden;">
<h5 style="text-align: left;font-size: .3rem;color: #1081E3;font-weight: 500;">标题{{index}}</h5>
<van-checkbox
:key="subIndex"
:name="item"
shape="square"
v-for="(item, subIndex) in 2"
>
{{ '社会事业局'+subIndex }}
</van-checkbox>
</div>
</van-checkbox-group>
<div class="footer-bar">
<van-button type="info" plain size="small" @click="show4jujue=false" >取消</van-button>
<van-button type="info" size="small" @click="show4jujue=false" >确定</van-button>
</div>
</div>
</van-action-sheet>
<!-- 延期操作确认弹窗 -->
<van-action-sheet v-model="show4yanqi" title=" ">
<div class="content" style="padding: 1rem 1rem 0.5rem; text-align: center;">
<span style="font-size: 0.3rem;
color: rgb(0, 0, 0);
text-align: left;
display: inline-block;
line-height: 1.5;
margin-bottom: 1rem;">对该商家提醒限期 3 天整改，整改截止日期 为 2025-3-25</span> <br>
<van-button type="info" size="small" @click="shangbao" >&nbsp;&nbsp;确定&nbsp;&nbsp;</van-button>
</div>
</van-action-sheet>
<!-- 拒绝弹窗 -->
<van-action-sheet v-model="show4jujue" title=" ">
<div class="content" style="padding:0.5rem 0.4rem 0.5rem; text-align: center;">
<h5 style="text-align: left;font-size: .3rem;">拒绝原因</h5>
<textarea class="textareaEle" v-model="refuseContent" name="" id="" cols="24" rows="3"
style="resize: none;"></textarea>
<h5 style="text-align: left;font-size: .3rem;">上报相关部门</h5>
<van-checkbox-group v-model="dept4resuse">
<div v-for="(item, index) in 3" style="overflow: hidden;">
<h5 style="text-align: left;font-size: .3rem;color: #1081E3;font-weight: 500;">
标题{{index}}</h5>
<van-checkbox :key="subIndex" :name="item" shape="square" v-for="(item, subIndex) in 2">
{{ '社会事业局'+subIndex }}
</van-checkbox>
</div>
</van-checkbox-group>
<!-- 上报弹窗 -->
<van-action-sheet v-model="show4shangbao" title=" ">
<div class="content" style="padding: 0rem 1rem 0.5rem; text-align: center;">
<h4 style="text-align: left;font-size: .32rem;">选择行业主管部门</h4>
<div v-for="(item, subIndex) in 4" style="overflow: hidden;">
<van-checkbox
:key="subIndex"
v-model="item"
shape="square"
>
{{ '社会事业局' }}
</van-checkbox>
</div>
<van-button type="info" size="small" @click="shangbao" >上报行业主管部门</van-button>
</div>
</van-action-sheet>
<!-- 新增隐患整改模块 -->
<div class="rectification-module">
<!-- 模块标题 -->
<div class="module-header">
<img src="../assets/rectification-icon.png" alt="整改图标" class="module-icon">
<h4 class="module-title">隐患整改</h4>
</div>
<div class="footer-bar">
<van-button type="info" plain size="small" @click="show4jujue=false">取消</van-button>
<van-button type="info" size="small" @click="show4jujue=false">确定</van-button>
</div>
<!-- 时间线进度列表 -->
<div class="timeline-list">
<!-- 遍历整改记录 -->
<div
v-for="(record, index) in rectificationRecords"
:key="index"
class="timeline-item"
>
<!-- 时间线左侧标记（点+线） -->
<div class="timeline-marker">
<div class="marker-dot"></div>
<div class="marker-line" v-if="index !== rectificationRecords.length - 1"></div>
</div>
</div>
</van-action-sheet>
<!-- 延期操作确认弹窗 -->
<van-action-sheet v-model="show4yanqi" title=" ">
<div class="content" style="padding: 1rem 1rem 0.5rem; text-align: center;">
<span style="font-size: 0.3rem;
color: rgb(0, 0, 0);
text-align: left;
display: inline-block;
line-height: 1.5;
margin-bottom: 1rem;">对该商家提醒限期 3 天整改，整改截止日期 为 2025-3-25</span> <br>
<van-button type="info" size="small" @click="shangbao">&nbsp;&nbsp;确定&nbsp;&nbsp;</van-button>
<!-- 时间线内容 -->
<div class="timeline-content">
<!-- 整改日期 -->
<p class="rectification-date">{{ record.rectificationDate }}</p>
<!-- 整改图片 -->
<div class="rectification-images">
<img
v-for="(img, i) in record.images"
:key="i"
:src="img"
alt="整改图"
@click="showImage(record.images, i)"
class="rect-image"
>
</div>
</div>
</van-action-sheet>
<!-- 状态容器（三种类型） -->
<div :class="['status-container', record.status]">
<!-- 审批拒绝 -->
<div v-if="record.status === 'reject'" class="reject-status">
<span class="status-tag">审批拒绝</span>
<div class="status-content">
<p>审批日期：{{ record.approveDate }}</p>
<p>拒绝原因：{{ record.rejectReason }}</p>
</div>
</div>
<!-- 上报弹窗 -->
<van-action-sheet v-model="show4shangbao" title=" ">
<div class="content" style="padding: 0rem 1rem 0.5rem; text-align: center;">
<h4 style="text-align: left;font-size: .32rem;">选择行业主管部门</h4>
<div v-for="(item, subIndex) in 4" style="overflow: hidden;">
<van-checkbox :key="subIndex" v-model="item" shape="square">
{{ '社会事业局' }}
</van-checkbox>
</div>
<van-button type="info" size="small" @click="shangbao">上报行业主管部门</van-button>
<!-- 待审批 -->
<div v-if="record.status === 'pending'" class="pending-status">
<span class="status-tag">待审批</span>
</div>
</div>
</van-action-sheet>
<!-- 审批通过 -->
<div v-if="record.status === 'approve'" class="approve-status">
<div class="status-content">
<p>审批日期：{{ record.approveDate }}</p>
</div>
<span class="status-tag">审批通过</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 隐患详情底部栏 -->
<div class="bottom_bar" v-if="flag=='3' && ['admin', 'common', 'industry', 'street', 'wgy'].includes(userType)">
<!-- 隐患详情底部栏 -->
<div class="bottom_bar"
v-if="flag=='3' && ['admin', 'common', 'industry', 'street', 'wgy'].includes(userType)">
<div>
<van-button type="primary" size="small" @click="show4shangbao=true" >上报行业主管部门</van-button>
<van-button type="info" size="small" @click="show4yanqi=true" >限期3天整改</van-button>
<van-button type="primary" size="small" @click="show4shangbao=true">上报行业主管部门</van-button>
<van-button type="info" size="small" @click="show4yanqi=true">限期3天整改</van-button>
</div>
</div>
<div class="bottom_bar" v-if="(flag=='0' || flag=='3') && userType=='shop'">
<div style="display: flex; justify-content: center; gap: 1rem">
<van-button type="info" size="small" @click="add4DZG_XQ" style="width: 2rem">提交整改</van-button>
</div>
</div>
<div
class="bottom_bar"
v-if="(flag=='0' || flag=='3') && userType=='shop'"
>
<div style="display: flex; justify-content: center; gap: 1rem">
<van-button
type="info"
size="small"
@click="add4DZG_XQ"
style="width: 2rem"
>提交整改</van-button
>
</div>
</div>
<div class="bottom_bar" v-if="flag=='2' && userType=='wgy'">
<div style="display: flex; justify-content: center; gap: 1rem">
<van-button type="danger" size="small" @click="add4DSH_XQ(0)"
style="width: 2rem">拒绝</van-button>
<van-button type="info" size="small" @click="add4DSH_XQ(1)" style="width: 2rem">通过</van-button>
</div>
</div>
<div
class="bottom_bar"
v-if="flag=='2' && userType=='wgy'"
>
<div style="display: flex; justify-content: center; gap: 1rem">
<van-button
type="danger"
size="small"
@click="add4DSH_XQ(0)"
style="width: 2rem"
>拒绝</van-button
>
<van-button
type="info"
size="small"
@click="add4DSH_XQ(1)"
style="width: 2rem"
>通过</van-button
>
</div>
</div>
<!-- 新增底部栏 -->
<div class="bottom_bar" v-if="flag=='ADD' || flag=='JC_XQ'">
<div>
<span class="check_num">{{ notNullCount }}/{{totalItems}}</span>
<span class="yh_num">{{noCount}} 隐患</span>
<!-- 新增底部栏 -->
<div
class="bottom_bar"
v-if="flag=='ADD' || flag=='JC_XQ'"
>
<div>
<span class="check_num">{{ notNullCount }}/{{totalItems}}</span>
<span class="yh_num">{{noCount}} 隐患</span>
<van-button
v-show="checkPageIndex>0"
type="info"
plain
size="small"
@click="prevPage"
>上一项</van-button
>
<van-button
v-show="checkPageIndex<3"
type="info"
size="small"
@click="validRequired"
>下一项</van-button
>
<van-button
type="info"
size="small"
@click="add4JC_XQ"
v-show="checkPageIndex===3&&flag=='ADD'"
>完成检查</van-button
>
</div>
</div>
</div>
</div>
</body>
</html>
<van-button v-show="checkPageIndex>0" type="info" plain size="small"
@click="prevPage">上一项</van-button>
<van-button v-show="checkPageIndex<3" type="info" size="small"
@click="validRequired">下一项</van-button>
<van-button type="info" size="small" @click="add4JC_XQ"
v-show="checkPageIndex===3&&flag=='ADD'">完成检查</van-button>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/_check_info.js
View file @ fac45351
......@@ -74,7 +74,7 @@ window.onload = function () {
reviewRecord: '',
show4yanqi:false,
show4shangbao:false,
show4jujue :true,
show4jujue :false,
refuseContent: '', // 拒绝原因
dept4resuse:[], // 拒绝部门
rectificationRecords: [
......
src/_yh_check.html
View file @ fac45351
......@@ -30,7 +30,7 @@
<van-tabs v-model:active="activeTab" title-active-color="#1989fa" line-height="2px" @change="tabChange"
style="margin-bottom: 15px;">
<!-- <div v-for="item in tabList""> -->
<van-tab :title="item.title" :badge="item.msgNum||null" v-for="item in remindStatistic"></van-tab>
<van-tab :title="item.title" :badge="item.msgNum||null" v-for="item in tabList"></van-tab>
<!-- </div> -->
......
src/_yh_check.js
View file @ fac45351
......@@ -51,8 +51,9 @@ window.addEventListener('load', function () {
if (gemhoUtil.getCookie('userType') !== 'shop') {
this.showSearch = true
}
this.init()
this.getRemindStatistic()
this.init()
},
methods: {
markAllAsRead() { // 全部标记为已读
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment