userid修改

guoshilong

2024-01-02 acaf96424ba04b2ab2b9fa0e1bbfa17ea549cc08

 src/views/securityGuard/securityGuardDetail.vue

@@ -1,36 +1,26 @@
<template>
    <div class="dispatch">
        <avue-tabs :option="optionTABS"
                   @change="handleChangeTABS"></avue-tabs>
        <span v-if="typeTABS.prop === 'tab1'">
            <avue-form ref="form"
                       v-model="obj0"
                       :option="option0"> </avue-form>
        <avue-tabs :option="optionTABS" @change="handleChangeTABS"></avue-tabs>
        <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"
                       @row-update="rowUpdate1"
                       @row-del="rowDel1"
                       @current-change="CurrentChange1"
                       @refresh-change="refreshchange1"
                       @size-change="SizeChange1">
            <avue-crud :option="option1" :data="data1" :page.sync="page1" :table-loading="loading1" @row-save="rowSave1"
                @row-update="rowUpdate1" @row-del="rowDel1" @current-change="CurrentChange1"
                @refresh-change="refreshchange1" @size-change="SizeChange1">
            </avue-crud>
        </span>
        <span v-else-if="typeTABS.prop === 'tab3'">
            <avue-crud :option="option2"
                       :data="data2"
                       :page.sync="page2"
                       @row-save="rowSave2"
                       @row-update="rowUpdate2"
                       @row-del="rowDel2"
                       :table-loading="loading2"
                       @current-change="CurrentChange2"
                       @size-change="SizeChange2"
                       @refresh-change="refreshchange2">
            <avue-crud :option="option2" :data="data2" :page.sync="page2" @row-save="rowSave2" @row-update="rowUpdate2"
                @row-del="rowDel2" :table-loading="loading2" @current-change="CurrentChange2" @size-change="SizeChange2"
                @refresh-change="refreshchange2">
            </avue-crud>
        </span>
        <span v-else-if="typeTABS.prop === 'tab4'">
@@ -58,7 +48,7 @@
              编号：<span class="bmb-b-s">{{ obj0.securitynumber }}</span>
            </div>
            <div class="bmb-b">
              发证机关：<span class="bmb-b-s">南昌市公安局</span>
              发证机关：<span class="bmb-b-s">晋城市公安局</span>
            </div>
            <div class="bmb-b">
              发证日期：<span class="bmb-b-s">{{
@@ -71,18 +61,14 @@
          </span>
        </div>
      </div> -->
            <baoanz :data="obj0"
                    v-if="hold == 1 || hold == 3"></baoanz>
            <div v-else
                 style="width: 100%; text-align: center; padding-top: 20px">
            <baoanz :data="obj0" v-if="hold == 1 || hold == 3"></baoanz>
            <div v-else style="width: 100%; text-align: center; padding-top: 20px">
                无上岗证
            </div>
        </span>
        <span v-else-if="typeTABS.prop === 'tab5'">
            <securityCertificate :data="obj0"
                                 v-if="hold == 1 || hold == 3"></securityCertificate>
            <div v-else
                 style="width: 100%; text-align: center; padding-top: 20px">
            <securityCertificate :data="obj0" v-if="hold == 1 || hold == 3"></securityCertificate>
            <div v-else style="width: 100%; text-align: center; padding-top: 20px">
                无保安员证
            </div>
        </span>
@@ -94,13 +80,13 @@
    securityBaseInfoColumn,
    practitionersColumn,
    trackRecordColumn,
} from "./data";
} from "./data"
import {
    addExperience,
    updateExperience,
    experienceRemove,
    getExperienceList,
} from "@/api/experience/experience";
} from "@/api/experience/experience"

import {
    add,
@@ -108,11 +94,13 @@
    getpage,
    remove,
    getER,
} from "@/api/performance/performance";
} 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";
import securityCertificate from "./securityCertificate.vue"
import baoanz from "./baoanz.vue"

