保安信息封装组件

guanqb

2024-01-02 763c2bd3607403858b9beaf3b5daf8b82574519a

 src/views/securityMan/index.vue

@@ -1,19 +1,6 @@
<template>
    <div class="dispatch">
        <!-- <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
    <span v-if="typeTABS.prop === 'tab1'"> -->
        <div class="avue-page" id="avuePageEle"
            style="width: 1000px;margin: 0 auto;padding: 0 20px;position: relative;background-color: #fff;">
            <avue-form ref="form" v-model="form" :option="option0">
                <template slot="menuLeft">
                    <el-button type="primary" size="small" plain icon="el-icon-s-check" @click="printBA">打印
                    </el-button>
                </template>
            </avue-form>
        </div>
        <div class="printBtn">
            <el-button type="primary" @click="printBAInfo">打印</el-button>
        </div>
        <bAForm :form="form" :option0="option0"></bAForm>
    </div>
</template>

@@ -41,6 +28,8 @@
import { getUser, getUserPractitionersInfo, update as updateUserInfo } from "@/api/system/user"

import { mapState } from "vuex"

import bAForm from '@/components/bAForm/main'

export default {
    data () {
@@ -441,6 +430,10 @@
        }
    },

    components: {
        bAForm
    },

    computed: {
        ids1 () {
            let ids1 = []
@@ -454,20 +447,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"
@@ -743,26 +722,6 @@
    height: 100%;
    //   border: 1px solid #000;
    box-sizing: border-box;
}

.printBtn {
    position: fixed;
    top: 114px;
    right: 216px;
}

.avue-page {


    :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;
    }
}

.baoanzheng {