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

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