基本信息不展示请输入、禁用样式修改、打印按钮样式

guanqb

2024-01-02 fe3c45d3ec35ef4d2ea6b36fe22a3461d7afaa98

基本信息不展示请输入、禁用样式修改、打印按钮样式

 src/views/securityGuard/securityGuardDetail.vue

@@ -1,8 +1,13 @@
<template>
    <div class="dispatch">
        <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
        <span v-if="typeTABS.prop === 'tab1'" class="a-f-box">
        <span v-if="typeTABS.prop === 'tab1'" class="a-f-box"
            style="display:block;width: 1100px;margin: 0 auto;padding: 0 20px;position: relative;background-color: #fff;"
            id="avuePageEle">
            <avue-form ref="form" v-model="obj0" :option="option0"> </avue-form>
            <div class="printBtn">
                <el-button type="primary" @click="printBAInfo">打印</el-button>
            </div>
        </span>
        <span v-else-if="typeTABS.prop === 'tab2'">
            <avue-crud :option="option1" :data="data1" :page.sync="page1" :table-loading="loading1" @row-save="rowSave1"
@@ -162,14 +167,14 @@
                                    value: "id"
                                },
                                labelWidth: 120,

                                placeholder: ' '
                            },
                            {
                                label: "姓名",
                                prop: "realName",
                                disabled: true,
                                labelWidth: 120,

                                placeholder: ' '
                            }
                        ]
                    },
@@ -186,7 +191,7 @@
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,

                                placeholder: ' '
                            },
                            {
                                label: "手机号码",
@@ -194,7 +199,7 @@
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,

                                placeholder: ' '
                            },
                            {
                                label: "个人照片",
@@ -214,7 +219,8 @@
                                tip:
                                    "上传近期一寸彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不小于30kb,不超过500kb",
                                span: 12,
                                prop: "avatar"
                                prop: "avatar",
                                placeholder: ' '
                            },
                            {
                                label: "是否持证",
@@ -235,7 +241,7 @@
                                        value: "3"
                                    }
                                ],

                                placeholder: ' '
                            },
                            {
                                label: "保安员证编号",
@@ -243,12 +249,13 @@
                                hide: true,
                                disabled: true,
                                display: true,

                                placeholder: ' '
                            },
                            {
                                label: "民族",
                                disabled: true,
                                prop: "nation"
                                prop: "nation",
                                placeholder: ' '
                            },
                            {
                                label: "最高学历",
@@ -262,12 +269,14 @@
                                    value: "dictKey"
                                },
                                dataType: "number",
                                slot: true
                                slot: true,
                                placeholder: ' '
                            },
                            {
                                label: "政治面貌",
                                disabled: true,
                                prop: "politicaloutlook"
                                prop: "politicaloutlook",
                                placeholder: ' '
                            },
                            {
                                label: "所属辖区",
@@ -282,13 +291,13 @@
                                },
                                checkStrictly: true,
                                slot: true,

                                placeholder: ' '
                            },
                            {
                                label: "从业单位",
                                disabled: true,
                                prop: "unitName",

                                placeholder: ' '
                            },
                            {
                                label: "性别",
@@ -306,7 +315,7 @@
                                        value: 2
                                    }
                                ],

                                placeholder: ' '
                            },
                            {
                                label: "婚姻状态",
@@ -321,12 +330,14 @@
                                },
                                dataType: "number",
                                hide: true,
                                placeholder: ' '
                            },
                            {
                                label: "户籍地址",
                                prop: "permanentResidenceAddress",
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "报考等级",
@@ -341,6 +352,7 @@
                                dataType: "number",
                                disabled: true,
                                hide: true,
                                placeholder: ' '
                            },
                            {
                                label: "家庭主要成员及联系方式",
@@ -349,6 +361,7 @@
                                span: 24,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "教育经历",
@@ -357,6 +370,7 @@
                                span: 24,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "工作经历",
@@ -365,18 +379,21 @@
                                span: 24,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "受理机关",
                                prop: "acceptancePoliceUnit",
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "受理人",
                                prop: "acceptancePerson",
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "受理时间",
@@ -388,6 +405,7 @@
                                row: true,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "健康状况图片(健康证)",
@@ -407,6 +425,7 @@
                                span: 12,
                                hide: true,
                                labelWidth: 120,
                                placeholder: ' '
                            },
                            {
                                label: "无犯罪记录图片",
@@ -426,6 +445,7 @@
                                span: 12,
                                hide: true,
                                labelWidth: 120,
                                placeholder: ' '
                            }
                        ]
                    }
@@ -501,6 +521,20 @@
        // },
    },
    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"
@@ -748,9 +782,25 @@
        padding: 0 20px;
        background: #fff;
        position: relative;

        .printBtn {
            position: absolute;
            top: 0;
            right: -100px;
        }
    }
}

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

 src/views/securityMan/index.vue

