保安信息封装组件

guanqb

2024-01-02 763c2bd3607403858b9beaf3b5daf8b82574519a

 src/views/securityGuard/securityGuardDetail.vue

@@ -1,15 +1,8 @@
<template>
    <div class="dispatch">
        <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
        <span v-if="typeTABS.prop === 'tab1'" class="a-f-box"
            style="display:block;width: 1000px;margin: 0 auto;padding: 0 20px;position: relative;background-color: #fff;"
            id="avuePageEle">
            <avue-form ref="form" v-model="obj1" :option="option0"> </avue-form>
        </span>
        <span v-if="typeTABS.prop === 'tab1'" class="a-f-box-btn">
            <div class="printBtn">
                <el-button type="primary" @click="printBAInfo">打印</el-button>
            </div>
        <span v-if="typeTABS.prop === 'tab1'">
            <bAForm :form="obj1" :option0="option0"></bAForm>
        </span>
        <span v-else-if="typeTABS.prop === 'tab2'">
            <avue-crud :option="option1" :data="data1" :page.sync="page1" :table-loading="loading1" @row-save="rowSave1"
@@ -101,11 +94,13 @@
// import vueQr from "vue-qr";
import securityCertificate from "./securityCertificate.vue"
import baoanz from "./baoanz.vue"
import bAForm from '@/components/bAForm/main'

export default {
    components: {
        securityCertificate: securityCertificate,
        baoanz,
        bAForm
    },
    data () {
        return {
@@ -526,20 +521,6 @@
        // },
    },
    methods: {
        // 打印保安信息
        printBAInfo () {
            var printDom = document.getElementById("avuePageEle")
            this.$print("#avuePageEle", {
                noPrint: ".noPrint",
                onStart: () => {
                    // console.log('打印开始', Date.parse(new Date()));
                },
                onEnd: () => {
                    // console.log('打印完成', Date.parse(new Date()));
                }
            })
        },

        Print () {
            var printDom = document.getElementById("baoanzheng")
            printDom.style.position = "fixed"
@@ -833,32 +814,7 @@


    }

    .printBtn {
        position: absolute;
        top: 108px;
        right: 200px;
    }
}

:deep(.el-input.is-disabled .el-input__inner) {
    background-color: #fff;
    color: #000;
}

:deep(.el-textarea.is-disabled .el-textarea__inner) {
    background-color: #fff;
    color: #000;
}

// .el-card__body {
//   padding-bottom: 5px !important;
// }
// .avue-crud__tip,
// .el-tag,
// .el-tag--light {
//   padding: 0 !important;
// }

.baoanzheng {
    // position: fixed;