From 2e011ae9b681fd78a47b2c2ed070cde733dc52ec Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Tue, 02 Jan 2024 03:51:46 +0800
Subject: [PATCH] 保安基本信息样式和打印功能
---
src/views/securityGuard/securityGuardDetail.vue | 303 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 298 insertions(+), 5 deletions(-)
diff --git a/src/views/securityGuard/securityGuardDetail.vue b/src/views/securityGuard/securityGuardDetail.vue
index 6dc5a64..7b9c055 100644
--- a/src/views/securityGuard/securityGuardDetail.vue
+++ b/src/views/securityGuard/securityGuardDetail.vue
@@ -1,7 +1,7 @@
<template>
<div class="dispatch">
<avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
- <span v-if="typeTABS.prop === 'tab1'">
+ <span v-if="typeTABS.prop === 'tab1'" class="a-f-box">
<avue-form ref="form" v-model="obj0" :option="option0"> </avue-form>
</span>
<span v-else-if="typeTABS.prop === 'tab2'">
@@ -142,10 +142,294 @@
},
option0: {
emptyBtn: false,
+ editBtn: false,
submitBtn: false,
- labelWidth: "110",
- gutter: 30,
- column: securityBaseInfoColumn,
+ group: [
+ {
+ label: "基础信息",
+ labelWidth: "110",
+ prop: "baseInfo",
+ icon: "el-icon-user-solid",
+ column: [
+ {
+ label: "企业名称",
+ prop: "deptId",
+ type: "tree",
+ disabled: true,
+ dicUrl: "/api/blade-system/dept/security_lazy-tree?parentId=1413470343230877697",
+ props: {
+ label: "title",
+ value: "id"
+ },
+ labelWidth: 120,
+
+ },
+ {
+ label: "姓名",
+ prop: "realName",
+ disabled: true,
+ labelWidth: 120,
+
+ }
+ ]
+ },
+ {
+ label: "详细信息",
+ prop: "detailInfo",
+ labelWidth: "110",
+ icon: "el-icon-s-order",
+ column: [
+ {
+ label: "身份证号",
+ prop: "cardid",
+ hide: true,
+ overHidden: true,
+ disabled: true,
+ labelWidth: 120,
+
+ },
+ {
+ label: "手机号码",
+ prop: "phone",
+ overHidden: true,
+ disabled: true,
+ labelWidth: 120,
+
+ },
+ {
+ label: "个人照片",
+ type: "upload",
+ listType: "picture-img",
+ labelWidth: 120,
+ disabled: true,
+ propsHttp: {
+ res: "data",
+ url: "url"
+ },
+ canvasOption: {
+ text: " ",
+ ratio: 1.0
+ },
+ action: "/api/blade-resource/oss/endpoint/put-files",
+ tip:
+ "上传近期一寸彩色正面免冠图象， (358像素(宽) × 441像素(高)、分辨率350dpi)且不小于30kb,不超过500kb",
+ span: 12,
+ prop: "avatar"
+ },
+ {
+ label: "是否持证",
+ prop: "hold",
+ type: "select",
+ disabled: true,
+ dicData: [
+ {
+ label: "是",
+ value: "1"
+ },
+ {
+ label: "否",
+ value: "2"
+ },
+ {
+ label: "已吊销",
+ value: "3"
+ }
+ ],
+
+ },
+ {
+ label: "保安员证编号",
+ prop: "securitynumber",
+ hide: true,
+ disabled: true,
+ display: true,
+
+ },
+ {
+ label: "民族",
+ disabled: true,
+ prop: "nation"
+ },
+ {
+ label: "最高学历",
+ prop: "education1",
+ disabled: true,
+ type: "select",
+ dicUrl:
+ "/api/blade-system/dict-biz/dictionary?code=educationType",
+ props: {
+ label: "dictValue",
+ value: "dictKey"
+ },
+ dataType: "number",
+ slot: true
+ },
+ {
+ label: "政治面貌",
+ disabled: true,
+ prop: "politicaloutlook"
+ },
+ {
+ label: "所属辖区",
+ prop: "jurisdiction",
+ // multiple: true,
+ type: "tree",
+ disabled: true,
+ dicUrl: "/api/jurisdiction/lazy-tree",
+ props: {
+ label: "title",
+ value: "id"
+ },
+ checkStrictly: true,
+ slot: true,
+
+ },
+ {
+ label: "从业单位",
+ disabled: true,
+ prop: "unitName",
+
+ },
+ {
+ label: "性别",
+ prop: "sex",
+ type: "select",
+ disabled: true,
+ slot: true,
+ dicData: [
+ {
+ label: "男",
+ value: 1
+ },
+ {
+ label: "女",
+ value: 2
+ }
+ ],
+
+ },
+ {
+ label: "婚姻状态",
+ prop: "marriageStatus",
+ type: "select",
+ disabled: true,
+ dicUrl:
+ "/api/blade-system/dict-biz/dictionary?code=marriageStatusType",
+ props: {
+ label: "dictValue",
+ value: "dictKey"
+ },
+ dataType: "number",
+ hide: true,
+ },
+ {
+ label: "户籍地址",
+ prop: "permanentResidenceAddress",
+ hide: true,
+ disabled: true,
+ },
+ {
+ label: "报考等级",
+ prop: "signLevel",
+ type: "select",
+ dicUrl:
+ "/api/blade-system/dict-biz/dictionary?code=signLevelType",
+ props: {
+ label: "dictValue",
+ value: "dictKey"
+ },
+ dataType: "number",
+ disabled: true,
+ hide: true,
+ },
+ {
+ label: "家庭主要成员及联系方式",
+ prop: "memberOfFamily",
+ type: "textarea",
+ span: 24,
+ hide: true,
+ disabled: true,
+ },
+ {
+ label: "教育经历",
+ prop: "educationExperience",
+ type: "textarea",
+ span: 24,
+ hide: true,
+ disabled: true,
+ },
+ {
+ label: "工作经历",
+ prop: "workExperience",
+ type: "textarea",
+ span: 24,
+ hide: true,
+ disabled: true,
+ },
+ {
+ label: "受理机关",
+ prop: "acceptancePoliceUnit",
+ hide: true,
+ disabled: true,
+ },
+ {
+ label: "受理人",
+ prop: "acceptancePerson",
+ hide: true,
+ disabled: true,
+ },
+ {
+ label: "受理时间",
+ prop: "acceptanceTime",
+ type: "date",
+ format: "yyyy-MM-dd",
+ valueFormat: "yyyy-MM-dd",
+ span: 12,
+ row: true,
+ hide: true,
+ disabled: true,
+ },
+ {
+ label: "健康状况图片(健康证)",
+ prop: "healthCertificateUrl",
+ type: "upload",
+ disabled: true,
+ listType: "picture-img",
+ propsHttp: {
+ res: "data",
+ url: "url"
+ },
+ canvasOption: {
+ text: " ",
+ ratio: 1.0
+ },
+ action: "/api/blade-resource/oss/endpoint/put-files",
+ span: 12,
+ hide: true,
+ labelWidth: 120,
+ },
+ {
+ label: "无犯罪记录图片",
+ prop: "noCriminalRecordProveUrl",
+ type: "upload",
+ disabled: true,
+ listType: "picture-img",
+ propsHttp: {
+ res: "data",
+ url: "url"
+ },
+ canvasOption: {
+ text: " ",
+ ratio: 1.0
+ },
+ action: "/api/blade-resource/oss/endpoint/put-files",
+ span: 12,
+ hide: true,
+ labelWidth: 120,
+ }
+ ]
+ }
+ ]
},
loading1: true,
loading2: true,
@@ -450,12 +734,21 @@
}
</script>
-<style lang="scss">
+<style lang="scss" scoped>
.dispatch {
width: 100%;
height: 100%;
// border: 1px solid #000;
box-sizing: border-box;
+
+ .a-f-box {
+ display: block;
+ width: 1100px;
+ margin: 0 auto;
+ padding: 0 20px;
+ background: #fff;
+ position: relative;
+ }
}
// .el-card__body {
--
Gitblit v1.9.3