@@ -2,16 +2,17 @@
    <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: 800px;margin: 0 auto;padding: 0 20px;position: relative;">
        <div class="avue-page" id="avuePageEle"
            style="width: 1100px;margin: 0 auto;padding: 0 20px;position: relative;background-color: #fff;">
            <avue-form ref="form" v-model="form" :option="option0" :before-open="beforeOpen">
                <template slot="menuLeft">
                    <el-button type="primary" size="small" plain icon="el-icon-s-check" @click="printBA">打印
                    </el-button>
                </template>
            </avue-form>
            <div class="printBtn">
                <el-button type="primary" @click="printBAInfo">打印</el-button>
            </div>
        </div>
        <div class="printBtn">
            <el-button type="primary" @click="printBAInfo">打印</el-button>
        </div>
    </div>
</template> 
@@ -102,14 +103,14 @@
                                },
                                dicUrl: "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
                                labelWidth: 120,

                                placeholder: ' '
                            },
                            {
                                label: "姓名",
                                prop: "realName",
                                disabled: true,
                                labelWidth: 120,

                                placeholder: ' '
                            }
                        ]
                    },
@@ -126,7 +127,7 @@
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,

                                placeholder: ' '
                            },
                            {
                                label: "手机号码",
@@ -134,7 +135,7 @@
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,

                                placeholder: ' '
                            },
                            {
                                label: "个人照片",
@@ -154,7 +155,8 @@
                                tip:
                                    "上传近期一寸彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不小于30kb,不超过500kb",
                                span: 12,
                                prop: "avatar"
                                prop: "avatar",
                                placeholder: ' '
                            },
                            {
                                label: "是否持证",
@@ -175,7 +177,7 @@
                                        value: "3"
                                    }
                                ],

                                placeholder: ' '
                            },
                            {
                                label: "保安员证编号",
@@ -183,12 +185,13 @@
                                hide: true,
                                disabled: true,
                                display: true,

                                placeholder: ' '
                            },
                            {
                                label: "民族",
                                disabled: true,
                                prop: "nation"
                                prop: "nation",
                                placeholder: ' '
                            },
                            {
                                label: "最高学历",
@@ -202,12 +205,14 @@
                                    value: "dictKey"
                                },
                                dataType: "number",
                                slot: true
                                slot: true,
                                placeholder: ' '
                            },
                            {
                                label: "政治面貌",
                                disabled: true,
                                prop: "politicaloutlook"
                                prop: "politicaloutlook",
                                placeholder: ' '
                            },
                            {
                                label: "所属辖区",
@@ -222,13 +227,13 @@
                                },
                                checkStrictly: true,
                                slot: true,

                                placeholder: ' '
                            },
                            {
                                label: "从业单位",
                                disabled: true,
                                prop: "unitName",

                                placeholder: ' '
                            },
                            {
                                label: "性别",
@@ -246,7 +251,7 @@
                                        value: 2
                                    }
                                ],

                                placeholder: ' '
                            },
                            {
                                label: "婚姻状态",
@@ -261,12 +266,14 @@
                                },
                                dataType: "number",
                                hide: true,
                                placeholder: ' '
                            },
                            {
                                label: "户籍地址",
                                prop: "permanentResidenceAddress",
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "报考等级",
@@ -281,6 +288,7 @@
                                dataType: "number",
                                disabled: true,
                                hide: true,
                                placeholder: ' '
                            },
                            {
                                label: "家庭主要成员及联系方式",
@@ -289,6 +297,7 @@
                                span: 24,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "教育经历",
@@ -297,6 +306,7 @@
                                span: 24,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "工作经历",
@@ -305,18 +315,21 @@
                                span: 24,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "受理机关",
                                prop: "acceptancePoliceUnit",
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "受理人",
                                prop: "acceptancePerson",
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "受理时间",
@@ -328,6 +341,7 @@
                                row: true,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "健康状况图片(健康证)",
@@ -347,6 +361,7 @@
                                span: 12,
                                hide: true,
                                labelWidth: 120,
                                placeholder: ' '
                            },
                            {
                                label: "无犯罪记录图片",
@@ -366,6 +381,7 @@
                                span: 12,
                                hide: true,
                                labelWidth: 120,
                                placeholder: ' '
                            }
                        ]
                    }
@@ -424,7 +440,7 @@
            erweima: "",
        }
    },
   

    created () {
    },

@@ -762,17 +778,23 @@
    box-sizing: border-box;
}

.avue-page {
    width: 800px;
    margin: 0 auto;
    padding: 0 20px;
    background: #fff;
    position: relative;
.printBtn {
    position: fixed;
    top: 114px;
    right: 216px;
}

    .printBtn {
        position: absolute;
        bottom: 36px;
        right: -88px;
.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;
    }
}