export default {
    components: {
@@ -163,10 +151,309 @@
            },
            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,
                                placeholder: ' '
                            },
                            {
                                label: "姓名",
                                prop: "realName",
                                disabled: true,
                                labelWidth: 120,
                                placeholder: ' '
                            }
                        ]
                    },
                    {
                        label: "详细信息",
                        prop: "detailInfo",
                        labelWidth: "110",
                        icon: "el-icon-s-order",
                        column: [
                            {
                                label: "身份证号",
                                prop: "cardid",
                                hide: true,
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,
                                placeholder: ' '
                            },
                            {
                                label: "手机号码",
                                prop: "phone",
                                overHidden: true,
                                disabled: true,
                                labelWidth: 120,
                                placeholder: ' '
                            },
                            {
                                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",
                                placeholder: ' '
                            },
                            {
                                label: "是否持证",
                                prop: "hold",
                                type: "select",
                                disabled: true,
                                dicData: [
                                    {
                                        label: "是",
                                        value: "1"
                                    },
                                    {
                                        label: "否",
                                        value: "2"
                                    },
                                    {
                                        label: "已吊销",
                                        value: "3"
                                    }
                                ],
                                placeholder: ' '
                            },
                            {
                                label: "保安员证编号",
                                prop: "securitynumber",
                                hide: true,
                                disabled: true,
                                display: true,
                                placeholder: ' '
                            },
                            {
                                label: "民族",
                                disabled: true,
                                prop: "nation",
                                placeholder: ' '
                            },
                            {
                                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,
                                placeholder: ' '
                            },
                            {
                                label: "政治面貌",
                                disabled: true,
                                prop: "politicaloutlook",
                                placeholder: ' '
                            },
                            {
                                label: "所属辖区",
                                prop: "jurisdiction",
                                // multiple: true,
                                type: "tree",
                                disabled: true,
                                dicUrl: "/api/jurisdiction/lazy-tree",
                                props: {
                                    label: "title",
                                    value: "id"
                                },
                                checkStrictly: true,
                                slot: true,
                                placeholder: ' '
                            },
                            {
                                label: "从业单位",
                                disabled: true,
                                prop: "unitName",
                                placeholder: ' '
                            },
                            {
                                label: "性别",
                                prop: "sex",
                                type: "select",
                                disabled: true,
                                slot: true,
                                dicData: [
                                    {
                                        label: "男",
                                        value: 1
                                    },
                                    {
                                        label: "女",
                                        value: 2
                                    }
                                ],
                                placeholder: ' '
                            },
                            {
                                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,
                                placeholder: ' '
                            },
                            {
                                label: "户籍地址",
                                prop: "permanentResidenceAddress",
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                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,
                                placeholder: ' '
                            },
                            {
                                label: "家庭主要成员及联系方式",
                                prop: "memberOfFamily",
                                type: "textarea",
                                span: 24,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "教育经历",
                                prop: "educationExperience",
                                type: "textarea",
                                span: 24,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "工作经历",
                                prop: "workExperience",
                                type: "textarea",
                                span: 24,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "受理机关",
                                prop: "acceptancePoliceUnit",
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "受理人",
                                prop: "acceptancePerson",
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                label: "受理时间",
                                prop: "acceptanceTime",
                                type: "date",
                                format: "yyyy-MM-dd",
                                valueFormat: "yyyy-MM-dd",
                                span: 12,
                                row: true,
                                hide: true,
                                disabled: true,
                                placeholder: ' '
                            },
                            {
                                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,
                                placeholder: ' '
                            },
                            {
                                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,
                                placeholder: ' '
                            }
                        ]
                    }
                ]
            },
            loading1: true,
            loading2: true,
@@ -217,18 +504,18 @@
            },
            erweima: "",
            hold: "",
        };
        }
    },
    // components: {
    //   vueQr,
    // },
    computed: {
        ids1 () {
            let ids1 = [];
            let ids1 = []
            this.selectionList1.forEach((ele) => {
                ids1.push(ele.id);
            });
            return ids1.join(",");
                ids1.push(ele.id)
            })
            return ids1.join(",")
        },
        // goToUrl() {
        //   var url =
