Commit fac45351 authored by xinzhedeai's avatar xinzhedeai

add:隐患详情整改ui构建,隐患审核tablist修改

parent 271dd0e5
......@@ -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'
// 请求拦截器
......
......@@ -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'
......
......@@ -77,6 +77,7 @@ body {
.van-form .van-field__label {
width: 1.8rem;
}
.van-form .van-field__control {
text-align: right;
padding-right: 0.3rem;
......@@ -86,6 +87,7 @@ body {
.van-form .van-cell__value {
background: #fff;
}
.yh_desc {
width: 6.2rem;
min-height: 0.68rem;
......@@ -139,8 +141,7 @@ body {
margin: 0.3rem 0px 0.1rem 0.3rem;
}
.item-number {
}
.item-number {}
.item-title {
font-size: 0.28rem;
......@@ -173,6 +174,7 @@ body {
background: #f5f6fa;
padding: 0.1rem 0.3rem;
}
/* 图片预览大小 */
.expand-section .van-uploader__preview-image {
display: block;
......@@ -255,7 +257,7 @@ body {
padding-right: 0.2rem;
}
.bottom_bar > div {
.bottom_bar>div {
/* display: grid;
grid-template-columns: auto auto 0.6fr;*/
display: flex;
......@@ -266,7 +268,7 @@ body {
width: 100vw;
}
.bottom_bar > div > span {
.bottom_bar>div>span {
font-weight: 500;
font-size: 0.28rem;
color: #545454;
......@@ -274,7 +276,7 @@ body {
/* width: 1.8rem; */
}
.bottom_bar > div > span:before {
.bottom_bar>div>span:before {
display: inline-block;
width: 0.3rem;
height: 0.3rem;
......@@ -285,11 +287,11 @@ body {
margin-right: 0.1rem;
}
.bottom_bar > div > span:first-child:before {
.bottom_bar>div>span:first-child:before {
background-image: url('../image/code/check_num.png');
}
.bottom_bar > div > span:nth-child(2):before {
.bottom_bar>div>span:nth-child(2):before {
background-image: url('../image/code/yh_num.png');
}
......@@ -304,7 +306,8 @@ body {
padding-left: 0.2rem;
background-color: #fff;
}
.textareaEle{
.textareaEle {
border: 0.01rem solid #d8d8d8;
border-radius: 2px;
font-size: .28rem;
......@@ -312,76 +315,95 @@ 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;
.footer-bar {
display: flex;
justify-content: space-around;
margin-top: .5rem;
}
.footer-bar .van-button--info{
width:2rem;
}
}
.footer-bar .van-button--info {
width: 2rem;
}
/* 隐患整改模块 */
.rectification-module {
padding: 0.3rem; /* 上下左右内边距30px */
padding: 0.3rem;
/* 上下左右内边距30px */
background: #fff;
margin-bottom: 0.2rem; /* 底部边距20px */
margin-bottom: 0.2rem;
/* 底部边距20px */
overflow: hidden;
}
.module-header {
display: flex;
align-items: center;
gap: 0.15rem; /* 图标与标题间距15px */
margin-bottom: 0.3rem; /* 模块标题与内容间距30px */
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-size: 0.28rem;
/* 标题字体32px */
font-weight: bold;
color: #333;
color: #00B55E;
}
.timeline-list {
padding-left: 0.3rem; /* 时间线左侧内边距30px */
padding-left: 0.3rem;
/* 时间线左侧内边距30px */
}
.timeline-item {
display: flex;
margin-bottom: 0.4rem; /* 时间线项间距40px */
margin-bottom: 0.4rem;
/* 时间线项间距40px */
}
.timeline-marker {
position: relative;
width: 0.4rem; /* 左侧标记区域宽度40px */
margin-right: 0.2rem; /* 标记与内容间距20px */
width: 0.4rem;
/* 左侧标记区域宽度40px */
margin-right: 0.2rem;
/* 标记与内容间距20px */
}
.marker-dot {
width: 0.2rem; /* 时间点直径20px */
width: 0.2rem;
/* 时间点直径20px */
height: 0.2rem;
background: #1989fa;
border-radius: 50%;
position: absolute;
left: 0;
top: 0.05rem; /* 时间点垂直偏移5px */
top: 0.05rem;
/* 时间点垂直偏移5px */
}
.marker-line {
width: 0.02rem; /* 时间线宽度2px */
width: 0.02rem;
/* 时间线宽度2px */
height: 100%;
background: #e5e7eb;
margin-left: 0.09rem; /* 时间线水平居中 */
margin-top: 0.25rem; /* 时间线顶部偏移25px */
margin-left: 0.09rem;
/* 时间线水平居中 */
margin-top: 0.25rem;
/* 时间线顶部偏移25px */
}
.timeline-content {
......@@ -389,67 +411,109 @@ body {
}
.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 */
gap: 0.2rem;
/* 图片间距20px */
margin-bottom: 0.2rem;
/* 图片与状态容器间距20px */
}
.rect-image {
width: 1.2rem; /* 图片宽度120px */
height: 1.2rem; /* 图片高度120px */
width: 1.2rem;
/* 图片宽度120px */
height: 1.2rem;
/* 图片高度120px */
object-fit: cover;
border-radius: 0.08rem; /* 图片圆角8px */
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 */
border: 0.02rem solid #fee2e2;
/* 边框宽度2px */
padding: .1rem .24rem;
position: relative;
}
.reject-status .status-tag {
position: absolute;
right: .2rem;
top: 0.2rem;
background: #ef4444;
color: #fff;
font-size: 0.24rem; /* 标签字体24px */
padding: 0.04rem 0.12rem; /* 标签内边距4px 12px */
border-radius: 0.04rem; /* 标签圆角4px */
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 */
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;
padding: 0.12rem;
align-items: center;
background: #f0f9ff;
border: 0.02rem solid #e0f2fe; /* 边框宽度2px */
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
This diff is collapsed.
......@@ -74,7 +74,7 @@ window.onload = function () {
reviewRecord: '',
show4yanqi:false,
show4shangbao:false,
show4jujue :true,
show4jujue :false,
refuseContent: '', // 拒绝原因
dept4resuse:[], // 拒绝部门
rectificationRecords: [
......
......@@ -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> -->
......
......@@ -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