代码优化

linwe

2024-08-09 5e2aafeede13d337380f736567caf74f49713be7

 src/views/publicSecurity/components/bailReportingDetail.vue

@@ -29,151 +29,154 @@
            option: {
                submitBtn: false,
                emptyBtn: false,
                column: [
                    {
                        // span: 10,
                        label: '申请人',
                        prop: 'checkUserName',
                        disabled: true,
                        span: 8,
                column: [{
                    // span: 10,
                    label: '申请人',
                    prop: 'checkUserName',
                    disabled: true,
                    span: 8,
                }, {
                    // span: 12,
                    label: '申请人手机',
                    prop: 'checkTelephone',
                    disabled: true,
                    span: 8,
                }, {
                    label: '申请位置',
                    prop: 'location',
                    disabled: true,
                    span: 8,
                }, {
                    label: '审核时间',
                    prop: 'confirmTime',
                    disabled: true,
                    span: 8,
                }, {
                    label: '审核人',
                    prop: 'confirmUserName',
                    disabled: true,
                    span: 8,
                }, {
                    label: '审核意见',
                    prop: 'confirmNotion',
                    disabled: true,
                    span: 8,
                }, {
                    label: '审核状态',
                    prop: 'confirmFlag',
                    disabled: true,
                    span: 8,
                    type: 'select',
                    dicData: [{
                        label: '待审核',
                        value: '1'
                    }, {
                        // span: 12,
                        label: '申请人手机',
                        prop: 'checkTelephone',
                        disabled: true,
                        span: 8,
                        label: '审核通过',
                        value: '2'
                    }, {
                        label: '申请位置',
                        prop: 'location',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '审核时间',
                        prop: 'confirmTime',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '审核人',
                        prop: 'confirmUserName',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '审核意见',
                        prop: 'confirmNotion',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '审核状态',
                        prop: 'confirmFlag',
                        disabled: true,
                        span: 8,
                        type: 'select',
                        dicData: [{
                            label: '待审核',
                            value: '1'
                        }, {
                            label: '审核通过',
                            value: '2'
                        }, {
                            label: '审核不通过',
                            value: '3'
                        }]
                    }, {
                        label: '申请时间',
                        prop: 'applyTime',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '外出原因',
                        prop: 'applyName',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '身份证号',
                        prop: 'idCard',
                        disabled: true,
                        span: 8,
                    }, {
                        width: 110,
                        label: '位置图片',
                        fileType: 'img',
                        type: "upload",
                        listType: "picture-card",
                        dataType: "string",
                        prop: 'locationImageUrls',
                        disabled: true,
                    }, {
                        label: '审核人电话',
                        prop: 'confirmUserTelephone',
                        disabled: true,
                        span: 8,
                    }, {
                        label: '出发-当前时间',
                        prop: 'startTime',
                        disabled: true,
                        span: 8,
                        labelWidth: 120,
                    }, {
                        label: '出发-报备位置',
                        prop: 'startLocation',
                        disabled: true,
                        span: 8,
                        labelWidth: 120,
                    }, {
                        width: 110,
                        label: '出发-位置图片',
                        fileType: 'img',
                        type: "upload",
                        listType: "picture-card",
                        dataType: "string",
                        prop: 'startImageUrls',
                        disabled: true,
                        labelWidth: 120,
                    }, {
                        label: '到达-当前时间',
                        prop: 'reachTime',
                        disabled: true,
                        labelWidth: 120,
                        span: 8,
                    }, {
                        label: '到达-报备位置',
                        prop: 'reachLocation',
                        disabled: true,
                        span: 8,
                        labelWidth: 120,
                    }, {
                        width: 110,
                        label: '到达-位置图片',
                        fileType: 'img',
                        type: "upload",
                        listType: "picture-card",
                        dataType: "string",
                        prop: 'reachImageUrls',
                        disabled: true,
                        labelWidth: 120,
                    }, {
                        label: '返回-当前时间',
                        prop: 'returnTime',
                        disabled: true,
                        labelWidth: 120,
                        span: 8,
                    }, {
                        label: '返回-报备位置',
                        prop: 'returnLocation',
                        disabled: true,
                        span: 8,
                        labelWidth: 120,
                    }, {
                        width: 110,
                        label: '返回-位置图片',
                        fileType: 'img',
                        type: "upload",
                        listType: "picture-card",
                        dataType: "string",
                        prop: 'returnImageUrls',
                        labelWidth: 120,
                        disabled: true,
                    },]
                        label: '审核不通过',
                        value: '3'
                    }]
                }, {
                    label: '申请时间',
                    prop: 'applyTime',
                    disabled: true,
                    span: 8,
                }, {
                    label: '外出原因',
                    prop: 'applyName',
                    disabled: true,
                    span: 8,
                }, {
                    label: '身份证号',
                    prop: 'idCard',
                    disabled: true,
                    span: 8,
                }, {
                    label: '审核人电话',
                    prop: 'confirmUserTelephone',
                    disabled: true,
                    span: 8,
                }, {
                    width: 110,
                    label: '位置图片',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    prop: 'locationImageUrls',
                    span: 8,
                    disabled: true,
                }, {
                    label: '出发-当前时间',
                    prop: 'startTime',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    label: '出发-报备位置',
                    prop: 'startLocation',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    width: 110,
                    label: '出发-位置图片',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    prop: 'startImageUrls',
                    disabled: true,
                    labelWidth: 120,
                    span: 8,
                }, {
                    label: '到达-当前时间',
                    prop: 'reachTime',
                    disabled: true,
                    labelWidth: 120,
                    span: 8,
                }, {
                    label: '到达-报备位置',
                    prop: 'reachLocation',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    width: 110,
                    label: '到达-位置图片',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    prop: 'reachImageUrls',
                    disabled: true,
                    labelWidth: 120,
                    span: 8,
                }, {
                    label: '返回-当前时间',
                    prop: 'returnTime',
                    disabled: true,
                    labelWidth: 120,
                    span: 8,
                }, {
                    label: '返回-报备位置',
                    prop: 'returnLocation',
                    disabled: true,
                    span: 8,
                    labelWidth: 120,
                }, {
                    width: 110,
                    label: '返回-位置图片',
                    fileType: 'img',
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
                    prop: 'returnImageUrls',
                    labelWidth: 120,
                    span: 8,
                    disabled: true,
                },]
            }
        }
    },
@@ -224,19 +227,20 @@

<style lang="scss" scoped>
.cur-container-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 50px;
    // display: flex;
    // flex-direction: column;
    // width: 100%;
    // // height: 100%;
    // overflow: hidden;

    .content-box {
        // margin: 0 4px;
        // padding: 0 16px;
        // height: 0;
        // flex: 1;
        // overflow: hidden;
        // overflow-y: auto;
        margin: 0 4px;
        padding: 0 16px;
        height: 0;
        flex: 1;
        overflow: hidden;
        overflow-y: auto;
    }

    .footer-btn-box {