fix: BUG修改
This commit is contained in:
parent
eb5e2ec392
commit
995556a25f
@ -78,8 +78,8 @@
|
|||||||
<div
|
<div
|
||||||
class="downDiv"
|
class="downDiv"
|
||||||
style="text-align: center;"
|
style="text-align: center;"
|
||||||
:style="{ height: backimgheightDown + 'px' }"
|
|
||||||
>
|
>
|
||||||
|
<!-- :style="{ height: backimgheightDown + 'px' }" -->
|
||||||
<div
|
<div
|
||||||
class="downHear"
|
class="downHear"
|
||||||
:style="{
|
:style="{
|
||||||
@ -118,36 +118,38 @@
|
|||||||
>通过后台查询到,您有以下扣分记录:</div>
|
>通过后台查询到,您有以下扣分记录:</div>
|
||||||
<ul
|
<ul
|
||||||
class="text2-content"
|
class="text2-content"
|
||||||
v-infinite-scroll="load"
|
style="overflow-y:scroll"
|
||||||
style="overflow:auto"
|
:style="{ fontSize: backimgFontSize * 0.5 + 'px' }"
|
||||||
:style="{ fontSize: backimgFontSize * 0.5 + 'px', height: backimgFontSize * 6 + 'px', }"
|
|
||||||
>
|
>
|
||||||
<li
|
<vue-scroll :style="{height: backimgFontSize * 6 + 'px'}">
|
||||||
class="text2-item"
|
<li
|
||||||
v-for="( item, i ) in scoreRecord "
|
class="text2-item"
|
||||||
:key="item.id"
|
v-for="( item, i ) in scoreRecord "
|
||||||
:style="{ height: backimgFontSize * 2 + 'px', paddingTop: backimgFontSize * 0.33 + 'px', width: ((backimgFontSize * 13.35) - 25) + 'px' }"
|
:key="item.id"
|
||||||
>{{ i + 1 }}. {{ item.deductReason }}</li>
|
:style="{ paddingTop: backimgFontSize * 0.33 + 'px', width: ((backimgFontSize * 13.35) - 25) + 'px' }"
|
||||||
|
>{{ i + 1 }}. {{ item.deductReason }}</li>
|
||||||
|
<!-- height: backimgFontSize * 2 + 'px', -->
|
||||||
|
</vue-scroll>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="foot"
|
class="foot"
|
||||||
v-if="WorkerInfo.safeScore >= 90"
|
v-if="WorkerInfo.safeScore >= 90"
|
||||||
:style="{ 'color': fontColor, paddingTop: backimgFontSize * 0.4 + 'px', fontSize: backimgFontSize * 0.9 + 'px' }"
|
:style="{ 'color': fontColor, 'left': '40%', paddingTop: backimgFontSize * 0.4 + 'px', fontSize: backimgFontSize * 0.9 + 'px' }"
|
||||||
>
|
>
|
||||||
可通行
|
可通行
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="foot"
|
class="foot"
|
||||||
v-if="WorkerInfo.safeScore >= 80 && WorkerInfo.safeScore < 90"
|
v-if="WorkerInfo.safeScore >= 80 && WorkerInfo.safeScore < 90"
|
||||||
:style="{ 'color': fontColor, paddingTop: backimgFontSize * 0.2 + 'px', fontSize: backimgFontSize * 0.9 + 'px' }"
|
:style="{ 'color': fontColor, 'left': '21%', paddingTop: backimgFontSize * 0.2 + 'px', fontSize: backimgFontSize * 0.9 + 'px' }"
|
||||||
>
|
>
|
||||||
安全分已经低于90分
|
安全分已经低于90分
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="foot"
|
class="foot"
|
||||||
v-if="WorkerInfo.safeScore < 80"
|
v-if="WorkerInfo.safeScore < 80"
|
||||||
:style="{ 'color': fontColor, paddingTop: backimgFontSize * 0.2 + 'px', fontSize: backimgFontSize * 0.9 + 'px' }"
|
:style="{ 'color': fontColor, 'left': '21%', paddingTop: backimgFontSize * 0.2 + 'px', fontSize: backimgFontSize * 0.9 + 'px' }"
|
||||||
>
|
>
|
||||||
安全分已经低于80分
|
安全分已经低于80分
|
||||||
</div>
|
</div>
|
||||||
@ -452,7 +454,8 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.content-down {
|
.content-down {
|
||||||
height: 45.5%;
|
// height: 45.5%;
|
||||||
|
height: 40.5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.upDiv {
|
.upDiv {
|
||||||
@ -535,6 +538,9 @@ li {
|
|||||||
font-size: 1.3rem;
|
font-size: 1.3rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 4%;
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.down-up {
|
.down-up {
|
||||||
@ -545,8 +551,10 @@ li {
|
|||||||
|
|
||||||
|
|
||||||
.downDiv {
|
.downDiv {
|
||||||
/* height: 100%; */
|
height: 100%;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.downHear {
|
.downHear {
|
||||||
|
|||||||
@ -10,14 +10,9 @@
|
|||||||
placeholder="请输入身份证号码"
|
placeholder="请输入身份证号码"
|
||||||
v-model="value"
|
v-model="value"
|
||||||
maxlength="18"
|
maxlength="18"
|
||||||
>
|
/>
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="anniu"
|
|
||||||
@click="toQR"
|
|
||||||
>
|
|
||||||
查看二维码
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="anniu" @click="toQR">查看二维码</div>
|
||||||
<div class="p">
|
<div class="p">
|
||||||
<p v-if="!isValidIdCard">请输入有效的身份证号码!</p>
|
<p v-if="!isValidIdCard">请输入有效的身份证号码!</p>
|
||||||
</div>
|
</div>
|
||||||
@ -29,10 +24,10 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { entryCodeApi } from '@/assets/js/api/safeManage.js'
|
import { entryCodeApi } from "@/assets/js/api/safeManage.js";
|
||||||
export default {
|
export default {
|
||||||
name: 'myLogin',
|
name: "myLogin",
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
value: "",
|
value: "",
|
||||||
isValidIdCard: true,
|
isValidIdCard: true,
|
||||||
@ -40,24 +35,23 @@ export default {
|
|||||||
projectSn: "",
|
projectSn: "",
|
||||||
userId: "",
|
userId: "",
|
||||||
id: "",
|
id: "",
|
||||||
}
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted () {
|
mounted() {
|
||||||
this.getQuery();
|
this.getQuery();
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
getQuery () {
|
getQuery() {
|
||||||
this.projectSn = this.$route.query.projectSn;
|
this.projectSn = this.$route.query.projectSn;
|
||||||
this.userId = this.$route.query.userId;
|
this.userId = this.$route.query.userId;
|
||||||
},
|
},
|
||||||
|
|
||||||
async selectWorkerInfo () {
|
async selectWorkerInfo() {
|
||||||
const params = {
|
const params = {
|
||||||
// projectSn: this.projectSn,
|
// projectSn: this.projectSn,
|
||||||
idCard: this.value
|
idCard: this.value,
|
||||||
};
|
};
|
||||||
// const idCard = this.value;
|
// const idCard = this.value;
|
||||||
const res = await entryCodeApi(params);
|
const res = await entryCodeApi(params);
|
||||||
@ -65,36 +59,38 @@ export default {
|
|||||||
if (res.success == true) {
|
if (res.success == true) {
|
||||||
this.id = res.result.id;
|
this.id = res.result.id;
|
||||||
console.log("this.id:" + this.id);
|
console.log("this.id:" + this.id);
|
||||||
this.$router.push({ name: '准入二维码_详情', params: { WorkerInfo: res.result, projectSn: this.projectSn } })
|
this.$router.push({
|
||||||
|
name: "准入二维码_详情",
|
||||||
|
params: { WorkerInfo: res.result, projectSn: this.projectSn },
|
||||||
|
});
|
||||||
// this.$router.push({path: '/entryCodeDetail'});
|
// this.$router.push({path: '/entryCodeDetail'});
|
||||||
} else {
|
} else {
|
||||||
console.log("没有查到信息");
|
console.log("没有查到信息");
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
validateIdCard () {
|
validateIdCard() {
|
||||||
// 身份证号码正则表达式,简单示例
|
// 身份证号码正则表达式,简单示例
|
||||||
const idCardRegex = /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])([0-2][1-9]|10|20|30)\d{3}[\dX]$/;
|
const idCardRegex =
|
||||||
|
/^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])([0-2][1-9]|10|20|30)\d{3}[\dX]$/;
|
||||||
// 验证身份证号码格式
|
// 验证身份证号码格式
|
||||||
this.isValidIdCard = idCardRegex.test(this.value);
|
this.isValidIdCard = idCardRegex.test(this.value);
|
||||||
},
|
},
|
||||||
toQR () {
|
toQR() {
|
||||||
if (this.value != null && this.value != "") {
|
if (this.value != null && this.value != "") {
|
||||||
this.iscunzai = true
|
this.iscunzai = true;
|
||||||
this.validateIdCard();
|
this.validateIdCard();
|
||||||
if (this.isValidIdCard) {
|
if (this.isValidIdCard) {
|
||||||
console.log("身份证号:" + this.value);
|
console.log("身份证号:" + this.value);
|
||||||
this.selectWorkerInfo();
|
this.selectWorkerInfo();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
this.isValidIdCard = true
|
this.isValidIdCard = true;
|
||||||
this.iscunzai = false
|
this.iscunzai = false;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
};
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
@ -119,39 +115,39 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.input {
|
.input {
|
||||||
width: 90%;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 40%;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
font-size: 1.3rem;
|
|
||||||
text-align: center;
|
|
||||||
height: 2.5rem;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: rgb(165, 165, 165) solid 0.08rem;
|
margin-top: 40%;
|
||||||
border-radius: 0.41rem;
|
display: flex;
|
||||||
}
|
justify-content: center;
|
||||||
|
input {
|
||||||
|
font-size: 1.3rem;
|
||||||
|
text-align: center;
|
||||||
|
height: 2.5rem;
|
||||||
|
width: 88%;
|
||||||
|
border: rgb(165, 165, 165) solid 0.08rem;
|
||||||
|
border-radius: 0.41rem;
|
||||||
|
}
|
||||||
|
|
||||||
input::placeholder {
|
input::placeholder {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
color: rgb(123, 123, 123);
|
color: rgb(123, 123, 123);
|
||||||
}
|
}
|
||||||
|
|
||||||
input::-ms-input-placeholder {
|
input::-ms-input-placeholder {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
input::-webkit-input-placeholder {
|
input::-webkit-input-placeholder {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
font-size: 1.6rem;
|
font-size: 1.6rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 30%;
|
margin-top: 30%;
|
||||||
p{
|
p {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user