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/securityMan/index.vue | 78 ++++++++++++++++---------
src/views/securityGuard/securityGuardDetail.vue | 78 +++++++++++++++++++++----
2 files changed, 114 insertions(+), 42 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;
// }
diff --git a/src/views/securityMan/index.vue b/src/views/securityMan/index.vue
index 06af5a6..416d3db 100644
--- a/src/views/securityMan/index.vue
+++ b/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;
}
}
--
Gitblit v1.9.3