@@ -238,83 +525,97 @@
        // },
    },
    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";
            printDom.style.left = "-10%";
            printDom.style.width = "120%";
            printDom.style.height = "100%";
            this.$Print(this.$refs.baoanzheng);
            printDom.style.position = "relative";
            printDom.style.left = "0";
            printDom.style.width = "100%";
            printDom.style.height = "calc(100% - 100px)";
            var printDom = document.getElementById("baoanzheng")
            printDom.style.position = "fixed"
            printDom.style.left = "-10%"
            printDom.style.width = "120%"
            printDom.style.height = "100%"
            this.$Print(this.$refs.baoanzheng)
            printDom.style.position = "relative"
            printDom.style.left = "0"
            printDom.style.width = "100%"
            printDom.style.height = "calc(100% - 100px)"
        },
        handleChangeTABS (column) {
            this.typeTABS = column;
            this.typeTABS = column
            if (column.prop == "tab1") {
                this.loading1 = false;
                this.loading1 = false
            } else if (column.prop == "tab2") {
                //查询当前保安员的从业记录信息
                this.getPractitionersPageInfo(this.page1);
                this.loading1 = false;
                this.getPractitionersPageInfo(this.page1)
                this.loading1 = false
            } else if (column.prop == "tab3") {
                //查询当前保安员的现实表现记录
                this.getPerformancePageInfo(this.page2);
                this.loading2 = false;
                this.getPerformancePageInfo(this.page2)
                this.loading2 = false
            } else if (column.prop == "tab4") {
                getER(this.obj0.securitynumber).then((res) => {
                    this.erweima = res.data;
                    this.erweima = res.data
                    // console.log(res.data);
                });
                })
            }
        },
        refreshchange1 () {
            this.getPractitionersPageInfo(this.page1, this.query1);
            this.getPractitionersPageInfo(this.page1, this.query1)
        },
        //查询当前保安员的从业记录信息
        getPractitionersPageInfo (page, param = {}) {
            param["securityid"] = this.id;
            param["securityid"] = this.id
            //获取用户从业信息
            // console.log(this.id, "cid");

            getExperienceList(page.currentPage, page.pageSize, param).then((res1) => {
                const data = res1.data.data;
                this.page1.total = data.total;
                this.data1 = data.records;
                this.loading1 = false;
            });
                const data = res1.data.data
                this.page1.total = data.total
                this.data1 = data.records
                this.loading1 = false
            })
        },
        refreshchange2 () {
            this.getPerformancePageInfo(this.page2, this.query2);
            this.getPerformancePageInfo(this.page2, this.query2)
        },
        //查询当前保安员的现实表现记录信息
        getPerformancePageInfo (page, param = {}) {
            //获取现实表现信息
            param["securityid"] = this.id;
            param["securityid"] = this.id
            getpage(page.currentPage, page.pageSize, param).then((res2) => {
                const data = res2.data.data;
                this.page2.total = data.total;
                this.data2 = data.records;
                console.log(this.data2, 1);
                this.loading2 = false;
            });
                const data = res2.data.data
                this.page2.total = data.total
                this.data2 = data.records
                console.log(this.data2, 1)
                this.loading2 = false
            })
        },
        CurrentChange1 (currentPage) {
            this.page1.currentPage = currentPage;
            this.refreshchange1();
            this.page1.currentPage = currentPage
            this.refreshchange1()
        },
        SizeChange1 (pageSize) {
            this.page1.pageSize = pageSize;
            this.refreshchange1();
            this.page1.pageSize = pageSize
            this.refreshchange1()
        },
        CurrentChange2 (currentPage) {
            this.page2.currentPage = currentPage;
            this.refreshchange2();
            this.page2.currentPage = currentPage
            this.refreshchange2()
        },
        SizeChange2 (pageSize) {
            this.page2.pageSize = pageSize;
            this.refreshchange2();
            this.page2.pageSize = pageSize
            this.refreshchange2()
        },
        // refreshChange1() {
        //   this.getPractitionersPageInfo();
