guanqb
2024-02-22 ab701df859cd79ae036f8cc86268137d2c8da8ee
src/views/publicSecurity/bailReporting.vue
@@ -6,12 +6,14 @@
            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
            @refresh-change="refreshChange" @on-load="onLoad">
            <template slot-scope="{row, size, index}" slot="menu">
                <el-button :size="size" type="text" icon="el-icon-view" plain @click="lookDetail(row, 0)">查 看
                <el-button :size="size" type="text" icon="el-icon-view" v-if="permission.bail_view" plain
                    @click="lookDetail(row, 0)">查 看
                </el-button>
                <el-button :size="size" type="text" icon="el-icon-s-check" v-if="row.status == 1" plain
                    @click="lookDetail(row, 1)">审 核
                <el-button :size="size" type="text" icon="el-icon-s-check" v-if="row.status == 1 && permission.bail_check"
                    plain @click="lookDetail(row, 1)">审 核
                </el-button>
                <el-button :size="size" type="text" icon="el-icon-delete" plain @click="rowDel(row)">删 除
                <el-button :size="size" type="text" icon="el-icon-delete" v-if="permission.bail_del" plain
                    @click="rowDel(row)">删 除
                </el-button>
            </template>
@@ -19,6 +21,11 @@
                <el-tag :size="size" :type="showStatus(row.status).type">
                    {{ showStatus(row.status).text }}
                </el-tag>
            </template>
            <template slot-scope="{row, size}" slot="phone">
                <el-button :size="size" type="text" @click="showStringDispose(row, 'phoneflag')"
                    v-text="textDispose(row, 'phoneflag', 'phone')">
                </el-button>
            </template>
        </avue-crud>
@@ -30,7 +37,7 @@
<script>
import {
    getList,
    getBailReportingPage,
    removeTask,
    update,
    add,
@@ -86,7 +93,7 @@
                searchShow: true,
                searchMenuSpan: 3,
                menuWidth: 210,
                header: false,
                height: "auto",
                calcHeight: 54,
                dialogWidth: 950,
@@ -100,12 +107,58 @@
                editBtn: false,
                selection: true,
                dialogClickModal: false,
                header: false,
                column: [{
                    span: 12,
                    label: "社区",
                    prop: "communityName",
                    searchSpan: 4,
                    searchLabelWidth: 46,
                    search: true,
                    hide: true,
                },
                {
                    span: 12,
                    label: "小区",
                    prop: "districtName",
                    searchSpan: 4,
                    searchLabelWidth: 66,
                    search: true,
                    hide: true,
                },
                {
                    width: 100,
                    span: 12,
                    label: "姓名",
                    prop: "realName",
                    searchSpan: 3,
                    searchLabelWidth: 66,
                    search: true,
                }, {
                    width: 120,
                    span: 12,
                    label: "联系方式",
                    prop: "phone",
                    searchSpan: 4,
                    search: true,
                    slot: true,
                    rules: [{
                        validator: validatorPhone,
                        trigger: 'blur'
                    }],
                }, {
                    span: 12,
                    label: "外出事由",
                    prop: "applyName",
                    searchSpan: 4,
                    search: true,
                },
                {
                    width: 110,
                    label: "所属街道",
                    // hide: true,
                    searchSpan: 4,
                    search: true,
                    // search: true,
                    parent: false,
                    prop: "streetCode",
                    type: "tree",
@@ -126,7 +179,7 @@
                    searchSpan: 4,
                    label: "所属社区",
                    prop: "neiCode",
                    search: true,
                    // search: true,
                    type: "tree",
                    dicUrl: "/api/blade-system/region/tree",
                    props: {
@@ -147,7 +200,7 @@
                    searchSpan: 4,
                    type: 'tree',
                    searchLabelWidth: 66,
                    search: true,
                    // search: true,
                    parent: false,
                    dicUrl: `/api/blade-district/district/getDistrictTree`,
                    props: {
@@ -165,34 +218,12 @@
                    display: true,
                    // hide: true,
                },
                {
                    width: 100,
                    span: 12,
                    label: "名称",
                    prop: "name",
                    searchSpan: 4,
                    searchLabelWidth: 66,
                    search: true,
                }, {
                    width: 120,
                    span: 12,
                    label: "联系方式",
                    prop: "phone",
                    searchSpan: 4,
                    search: true,
                    rules: [
                        {
                            validator: validatorPhone,
                            trigger: 'blur'
                        }
                    ],
                },
                {
                    width: 144,
                    label: "创建时间",
                    prop: "createTime",
                    searchSpan: 4,
                },
                // {
                //   width: 144,
                //   label: "创建时间",
                //   prop: "createTime",
                //   searchSpan: 4,
                // },
                {
                    width: 100,
                    addDisplay: false,
@@ -213,28 +244,8 @@
                        value: 3
                    }]
                },
                {
                    width: 100,
                    addDisplay: false,
                    editDisplay: false,
                    viewDisplay: false,
                    label: '类型',
                    prop: 'reportType',
                    type: 'radio',
                    slot: true,
                    // search: true,
                    dicData: [{
                        label: '取保候审',
                        value: 1
                    },]
                },
                {
                    overHidden: true,
                    span: 12,
                    label: "地址",
                    prop: "addressName",
                    searchSpan: 4,
                },
                ],
            },
            data: [],
@@ -258,11 +269,14 @@
    computed: {
        ...mapGetters(["permission", "userInfo"]),
        permissionList () {
            console.log("permission===>", this.permission)
            return {
                addBtn: this.vaildData(this.permission.place_add, true),
                viewBtn: this.vaildData(this.permission.place_view, true),
                delBtn: this.vaildData(this.permission.place_delete, true),
                editBtn: this.vaildData(this.permission.place_edit, true),
                addBtn: this.vaildData(this.permission.bail_add, false),
                viewBtn: this.vaildData(this.permission.bail_view, true),
                delBtn: this.vaildData(this.permission.bail_del, true),
                // editBtn: this.vaildData(this.permission.place_edit, true),
            }
        },
        ids () {
@@ -296,9 +310,27 @@
                return tags
            }
        },
        textDispose () {
            return (row, flag, type) => {
                if (row[flag] || row[type] == null) {
                    return row[type]
                } else {
                    if (type == 'principalIdCard') {
                        return row[type].replace(/^(.{6})(?:\d+)(.{4})$/, "$1******$2")
                    } else {
                        return row[type].replace(/^(.{3})(?:\d+)(.{4})$/, "$1****$2")
                    }
                }
            }
        }
    },
    methods: {
        showStringDispose (row, type) {
            row[type] = !row[type]
        },
        colseDetail () {
            this.auditBasePopup = false
            this.onLoad(this.page)
@@ -466,11 +498,12 @@
            }
            values.reportType = 1
            this.loading = true
            getList(page.currentPage, page.pageSize, values).then((res) => {
            getBailReportingPage(page.currentPage, page.pageSize, values).then((res) => {
                const data = res.data.data
                this.page.total = data.total
                this.data = data.records
                this.data.forEach(item => {
                    this.$set(item, 'phoneflag', false)
                    if (item.imageUrls && item.imageUrls != '' && item.imageUrls != null && item.imageUrls.length) {
                        var urls = []
                        var names = item.imageUrls.split(",").filter(item => item != '')