| | |
| | | <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: 1000px;margin: 0 auto;padding: 0 20px;position: relative;background-color: #fff;" |
| | | id="avuePageEle"> |
| | | <avue-form ref="form" v-model="obj0" :option="option0"> </avue-form> |
| | | </span> |
| | | <span v-if="typeTABS.prop === 'tab1'" class="a-f-box-btn"> |
| | | <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" |
| | |
| | | getER, |
| | | } from "@/api/performance/performance" |
| | | |
| | | import { getUser, getUserPractitionersInfo } from "@/api/system/user" |
| | | |
| | | // import vueQr from "vue-qr"; |
| | | import securityCertificate from "./securityCertificate.vue" |
| | | import baoanz from "./baoanz.vue" |
| | |
| | | value: "id" |
| | | }, |
| | | labelWidth: 120, |
| | | |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "姓名", |
| | | prop: "realName", |
| | | disabled: true, |
| | | labelWidth: 120, |
| | | |
| | | placeholder: ' ' |
| | | } |
| | | ] |
| | | }, |
| | |
| | | overHidden: true, |
| | | disabled: true, |
| | | labelWidth: 120, |
| | | |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "手机号码", |
| | |
| | | overHidden: true, |
| | | disabled: true, |
| | | labelWidth: 120, |
| | | |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "个人照片", |
| | |
| | | tip: |
| | | "上传近期一寸彩色正面免冠图象, (358像素(宽) × 441像素(高)、分辨率350dpi)且不小于30kb,不超过500kb", |
| | | span: 12, |
| | | prop: "avatar" |
| | | prop: "avatar", |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "是否持证", |
| | |
| | | value: "3" |
| | | } |
| | | ], |
| | | |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "保安员证编号", |
| | |
| | | hide: true, |
| | | disabled: true, |
| | | display: true, |
| | | |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "民族", |
| | | disabled: true, |
| | | prop: "nation" |
| | | prop: "nation", |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "最高学历", |
| | |
| | | value: "dictKey" |
| | | }, |
| | | dataType: "number", |
| | | slot: true |
| | | slot: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "政治面貌", |
| | | disabled: true, |
| | | prop: "politicaloutlook" |
| | | prop: "politicaloutlook", |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "所属辖区", |
| | |
| | | }, |
| | | checkStrictly: true, |
| | | slot: true, |
| | | |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "从业单位", |
| | | disabled: true, |
| | | prop: "unitName", |
| | | |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "性别", |
| | |
| | | value: 2 |
| | | } |
| | | ], |
| | | |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "婚姻状态", |
| | |
| | | }, |
| | | dataType: "number", |
| | | hide: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "户籍地址", |
| | | prop: "permanentResidenceAddress", |
| | | hide: true, |
| | | disabled: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "报考等级", |
| | |
| | | dataType: "number", |
| | | disabled: true, |
| | | hide: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "家庭主要成员及联系方式", |
| | |
| | | span: 24, |
| | | hide: true, |
| | | disabled: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "教育经历", |
| | |
| | | span: 24, |
| | | hide: true, |
| | | disabled: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "工作经历", |
| | |
| | | span: 24, |
| | | hide: true, |
| | | disabled: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "受理机关", |
| | | prop: "acceptancePoliceUnit", |
| | | hide: true, |
| | | disabled: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "受理人", |
| | | prop: "acceptancePerson", |
| | | hide: true, |
| | | disabled: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "受理时间", |
| | |
| | | row: true, |
| | | hide: true, |
| | | disabled: true, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "健康状况图片(健康证)", |
| | |
| | | span: 12, |
| | | hide: true, |
| | | labelWidth: 120, |
| | | placeholder: ' ' |
| | | }, |
| | | { |
| | | label: "无犯罪记录图片", |
| | |
| | | span: 12, |
| | | hide: true, |
| | | labelWidth: 120, |
| | | placeholder: ' ' |
| | | } |
| | | ] |
| | | } |
| | |
| | | // }, |
| | | }, |
| | | 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" |
| | |
| | | mounted () { |
| | | this.typeTABS = this.optionTABS.column[0] |
| | | var data = JSON.parse(this.$route.query.row) |
| | | getUser(data.id).then(res => { |
| | | let form = res.data.data |
| | | var d = { |
| | | education1: res.data.data.education |
| | | } |
| | | form = { |
| | | ...form, |
| | | ...d |
| | | } |
| | | if (form.userDetail) { |
| | | form.userDetailId = form.userDetail.id |
| | | form.marriageStatus = form.userDetail.marriageStatus |
| | | form.signLevel = form.userDetail.signLevel |
| | | form.permanentResidenceAddress = form.userDetail.permanentResidenceAddress |
| | | form.dwellAddress = form.userDetail.dwellAddress |
| | | form.memberOfFamily = form.userDetail.memberOfFamily |
| | | form.educationExperience = form.userDetail.educationExperience |
| | | form.workExperience = form.userDetail.workExperience |
| | | form.healthCertificateUrl = form.userDetail.healthCertificateUrl |
| | | form.noCriminalRecordProveUrl = form.userDetail.noCriminalRecordProveUrl |
| | | form.acceptancePoliceUnit = form.userDetail.acceptancePoliceUnit |
| | | form.acceptancePerson = form.userDetail.acceptancePerson |
| | | form.acceptanceTime = form.userDetail.acceptanceTime |
| | | form.unitName = form.userDetail.unitName |
| | | } |
| | | // this.from["education1"] = res.data.data.education; |
| | | if (form.hasOwnProperty("deptId")) { |
| | | form.deptId = form.deptId |
| | | } |
| | | if (form.hasOwnProperty("roleId")) { |
| | | form.roleId = form.roleId.split(",") |
| | | } |
| | | // if (form.hasOwnProperty("postId")) { |
| | | // form.postId = form.postId.split(","); |
| | | // } |
| | | var userInfo = res.data.data |
| | | //获取用户从业信息 |
| | | getUserPractitionersInfo(data.id).then(res1 => { |
| | | form.UserPractitionersInfo = res1.data.data |
| | | }) |
| | | this.obj0 = form |
| | | }) |
| | | // console.log(data); |
| | | if (data) { |
| | | var row = data |
| | | // var row = this.$route.query.row; |
| | | for (var k in row) { |
| | | this.obj0[k] = row[k] |
| | | } |
| | | this.obj0.title = "" |
| | | this.cardid = row.id |
| | | this.name = row.name |
| | | this.dispatcherCompany = row.dispatcherCompany |
| | | this.id = row.id |
| | | this.hold = row.hold |
| | | let year = row.cardid.slice(6, 10) |
| | | let mouth = row.cardid.slice(10, 12) |
| | | let day = row.cardid.slice(12, 14) |
| | | this.obj0.birthdayData = year + '-' + mouth + '-' + day |
| | | console.log(this.obj0) |
| | | // var row = data |
| | | // // var row = this.$route.query.row; |
| | | // for (var k in row) { |
| | | // this.obj0[k] = row[k] |
| | | // } |
| | | // this.obj0.title = "" |
| | | // this.cardid = row.id |
| | | // this.name = row.name |
| | | // this.dispatcherCompany = row.dispatcherCompany |
| | | // this.id = row.id |
| | | // this.hold = row.hold |
| | | // let year = row.cardid.slice(6, 10) |
| | | // let mouth = row.cardid.slice(10, 12) |
| | | // let day = row.cardid.slice(12, 14) |
| | | // this.obj0.birthdayData = year + '-' + mouth + '-' + day |
| | | // console.log(this.obj0) |
| | | |
| | | } |
| | | |
| | | var flag = false, |
| | |
| | | padding: 0 20px; |
| | | background: #fff; |
| | | position: relative; |
| | | |
| | | |
| | | } |
| | | |
| | | .printBtn { |
| | | position: absolute; |
| | | top: 108px; |
| | | right: 200px; |
| | | } |
| | | } |
| | | |
| | | :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 { |