上岗证样式修改

guanqb

2023-12-28 274b98cd885886b76cd90acd388f3352a0479d46

 src/views/securityGuard/baoanz.vue

@@ -1,25 +1,24 @@
<template>
    <div class="baoanzheng-1"
         id="baoanzheng-1">
        <div class="baz-main-1"
             ref="baoanzheng1">
            <img class="baz-main-img1"
                 :src="data.avatar"
                 alt="" />
            <div class="baz-main-img1-2"
                 v-if='permission.securityGuard_workLicense'>
                <img class="baz-main-img1-2-i"
                     :src="erweima"
                     alt="" />
            </div>
            <div class="b-m-ups-1">
                {{ data.realName }}
    <div class="baoanzheng-1" id="baoanzheng-1">
        <div class="baz-main-1" ref="baoanzheng1">
            <img class="baz-main-img1" :src="data.avatar" alt="" />
            <div class="baz-main-img1-2" v-if='permission.securityGuard_workLicense'>
                <img class="baz-main-img1-2-i" :src="erweima" alt="" />
            </div>
            <div class="b-m-ups-1">
                {{ data.$sex }}
            </div>
            <div class="b-m-ups-1 securitynumber-1">
            <div class="b-m-ups-1">
                {{ data.securitynumber }}
            </div>
            <div class="b-m-ups-1 b-m-ups-2">
                {{ data.birthdayData || "---" }}
            </div>
            <div class="b-m-ups-1 b-m-ups-3">
                {{ data.cardid }}
            </div>
            <div class="b-m-ups-1">
                {{ data.registered || "---" }}
            </div>
            <div class="b-m-ups-1 b-m-ups-2">
                <!-- {{ data.securitynumber }} -->晋城市公安局
@@ -27,16 +26,14 @@
            <div class="b-m-ups-1 b-m-ups-2">
                {{ data.paperTime || "---" }}
            </div>
            <div class="b-m-ups-1 realName">
                {{ data.realName || "---" }}
            </div>
        </div>
        <span slot="footer"
              class="dialog-footer no-print PrintBut">
        <span slot="footer" class="dialog-footer no-print PrintBut">
            <!-- v-show="closePrint != 1" -->
            <el-button v-show='false'
                       type="primary"
                       @click="Print">打 印</el-button>
            <el-button type="primary"
                       @click="closeME"
                       v-show="close == 1">返 回</el-button>
            <el-button v-show='false' type="primary" @click="Print">打 印</el-button>
            <el-button type="primary" @click="closeME" v-show="close == 1">返 回</el-button>
        </span>
    </div>
</template>
@@ -51,14 +48,14 @@
//         }
//     })
// }
import { mapGetters } from "vuex";
import { getER } from "@/api/performance/performance";
import { mapGetters } from "vuex"
import { getER } from "@/api/performance/performance"
export default {
    props: ["data", "close", "closePrint"],
    data () {
        return {
            erweima: "",
        };
        }
    },
    computed: {
        ...mapGetters(["userInfo", "permission"]),
@@ -69,28 +66,28 @@
    mounted () {

        getER(this.data.securitynumber).then((res) => {
            this.erweima = res.data;
            this.erweima = res.data
            // console.log(res.data);
        });
        })
    },
    methods: {
        Print () {
            var printDom = document.getElementById("baoanzheng-1");
            printDom.style.position = "fixed";
            printDom.style.left = "-10%";
            printDom.style.width = "120%";
            printDom.style.height = "100%";
            this.$Print(this.$refs.baoanzheng1);
            printDom.style.position = "relative";
            printDom.style.left = "0";
            printDom.style.width = "100%";
            printDom.style.height = "calc(100% - 100px)";
            var printDom = document.getElementById("baoanzheng-1")
            printDom.style.position = "fixed"
            printDom.style.left = "-10%"
            printDom.style.width = "120%"
            printDom.style.height = "100%"
            this.$Print(this.$refs.baoanzheng1)
            printDom.style.position = "relative"
            printDom.style.left = "0"
            printDom.style.width = "100%"
            printDom.style.height = "calc(100% - 100px)"
        },
        closeME () {
            this.$emit("close");
            this.$emit("close")
        },
    },
};
}
</script>

<style lang="scss" scoped>
@@ -102,20 +99,23 @@
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .baz-main-1 {
        background-image: url('/img/register/bazbj2.png');
        background-image: url('/img/register/bazbj3.png');
        background-size: 100% 100%;
        width: calc(1274px * 0.5) !important;
        height: calc(828px * 0.5) !important;
        position: relative;
        margin-bottom: 10px;

        .baz-main-img1 {
            width: 170px;
            width: 150px;
            position: absolute;
            left: 51px;
            top: 57px;
            height: 237px;
            left: 44px;
            top: 120px;
            height: 220px;
        }

        .baz-main-img1-2 {
            width: 91px;
            position: absolute;
@@ -124,6 +124,7 @@
            top: 78px;
            height: 93px;
            overflow: hidden;

            .baz-main-img1-2-i {
                width: 115px;
                height: 115px;
@@ -132,22 +133,34 @@
                left: -11px;
            }
        }

        .b-m-ups-1 {
            width: 50%;
            height: 30px;
            font-size: 22px;
            height: 13px;
            font-size: 21px;
            font-weight: 400;
            position: relative;
            top: 91px;
            left: 320px;
            margin-bottom: 21px;
            top: 108px;
            left: 270px;
            margin-bottom: 22px;
        }

        // .securitynumber-1 {
        //   font-size: 22px;
        //   margin-bottom: 18px;
        // }
        .b-m-ups-2 {
            left: 358px;
            left: 304px;
        }

        .b-m-ups-3 {
            left: 356px;
        }

        .realName {
            left: 92px;
            top: 94px;
            font-size: 16px;
        }
    }
}