Skip to content

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

merge：消费者等级添加

parents 12d3923c 177039c4
Hide 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;
} }
.wrapper { .wrapper {
/* padding: 0.2rem; */ /* padding: 0.2rem; */
background-color: #fff; background-color: #fff;
} }
.header { .header {
padding: .2rem; padding: 0.2rem;
background: #fff; background: #fff;
} }
.header .title { .header .title {
font-weight: bold; font-weight: bold;
font-size: 0.32rem; font-size: 0.32rem;
color: #000000; color: #000000;
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
gap: 0.2rem; gap: 0.2rem;
padding: 0.3rem 0.3rem; padding: 0.3rem 0.3rem;
} }
.header .title img { .header .title img {
width: 0.51rem; width: 0.51rem;
height: 0.52rem; height: 0.52rem;
} }
.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;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
display: flex; display: flex;
align-items: start; align-items: start;
flex-direction: column; flex-direction: column;
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 {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 0.28rem; font-size: 0.28rem;
color: #737373; color: #737373;
} }
.detail span { .detail span {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
font-size: 0.28rem; font-size: 0.28rem;
color: #737373; color: #737373;
} }
.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 {
display: inline-block; display: inline-block;
width: 1.9rem; width: 1.9rem;
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 {
background-color: #1989fa; background-color: #1989fa;
} }
.blue-text { .blue-text {
color: #1989fa; color: #1989fa;
font-weight: 500; font-weight: 500;
} }
.van-list { .van-list {
background: #fff; background: #fff;
border-radius: 8px; border-radius: 8px;
margin: 0 0.1rem; margin: 0 0.1rem;
} }
.subNavWrapper .van-cell { .subNavWrapper .van-cell {
padding: 12px 10px; padding: 12px 10px;
} }
.van-tab { .van-tab {
color: #000; color: #000;
} }
.van-tab__text { .van-tab__text {
font-weight: bold; font-weight: bold;
font-size: 0.3rem; font-size: 0.3rem;
/* color: #000; */ /* color: #000; */
} }
.van-tab--active { .van-tab--active {
color: #1081e3;
color: #1081E3;
} }
.van-field__label { .van-field__label {
font-weight: bold; font-weight: bold;
} }
.van-field__control { .van-field__control {
color: #737373; color: #737373;
} }
.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 {
color: #fff; color: #fff;
font-size: 0.28rem; font-size: 0.28rem;
} }
.subNavWrapper .van-tabs__nav--card { .subNavWrapper .van-tabs__nav--card {
border: none !important; border: none !important;
} }
.subNavWrapper .van-tabs--card { .subNavWrapper .van-tabs--card {
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
} }
.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;
} }
\ No newline at end of file
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
...@@ -9,7 +9,7 @@ window.addEventListener("load", function () { ...@@ -9,7 +9,7 @@ window.addEventListener("load", function () {
el: '#app', el: '#app',
data() { data() {
return { return {
showDatePicker: false, // 控制日期选择器显示 showDatePicker: false, // 控制日期选择器显示
minDate: new Date(gemhoUtil.getTargetDateYMD()), // 最小可选日期 minDate: new Date(gemhoUtil.getTargetDateYMD()), // 最小可选日期
maxDate: new Date(2099, 11, 31), // 最大可选日期 maxDate: new Date(2099, 11, 31), // 最大可选日期
// 新增子Tab数据 // 新增子Tab数据
...@@ -55,15 +55,15 @@ window.addEventListener("load", function () { ...@@ -55,15 +55,15 @@ window.addEventListener("load", function () {
this.getShopInfo() // 获取商户信息 this.getShopInfo() // 获取商户信息
}, },
watch: { watch: {
'formData.date': { 'formData.date': {
handler(newVal) { handler(newVal) {
console.log('date 属性变化:', newVal); console.log('date 属性变化:', newVal);
}, },
deep: true // 深度监听对象属性 deep: true // 深度监听对象属性
} }
}, },
methods: { methods: {
// 日期格式化函数（确保格式为 YYYY-MM-DD） // 日期格式化函数（确保格式为 YYYY-MM-DD）
dateFormatter(type, value) { dateFormatter(type, value) {
if (type === 'year') { if (type === 'year') {
return `${value}年`; return `${value}年`;
...@@ -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,15 +85,15 @@ window.addEventListener("load", function () { ...@@ -81,15 +85,15 @@ 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);
}, },
// 文件上传处理 // 文件上传处理
handleFileUpload(file) { handleFileUpload(file) {
console.log('上传文件:', file); console.log('上传文件:', file);
// 此处可添加实际文件上传逻辑 // 此处可添加实际文件上传逻辑
}, },
navTo(url) { navTo(url) {
// gemhoUtil.nav2asd(url) // gemhoUtil.nav2asd(url)
let params = gemhoUtil.getUrlParams() let params = gemhoUtil.getUrlParams()
...@@ -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: '安全建议不可为空',
...@@ -120,16 +124,16 @@ window.addEventListener("load", function () { ...@@ -120,16 +124,16 @@ window.addEventListener("load", function () {
...this.formData, ...this.formData,
} }
// var url = "/gq/checkRecord/safeCheckRecord" // var url = "/gq/checkRecord/safeCheckRecord"
http3.post('/gq/consumer', reqParam).then((res) => { http3.post('/gq/consumer', reqParam).then((res) => {
console.log('添加结果', res) console.log('添加结果', res)
vant.Toast({ vant.Toast({
message: '操作成功', message: '操作成功',
}) })
setTimeout(()=>{ setTimeout(() => {
location.reload() location.reload()
}, 500) }, 500)
// gemhoUtil.navigatePage(`${this.pageName}.html${window.location.search}`, '操作完成,跳转中...') // gemhoUtil.navigatePage(`${this.pageName}.html${window.location.search}`, '操作完成,跳转中...')
}) })
}, },
......
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