Skip to content

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

merge：消费者等级添加

parents 12d3923c 177039c4
Show whitespace changes
Inline Side-by-side
Showing with 135 additions and 131 deletions
src/_consumer_home.css
View file @ 3e986db1
html, html,
body { body {
letter-spacing: .01rem; letter-spacing: 0.01rem;
background-color: #FFF; background-color: #fff;
overflow-x: hidden; overflow-x: hidden;
} }
...@@ -11,7 +11,7 @@ body { ...@@ -11,7 +11,7 @@ body {
} }
.header { .header {
padding: .2rem; padding: 0.2rem;
background: #fff; background: #fff;
} }
...@@ -34,7 +34,7 @@ body { ...@@ -34,7 +34,7 @@ body {
.detail { .detail {
width: 100%; width: 100%;
/* height: 1.88rem; */ /* height: 1.88rem; */
background: #F5F6FA; background: #f5f6fa;
border-radius: 0.01rem; border-radius: 0.01rem;
/* padding-left: 0.2rem; */ /* padding-left: 0.2rem; */
padding: 0.3rem; padding: 0.3rem;
...@@ -45,7 +45,6 @@ body { ...@@ -45,7 +45,6 @@ body {
justify-content: space-around; justify-content: space-around;
/* padding-bottom: 0.1rem; /* padding-bottom: 0.1rem;
gap: 0.1rem; */ gap: 0.1rem; */
} }
.detail .van-col { .detail .van-col {
...@@ -64,32 +63,31 @@ body { ...@@ -64,32 +63,31 @@ body {
.detail .detail_link { .detail .detail_link {
position: absolute; position: absolute;
right: .3rem; right: 0.3rem;
font-size: .26rem; font-size: 0.26rem;
color: #1081E3; color: #1081e3;
cursor: pointer; cursor: pointer;
} }
.func_btn { .func_btn {
width: 7.12rem; width: 7.12rem;
height: 0.8rem; height: 0.8rem;
background: #1081E3; background: #1081e3;
border-radius: 0.1rem; border-radius: 0.1rem;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 0.3rem; font-size: 0.3rem;
color: #FFFFFF; color: #ffffff;
margin: 0 auto; margin: 0 auto;
border-width: 0; border-width: 0;
margin-left: .2rem; margin-left: 0.2rem;
cursor: pointer; cursor: pointer;
} }
.func_btn span { .func_btn span {
font-size: 0.5rem; font-size: 0.5rem;
vertical-align: -0.05rem; vertical-align: -0.05rem;
margin-right: .1rem; margin-right: 0.1rem;
} }
.tag { .tag {
...@@ -98,13 +96,20 @@ body { ...@@ -98,13 +96,20 @@ body {
height: 0.42rem; height: 0.42rem;
line-height: 0.42rem; line-height: 0.42rem;
text-align: center; text-align: center;
background: #00B55E;
border-radius: 21px; border-radius: 21px;
font-weight: 500; font-weight: 500;
font-size: 0.28rem; font-size: 0.28rem;
color: #FFFFFF; color: #ffffff;
}
.green {
background: #00b55e;
}
.yellow {
background: rgba(255, 148, 21, 1);
}
.red {
background: rgba(255, 33, 49, 1);
} }
/* 添加以下样式 */ /* 添加以下样式 */
.van-tabs__line { .van-tabs__line {
...@@ -137,14 +142,9 @@ body { ...@@ -137,14 +142,9 @@ body {
} }
.van-tab--active { .van-tab--active {
color: #1081e3;
color: #1081E3;
} }
.van-field__label { .van-field__label {
font-weight: bold; font-weight: bold;
} }
...@@ -154,13 +154,13 @@ body { ...@@ -154,13 +154,13 @@ body {
} }
.subNavWrapper { .subNavWrapper {
background-color: #F5F6FA; background-color: #f5f6fa;
padding: 0.2rem 0.2rem; padding: 0.2rem 0.2rem;
margin-top: -0.3rem; margin-top: -0.3rem;
} }
.subNavWrapper .van-tab__text { .subNavWrapper .van-tab__text {
color: #5B5B5B; color: #5b5b5b;
} }
.subNavWrapper .van-tab--active span { .subNavWrapper .van-tab--active span {
...@@ -168,7 +168,6 @@ body { ...@@ -168,7 +168,6 @@ body {
font-size: 0.28rem; font-size: 0.28rem;
} }
.subNavWrapper .van-tabs__nav--card { .subNavWrapper .van-tabs__nav--card {
border: none !important; border: none !important;
} }
...@@ -178,34 +177,33 @@ body { ...@@ -178,34 +177,33 @@ body {
} }
.subNavWrapper .van-tabs__nav--card .van-tab { .subNavWrapper .van-tabs__nav--card .van-tab {
color: #5B5B5B; color: #5b5b5b;
border: none !important; border: none !important;
} }
.subNavWrapper .van-tabs__nav--card .van-tab.van-tab--active { .subNavWrapper .van-tabs__nav--card .van-tab.van-tab--active {
color: #FFFFFF; color: #ffffff;
background: #58A5E8; background: #58a5e8;
border-radius: 0.4rem; border-radius: 0.4rem;
} }
.subNavWrapper .van-list { .subNavWrapper .van-list {
background: #F5F6FA; background: #f5f6fa;
} }
.subNavWrapper .van-cell { .subNavWrapper .van-cell {
margin-bottom: .3rem; margin-bottom: 0.3rem;
} }
.subNavWrapper .van-tabs__nav { .subNavWrapper .van-tabs__nav {
background: #F5F6FA; background: #f5f6fa;
margin: 0; margin: 0;
} }
.navToBtn { .navToBtn {
color: #5B5B5B; color: #5b5b5b;
font-size: .36rem; font-size: 0.36rem;
margin-top: .04rem; margin-top: 0.04rem;
position: absolute; position: absolute;
right: 0; right: 0;
} }
src/_consumer_home.html
View file @ 3e986db1
...@@ -172,8 +172,10 @@ ...@@ -172,8 +172,10 @@
<div class="header"> <div class="header">
<!-- <div class="level">安全等级</div> --> <!-- <div class="level">安全等级</div> -->
<div class="title"> <div class="title">
<img src="../image/code/sj.png" alt=""><span>{{merInformation.unitName}}</span><span <img src="../image/code/sj.png" alt=""><span>{{merInformation.unitName}}</span>
class="tag">安全等级-绿</span> <span class="tag green" v-if="merInformation.safeLevel==0" @click="gotoPage('anquan_level')">安全等级-绿</span>
<span class="tag yellow" v-if="merInformation.safeLevel==1" @click="gotoPage('anquan_level')">安全等级-黄</span>
<span class="tag red" v-if="merInformation.safeLevel==2" @click="gotoPage('anquan_level')">安全等级-红</span>
</div> </div>
<div class="detail"> <div class="detail">
<van-row style="margin-bottom: .25rem;"> <van-row style="margin-bottom: .25rem;">
......
src/_consumer_home.js
View file @ 3e986db1
...@@ -72,6 +72,10 @@ window.addEventListener("load", function () { ...@@ -72,6 +72,10 @@ window.addEventListener("load", function () {
} }
return `${value}日`; return `${value}日`;
}, },
gotoPage(stringifyUrl) {
let url = gemhoUtil.setParameter(`src/_${stringifyUrl}.html`)
gemhoUtil.navigatePage(url, '跳转中...')
},
// 确认日期选择 // 确认日期选择
onDateConfirm(date) { onDateConfirm(date) {
// 将 Date 对象格式化为 YYYY-MM-DD 字符串 // 将 Date 对象格式化为 YYYY-MM-DD 字符串
...@@ -81,7 +85,7 @@ window.addEventListener("load", function () { ...@@ -81,7 +85,7 @@ window.addEventListener("load", function () {
this.formData.date = `${year}-${month}-${day}`; this.formData.date = `${year}-${month}-${day}`;
this.showDatePicker = false; this.showDatePicker = false;
}, },
dateChange(e){ dateChange(e) {
console.log('date 属性变化22222:', e); console.log('date 属性变化22222:', e);
}, },
// 文件上传处理 // 文件上传处理
...@@ -103,7 +107,7 @@ window.addEventListener("load", function () { ...@@ -103,7 +107,7 @@ window.addEventListener("load", function () {
let strurl = gemhoUtil.setParameter(`_${url}.html`, params) let strurl = gemhoUtil.setParameter(`_${url}.html`, params)
gemhoUtil.navigatePage(strurl, '跳转中...') gemhoUtil.navigatePage(strurl, '跳转中...')
}, },
submitForm(){ submitForm() {
if (!this.formData.content) { if (!this.formData.content) {
vant.Dialog.alert({ vant.Dialog.alert({
message: '安全建议不可为空', message: '安全建议不可为空',
...@@ -126,7 +130,7 @@ window.addEventListener("load", function () { ...@@ -126,7 +130,7 @@ window.addEventListener("load", function () {
vant.Toast({ vant.Toast({
message: '操作成功', message: '操作成功',
}) })
setTimeout(()=>{ setTimeout(() => {
location.reload() location.reload()
}, 500) }, 500)
......
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