|
|
|
@ -33,7 +33,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="scan-note">扫一扫企业二维码，即可查看企业信息</div> |
|
|
|
<div class="nocode" @click="toNoScanView">扫码不成功？手动输入关键词查询 >></div> |
|
|
|
<div class="nocode" @click="toNoScanView">扫码不成功？手动输入关键词查询 >></div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class="recommend_box"> |
|
|
|
@ -50,6 +51,28 @@ |
|
|
|
<footer-nav></footer-nav> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<div v-if="visible" class="popup" v-show="isCheck"> |
|
|
|
<!-- 弹窗的内容 --> |
|
|
|
<div class="popup-content"> |
|
|
|
<div class="subtitle">请选择不扫码的原因：</div> |
|
|
|
<!-- 关闭按钮 --> |
|
|
|
<label class="close-button" @click="closeReason"></label> |
|
|
|
<div class="item-box"> |
|
|
|
<!-- <span :class="checkCss==1?'item-btn active':'item-btn'"--> |
|
|
|
<!-- @click="checkReason('企业拒绝出示二维码', 1)">企业拒绝出示二维码</span>--> |
|
|
|
<!-- <span :class="checkCss==2?'item-btn active':'item-btn'"--> |
|
|
|
<!-- @click="checkReason('网络/设备故障', 2)">网络/设备故障</span>--> |
|
|
|
<!-- <span :class="checkCss==3?'item-btn active':'item-btn'" --> |
|
|
|
<!-- @click="checkReason('其它', 3)">其它</span>--> |
|
|
|
|
|
|
|
<span v-for="(item, index) in dicts" :key="index" :class="checkCss==item.dictValue?'item-btn active':'item-btn'" @click="checkReason(item.dictLabel, item.dictValue)">{{item.dictLabel}}</span> |
|
|
|
</div> |
|
|
|
<div class="btnbox"> |
|
|
|
<!-- <button class='btn-reset' @click="">重置</button>--> |
|
|
|
<button class='btn-search' @click="closeReason">确定</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup name="Home"> |
|
|
|
@ -222,6 +245,7 @@ |
|
|
|
const goBack = () => { |
|
|
|
router.go(-1); |
|
|
|
}; |
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
@ -321,11 +345,12 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.nocode { |
|
|
|
margin: 15% 0 0; |
|
|
|
width: 100%; |
|
|
|
color: #fb7905; |
|
|
|
font-size: 0.42rem; |
|
|
|
text-align: center; |
|
|
|
line-height: 13; |
|
|
|
line-height: 5; |
|
|
|
} |
|
|
|
|
|
|
|
.scan-note { |
|
|
|
@ -335,4 +360,123 @@ |
|
|
|
text-align: center; |
|
|
|
line-height: 2; |
|
|
|
} |
|
|
|
|
|
|
|
.popup { |
|
|
|
position: fixed; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background: rgba(0, 0, 0, 0.35); |
|
|
|
} |
|
|
|
|
|
|
|
.popup-content { |
|
|
|
position: fixed; |
|
|
|
z-index: 999; |
|
|
|
bottom: 0; |
|
|
|
left: 0; |
|
|
|
padding: 0 3%; |
|
|
|
width: 94%; |
|
|
|
height: 35vh; |
|
|
|
background: #fff; |
|
|
|
overflow-y: auto; |
|
|
|
font-size: 0.38rem; |
|
|
|
} |
|
|
|
|
|
|
|
.subtitle { |
|
|
|
margin: 5% 2% 2%; |
|
|
|
width: 96%; |
|
|
|
/*font-size: 0.4rem; |
|
|
|
font-weight: 600;*/ |
|
|
|
border-bottom: 1px solid #f4f4f4; |
|
|
|
line-height: 2; |
|
|
|
} |
|
|
|
|
|
|
|
.item-btn { |
|
|
|
float: left; |
|
|
|
margin: 0.3rem 0.2rem; |
|
|
|
padding: 0.2rem 0.3rem; |
|
|
|
background-color: #f2f3f4; |
|
|
|
color: #999; |
|
|
|
border-radius: 1rem; |
|
|
|
font-size: 0.35rem; |
|
|
|
} |
|
|
|
|
|
|
|
.item-btn.active { |
|
|
|
background-color: #e9f2fb; |
|
|
|
color: #1367fe; |
|
|
|
} |
|
|
|
|
|
|
|
.btnbox { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
position: absolute; |
|
|
|
bottom: 1rem; |
|
|
|
left: 5%; |
|
|
|
width: 90%; |
|
|
|
height: 1rem; |
|
|
|
} |
|
|
|
|
|
|
|
.btn-reset { |
|
|
|
display: inline-block; |
|
|
|
margin: 0 2%; |
|
|
|
padding: 0; |
|
|
|
width: 60%; |
|
|
|
color: #fff; |
|
|
|
font-size: 0.35rem; |
|
|
|
border-radius: 1rem; |
|
|
|
background: #1367fe; |
|
|
|
border: 1px solid #1367fe; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
.btn-search { |
|
|
|
display: inline-block; |
|
|
|
margin: 3% 7%; |
|
|
|
padding: 0; |
|
|
|
width: 70%; |
|
|
|
color: #fff; |
|
|
|
font-size: 0.35rem; |
|
|
|
border-radius: 1rem; |
|
|
|
background: #1367fe; |
|
|
|
border: 1px solid #1367fe; |
|
|
|
text-align: center; |
|
|
|
height: 90%; |
|
|
|
} |
|
|
|
|
|
|
|
.btn-reset { |
|
|
|
width: 35%; |
|
|
|
background-color: #fff; |
|
|
|
border-color: rgba(19, 103, 254, .7); |
|
|
|
color: #1367fe; |
|
|
|
} |
|
|
|
|
|
|
|
.close-button { |
|
|
|
position: absolute; |
|
|
|
top: 0.15rem; |
|
|
|
right: 0.1rem; |
|
|
|
width: 0.8rem; |
|
|
|
height: 0.8rem; |
|
|
|
background-color: rgba(255, 255, 255, .5); |
|
|
|
border: 0.05rem solid rgba(255, 255, 255, .7); |
|
|
|
border-radius: 50%; |
|
|
|
transform: rotate(45deg); |
|
|
|
} |
|
|
|
|
|
|
|
.close-button:before, |
|
|
|
.close-button:after { |
|
|
|
content: ''; |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
left: 50%; |
|
|
|
background: #333; |
|
|
|
border-radius: 50%; |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
height: 0.4rem; |
|
|
|
width: 0.02rem; |
|
|
|
} |
|
|
|
|
|
|
|
.close-button:after { |
|
|
|
height: 0.02rem; |
|
|
|
width: 0.4rem; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
