From fe3c45d3ec35ef4d2ea6b36fe22a3461d7afaa98 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Tue, 02 Jan 2024 10:04:33 +0800
Subject: [PATCH] 基本信息不展示请输入、禁用样式修改、打印按钮样式
---
src/views/securityGuard/securityGuardDetail.vue | 78 ++++++++++++++++++++++++++++++++-------
1 files changed, 64 insertions(+), 14 deletions(-)
diff --git a/src/views/securityGuard/securityGuardDetail.vue b/src/views/securityGuard/securityGuardDetail.vue
index 7b9c055..7b85e62 100644
--- a/src/views/securityGuard/securityGuardDetail.vue
+++ b/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;
// }
--
Gitblit v1.9.3