@@ -324,75 +625,75 @@
        // },

        rowSave2 (form, done, loading) {
            form.securityid = this.id;
            form.securityid = this.id
            add(form).then(
                (res) => {
                    this.getPerformancePageInfo(this.page2);
                    this.getPerformancePageInfo(this.page2)
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                    done();
                    })
                    done()
                },
                (error) => {
                    window.console.log(error);
                    loading();
                    window.console.log(error)
                    loading()
                }
            );
            )
            // }
        },
        //从业记录新增
        rowSave1 (form, done, loading) {
            form.securityid = this.id;
            form.securityid = this.id
            addExperience(form).then(
                (res) => {
                    this.getPractitionersPageInfo(this.page1);
                    this.getPractitionersPageInfo(this.page1)
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                    done();
                    })
                    done()
                },
                (error) => {
                    window.console.log(error);
                    loading();
                    window.console.log(error)
                    loading()
                }
            );
            )
            // }
        },
        rowUpdate2 (row, index, done, loading) {
            row.securityid = this.id;
            row.securityid = this.id
            update(row).then(
                () => {
                    this.getPerformancePageInfo(this.page2);
                    this.getPerformancePageInfo(this.page2)
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                    done();
                    })
                    done()
                },
                (error) => {
                    window.console.log(error);
                    loading();
                    window.console.log(error)
                    loading()
                }
            );
            )
        },
        rowUpdate1 (row, index, done, loading) {
            row.securityid = this.id;
            row.securityid = this.id
            updateExperience(row).then(
                () => {
                    this.getPractitionersPageInfo(this.page1);
                    this.getPractitionersPageInfo(this.page1)
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                    done();
                    })
                    done()
                },
                (error) => {
                    window.console.log(error);
                    loading();
                    window.console.log(error)
                    loading()
                }
            );
            )
        },
        rowDel2 (row) {
            this.$confirm("确定将选择数据删除?", {
@@ -401,15 +702,15 @@
                type: "warning",
            })
                .then(() => {
                    return remove(row.id);
                    return remove(row.id)
                })
                .then(() => {
                    this.getPerformancePageInfo(this.page2);
                    this.getPerformancePageInfo(this.page2)
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                });
                    })
                })
        },
        rowDel1 (row) {
            this.$confirm("确定将选择数据删除?", {
@@ -418,62 +719,137 @@
                type: "warning",
            })
                .then(() => {
                    return experienceRemove(row.id);
                    return experienceRemove(row.id)
                })
                .then(() => {
                    this.getPractitionersPageInfo(this.page1);
                    this.getPractitionersPageInfo(this.page1)
                    this.$message({
                        type: "success",
                        message: "操作成功!",
                    });
                });
                    })
                })
        },
    },
    mounted () {
        this.typeTABS = this.optionTABS.column[0];
        var data = JSON.parse(this.$route.query.row);
        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;
            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,
            i = 0,
            ind = null;
            ind = null
        this.$store.state.tags.tagList.forEach((item, index) => {
            if (item.label == "保安员详情") {
                if (flag == false) {
                    ind = index;
                    flag = true;
                    ind = index
                    flag = true
                }
                i++;
                i++
            }
        });
        })
        if (i > 1) {
            this.$store.state.tags.tagList.splice(ind, 1);
            this.$store.state.tags.tagList.splice(ind, 1)
        }
    },
};
}
</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;


    }

    .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 {
//   padding-bottom: 5px !important;
// }
@@ -500,6 +876,7 @@
    align-items: center;
    justify-content: center;
}

.baz-main {
    position: relative;
    top: 15px;
@@ -514,11 +891,13 @@
    justify-content: center;
    flex-direction: column;
}

.baz-m-body {
    width: 750px;
    height: 550px;
    background-image: url('/img/register/bazbj1.png');
    background-size: 100% 100%;

    .bmb-heard {
        font-size: 4rem;
        width: 100%;
@@ -529,6 +908,7 @@
        position: relative;
        top: 20px;
    }

    .img {
        width: 358px;
        height: 441px;
@@ -540,11 +920,13 @@
        display: flex;
        align-items: center;
        justify-content: center;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .imgs {
        width: 110px;
        height: 110px;
@@ -556,11 +938,13 @@
        display: flex;
        align-items: center;
        justify-content: center;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .bmb-b {
        padding-left: 20px;
        box-sizing: border-box;
@@ -569,6 +953,7 @@
        width: 100%;
        font-size: 2rem;
        font-weight: 300;

        .bmb-b-s {
            display: inline-block;
            width: 20rem;
@@ -577,6 +962,7 @@
        }
    }
}

.PrintBut {
    margin-top: 15px;
}