表格

guanqb

2022-09-27 fc360d93340f51c76f2e62f93e6fca3386d00f19

表格

 src/views/house/index.vue

@@ -264,17 +264,41 @@
                    height="60%"
                    :before-close="handleClose"
                >
                    <table border="1" class="tableClass">
                    <!-- <table border="1" class="tableClass">
                        <tr v-for="(value,key) in JWdetails" :key="key">
                            <th>{{key}}</th>
                            <th>{{arrTitle}}</th>
                            <td>{{value}}</td>
                        </tr>
                    </table>
                    </table>-->
                    <el-table
                        :data="arrTitle"
                        style="width: 100%"
                        :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                        :cell-style="{'text-align':'center','borderColor':'#324e75'}"
                        :row-class-name="tableRowClassName"
                        @row-click="clickCell"
                    >
                        <el-table-column prop="title" width="130"></el-table-column>
                        <el-table-column width="150"></el-table-column>
                    </el-table>
                    <span slot="footer" class="dialog-footer"></span>
                </el-dialog>
            </div>

            <div class="warning-info" v-show="navType == 2"></div>
            <div class="warning-info" v-show="navType == 2">
                <el-table
                    :data="arr"
                    style="width: 100%"
                    :header-cell-style="{'text-align':'center','background-color':'#203c60','borderColor':'#324e75'}"
                    :cell-style="{'text-align':'center','borderColor':'#324e75'}"
                    :row-class-name="tableRowClassName"
                    @row-click="clickCell"
                >
                    <el-table-column prop="name" label="名称" width="130"></el-table-column>
                    <el-table-column prop="time" label="时间" width="150"></el-table-column>
                    <el-table-column prop="type" label="类别" width="120"></el-table-column>
                </el-table>
            </div>
        </div>

        <el-dialog
@@ -348,33 +372,34 @@
                    name: '物品遗失',
                    time: '2022-1-2',
                    type: '入室盗窃',
                    attribute: '值1',
                    '属性2': '值2',
                    '属性3': '值3',
                    '属性4': '值4',
                    '属性5': '值5'
                    person: '王 XX',
                    money: '4000元',
                    address: '阳光小区',
                    times: '24小时',
                    level: 'C级'
                },
                {
                    name: '连环追尾',
                    time: '2022-2-3',
                    type: '交通事故',
                    attribute: '值1',
                    '属性2': '值2',
                    '属性3': '值3',
                    '属性4': '值4',
                    '属性5': '值5'
                    person: '王 XX',
                    money: '4000元',
                    address: '阳光小区',
                    times: '24小时',
                    level: 'C级'
                },
                {
                    name: '打群架',
                    time: '2022-3-4',
                    type: '打架斗殴',
                    '属性1': '值1',
                    '属性2': '值2',
                    '属性3': '值3',
                    '属性4': '值4',
                    '属性5': '值5'
                    person: '王 XX',
                    money: '4000元',
                    address: '阳光小区',
                    times: '24小时',
                    level: 'C级'
                }
            ],
            arrTitle: [{ title: '警务名称' }, { title: '警务时间' }, { title: '警务类型' }, { title: '责任警员' }, { title: '涉案金额' }, { title: '所属辖区' }, { title: '处理时长' }, { title: '案件级别' }],
            dialogVisible: false,
            villageHousesList: [
                {