扫码应用、智能搜索弹窗展示数据调整

guanqb

2024-01-18 f0af63e3d3c53418d9bcd8db4fe669dcda31217c

扫码应用、智能搜索弹窗展示数据调整

 src/components/detailsPopup/index.vue

@@ -15,7 +15,7 @@
        <div class="info-list">
            <div class="info-item" v-for="(item, index) in data" :key="index">
                <div class="name">
                    {{ item.label }}
                    {{ item.label }}：
                </div>

                <div class="value">
@@ -47,7 +47,7 @@

    methods: {
        initOpen (data) {
            // 数据格式 data = [{ label: '字段名', value: '字段值' }]
            // 数据格式 data = [{ label: '字段名', prop:'字段属性名',value: '字段值' }]

            this.data = data


 src/styles/media/index.scss

@@ -3168,22 +3168,25 @@

    .data-details-box {
        .el-dialog {
            width: countSizeVw(400, 1920);
            height: countSizeVh(300);
            width: countSizeVw(760, 1920);
            height: countSizeVh(440);
        }

        .info-list {
            width: 90%;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            margin: countSizeVh(20) countSizeVw(20, 1920) 0;

            .info-item {
                display: flex;
                margin-bottom: countSizeVh(10);
                margin-bottom: countSizeVh(20);
                width: 50%;

                .name {
                    width: countSizeVw(100, 1920);
                    text-align: right;
                    margin-right: countSizeVw(20, 1920);
                    width: countSizeVw(140, 1920);
                    // text-align: justify;
                    // display: inline-block;
                    // text-align-last: justify;
                }
            }
        }

 src/views/intelligentSearch/index.vue

@@ -126,31 +126,53 @@
            let data = [
                {
                    label: '名字',
                    prop: 'real_name',
                    value: row.name
                },
                {
                    label: '手机号',
                    value: row.tel
                },
                {
                    label: '地址',
                    prop: 'address',
                    value: row.address
                },
                {
                    label: '身份证号',
                    prop: 'card_no',
                    value: '362121199212246538'
                },
                {
                    label: '地址',
                    label: '新地址',
                    prop: 're_address',
                    value: '江西省上饶市'
                },
                {
                    label: '性别',
                    value: '男'
                    label: '审查状态',
                    prop: 'status',
                    value: '未审查'
                },
                {
                    label: '所属辖区',
                    value: '茅家岭派出所'
                    label: '人口类型',
                    prop: 'person_type',
                    value: '户籍人口'
                },
                {
                    label: '社区局村委会',
                    prop: 'neightborhoood',
                    value: '某村委会'
                },
                {
                    label: '与户主关系',
                    prop: 'relation',
                    value: '夫妻'
                },
                {
                    label: '审查时间',
                    prop: 'sctime',
                    value: '2023-12-12'
                },
                {
                    label: '重点人员细类',
                    prop: 'zdryxl',
                    value: '无'
                }
            ]
            this.$refs.detailsPopup.initOpen(data)

 src/views/scanOrCode/index.vue

@@ -157,40 +157,330 @@
    methods: {
        // 点击详情
        goDetail (row) {
            let data = [
                {
                    label: '名字',
                    value: row.name
                },
                {
                    label: '手机号',
                    value: row.tel
                },
                {
                    label: '地址',
                    value: row.address
                },
                {
                    label: '身份证号',
                    value: '362121199212246538'
                },
                {
                    label: '地址',
                    value: '江西省上饶市'
                },
                {
                    label: '性别',
                    value: '男'
                },
                {
                    label: '所属辖区',
                    value: '茅家岭派出所'
                },
                {
                    label: '资源类型',
                    value: '业务租客登记'
                }
            ]
            const typeLabel = this.typeOptions.find(e => e.value == this.typeValue).label
            this.popupTile = `详情信息（${typeLabel}）`
            let data = []
            if (this.typeValue == 1) {
                data = [
                    {
                        label: '名字',
                        prop: 'name',
                        value: row.name
                    },
                    {
                        label: '性别',
                        prop: 'gender',
                        value: '男'
                    },
                    {
                        label: '身份证号',
                        prop: 'id_card_number',
                        value: '362121199212246538'
                    },
                    {
                        label: '联系电话',
                        prop: 'phone',
                        value: row.tel
                    },
                    {
                        label: '房屋地址',
                        prop: 'address',
                        value: row.address
                    },
                    {
                        label: '住户类型',
                        prop: 'type',
                        value: '业主'
                    },
                    {
                        label: '出生年月',
                        prop: 'birth',
                        value: '200512'
                    },
                    {
                        label: '民族',
                        prop: 'nation',
                        value: '汉'
                    }
                ]
            } else if (this.typeValue == 2) {
                data = [
                    {
                        label: '名字',
                        prop: 'name',
                        value: row.name
                    },
                    {
                        label: '性别',
                        prop: 'gender',
                        value: '男'
                    },
                    {
                        label: '身份证号',
                        prop: 'id_card_number',
                        value: '362121199212246538'
                    },
                    {
                        label: '联系电话',
                        prop: 'phone',
                        value: row.tel
                    },
                    {
                        label: '房屋地址',
                        prop: 'address',
                        value: row.address
                    },
                    {
                        label: '住户类型',
                        prop: 'type',
                        value: '业主'
                    },
                    {
                        label: '是否成年',
                        prop: 'is_adult',
                        value: '业主'
                    },
                    {
                        label: '出生年月',
                        prop: 'birth',
                        value: '200512'
                    },
                    {
                        label: '民族',
                        prop: 'nation',
                        value: '汉'
                    }
                ]
            } else if (this.typeValue == 3) {
                data = [
                    {
                        label: '名字',
                        prop: 'name',
                        value: row.name
                    },
                    {
                        label: '身份证号',
                        prop: 'id_card',
                        value: '362121199212246538'
                    },
                    {
                        label: '联系方式',
                        prop: 'phone',
                        value: row.tel
                    },
                    {
                        label: '常用地址',
                        prop: 'common_use_address',
                        value: row.address
                    },
                    {
                        label: '户籍地址',
                        prop: 'domicile_address',
                        value: row.address
                    },
                    {
                        label: '是否删除',
                        prop: 'deleted',
                        value: '未删除'
                    },
                    {
                        label: '审核状态',
                        prop: 'audit_status',
                        value: '已驳回'
                    },
                    {
                        label: '人员类型',
                        prop: 'person_type',
                        value: '重点人员'
                    },
                    {
                        label: '操作类型',
                        prop: 'operate_type',
                        value: '扫码录入'
                    },
                    {
                        label: '审核时间',
                        prop: 'audit_time',
                        value: '20231212'
                    },
                    {
                        label: '文字描述',
                        prop: 'description_text',
                        value: '倒车'
                    },
                    {
                        label: '备注',
                        prop: 'remark',
                        value: '请注意'
                    },
                    {
                        label: '登记人',
                        prop: 'create_person',
                        value: '刘大帅'
                    },
                    {
                        label: '审核人',
                        prop: 'audit_person',
                        value: '王美丽'
                    }
                ]
            } else if (this.typeValue == 4) {
                data = [
                    {
                        label: '企业名称',
                        prop: 'company_name',
                        value: '中石化'
                    },
                    {
                        label: '岗位名称',
                        prop: 'position',
                        value: '保安'
                    },
                    {
                        label: '员工姓名',
                        prop: 'emp_name',
                        value: row.name
                    },
                    {
                        label: '员工性别',
                        prop: 'emp_sex',
                        value: '男'
                    },
                    {
                        label: '员工身份证号',
                        prop: 'emp_id_card',
                        value: '362121199909092323'
                    },
                    {
                        label: '员工联系电话',
                        prop: 'emp_phone',
                        value: '18699993333'
                    },
                    {
                        label: '备注',
                        prop: 'remark',
                        value: '请注意'
                    },
                    {
                        label: '创建时间',
                        prop: 'create_time',
                        value: '20231212'
                    },
                    {
                        label: '创建人',
                        prop: 'create_by',
                        value: '扫码录入'
                    },
                    {
                        label: '更新时间',
                        prop: 'update_time',
                        value: '20231212'
                    },
                    {
                        label: '更新人',
                        prop: 'update_by',
                        value: '倒车'
                    },
                    {
                        label: '是否已删除',
                        prop: 'is_delete',
                        value: '是'
                    }
                ]
            } else if (this.typeValue == 5) {
                data = [
                    {
                        label: '标准地址',
                        prop: 'std_address',
                        value: '江西省上饶市'
                    },
                    {
                        label: '异常类型',
                        prop: 'exception_type',
                        value: '危险'
                    },
                    {
                        label: '异常描述',
                        prop: 'exception_description',
                        value: '特别危险'
                    },
                    {
                        label: '异常类型名称',
                        prop: 'exception_type_name',
                        value: '异常5'
                    },
                    {
                        label: '联系电话',
                        prop: 'phone',
                        value: '18699993333'
                    },
                    {
                        label: '员工联系电话',
                        prop: 'emp_phone',
                        value: '18699993333'
                    },
                    {
                        label: '采集经度',
                        prop: 'photo_lat',
                        value: '112.22'
                    },
                    {
                        label: '采集维度',
                        prop: 'photo_lng',
                        value: '23.23'
                    },
                    {
                        label: '报错用户类型',
                        prop: 'reportor_type',
                        value: '民警'
                    },
                    {
                        label: '上报用户类型名称',
                        prop: 'reportor_type_name',
                        value: '20231212'
                    },
                    {
                        label: '上报时间',
                        prop: 'report_time',
                        value: '20231212'
                    },
                    {
                        label: '上报人名称',
                        prop: 'report_name',
                        value: '王某某'
                    },
                    {
                        label: '上报来源',
                        prop: 'report_source',
                        value: '贴牌APP'
                    },
                    {
                        label: '处理时间',
                        prop: 'resolve_time',
                        value: '20231212'
                    },
                    {
                        label: '处理人名称',
                        prop: 'resolve_by_name',
                        value: '王某某'
                    },
                    {
                        label: '处理状态',
                        prop: 'resolve_status',
                        value: '已通过'
                    },
                    {
                        label: '处理意见',
                        prop: 'resolve_msg',
                        value: '继续加油'
                    },
                    {
                        label: '是否删除',
                        prop: 'deleted',
                        value: '有效'
                    }
                ]
            }
            this.$refs.detailsPopup.initOpen(data)
        },