| | |
| | | <template>
|
| | | <div class="inner">
|
| | | <a-row type="flex" justify="space-between" style="margin-bottom: 20px">
|
| | | <a-col :span="8">
|
| | | <a-col :span="4">
|
| | | <a-radio-group v-model="search.searchParams.emergType" @change="getData">
|
| | | <a-radio-button :value="null">
|
| | | 全部
|
| | |
| | | </a-radio-button>
|
| | | </a-radio-group>
|
| | | </a-col>
|
| | | <a-col :span="16">
|
| | | <a-row type="flex" justify="end" :gutter="12">
|
| | | <a-col :span="20">
|
| | | <a-row type="flex" justify="end" :gutter="18">
|
| | | <a-col :span="8">
|
| | | <a-range-picker
|
| | | v-model="timeRange"
|
| | |
| | | style="width: 100%"
|
| | | />
|
| | | </a-col>
|
| | | <a-col :span="4">
|
| | | <a-button type="primary" @click="getData">查询</a-button>
|
| | | <a-col :span="6">
|
| | | <a-input v-model="search.searchParams.publishingUnit" placeholder="单位名称" style="width: 100%"/>
|
| | | </a-col>
|
| | | <a-col :span="6">
|
| | | <a-button type="primary" @click="searchData">查询</a-button>
|
| | | <a-button style="margin-left: 12px" @click="resetSearch">重置</a-button>
|
| | | </a-col>
|
| | | </a-row>
|
| | |
| | |
|
| | | <!-- 表格实体部分-->
|
| | | <div class="table-cont">
|
| | | <a-table :columns="columns" :data-source="data" bordered :pagination="pagination">
|
| | | <a-table :columns="columns" :data-source="data" bordered :pagination="pagination" :rowKey="record=>record.id">
|
| | | <template #index="text,record,index">
|
| | | {{ index + 1 }}
|
| | | </template>
|
| | |
| | | <a-button @click="viewFile(item)" type="link" v-for="(item,index) in attachment" :key="index"><a-icon type="paper-clip"/>{{item.attachmentName}}</a-button>
|
| | | </div>
|
| | | </template >
|
| | | <template #responseSituation="text">
|
| | | <a-tag :color="text === 3 ? 'red' :text === 2? 'green':text === 1?'orange':'blue'">
|
| | | {{text == 1 ? '待叫应' : text == 2 ?'已叫应':text == 3 ?'超时未叫应' : ''}}
|
| | | <template #responsesRate="text">
|
| | | <a-tag :color="Number(text.split('%')[0]) == 100 ? 'green' :Number(text.split('%')[0]) == 0? 'red':'orange'">
|
| | | {{ text }}
|
| | | </a-tag>
|
| | | </template>
|
| | | <template #operation="text, record, index">
|
| | |
| | | const columns = [{
|
| | | title: '序号',
|
| | | dataIndex: 'index',
|
| | | width: '8%',
|
| | | scopedSlots: {
|
| | | customRender: 'index'
|
| | | }
|
| | | },
|
| | | {
|
| | | title: '信息标题',
|
| | | dataIndex: 'title',
|
| | | },
|
| | | {
|
| | | title: '发布时间',
|
| | | dataIndex: 'publishingTime',
|
| | | width: '15%',
|
| | | scopedSlots: {
|
| | | customRender: 'publishingTime'
|
| | | } //设置定制化表格数据
|
| | |
| | | {
|
| | | title: '发布单位',
|
| | | dataIndex: 'publishingUnit',
|
| | | width: '12%',
|
| | | },
|
| | | {
|
| | | title: '灾种',
|
| | | dataIndex: 'disasterType',
|
| | | width: '8%',
|
| | | scopedSlots: {
|
| | | customRender: 'disasterType'
|
| | | }
|
| | |
| | | scopedSlots: {
|
| | | customRender: 'warningLevel'
|
| | | }, //设置定制化表格数据
|
| | | width: '8%',
|
| | | },
|
| | | {
|
| | | title: '信息标题',
|
| | | dataIndex: 'title',
|
| | | width: '16%',
|
| | | },
|
| | | {
|
| | | title: '附件',
|
| | |
| | | },
|
| | | },
|
| | | {
|
| | | title: '叫应情况',
|
| | | dataIndex: 'responseSituation',
|
| | | width: '10%',
|
| | | title: '叫应率',
|
| | | dataIndex: 'responsesRate',
|
| | | scopedSlots: {
|
| | | customRender: 'responseSituation'
|
| | | customRender: 'responsesRate'
|
| | | }, //设置定制化表格数据
|
| | | },
|
| | | {
|
| | | title: '操作',
|
| | | dataIndex: 'operation',
|
| | | width: '15%',
|
| | | scopedSlots: {
|
| | | customRender: 'operation'
|
| | | },
|
| | |
| | | pageIndex: 1,
|
| | | pageSize: 10,
|
| | | searchParams:{
|
| | | publishingUnit: '',
|
| | | emergType: null,
|
| | | startTime: '',
|
| | | endTime: ''
|
| | |
| | | },
|
| | | riskOptions: [
|
| | | {name: '地震',value: 1},
|
| | | {name: '洪涝',value: 2},
|
| | | {name: '气象',value: 3},
|
| | | {name: '泥石流',value: 4},
|
| | | {name: '地质灾害',value: 4},
|
| | | {name: '水旱',value: 5},
|
| | | {name: '森林草原火灾',value: 6}
|
| | | ],
|
| | |
| | | let blob = new Blob([res.data],{type: res.data.type})
|
| | | link.style.display = "none";
|
| | | link.href = URL.createObjectURL(blob); // 创建URL
|
| | | link.setAttribute("download", item.attachmentName);
|
| | | document.body.appendChild(link);
|
| | | link.click();
|
| | | document.body.removeChild(link);
|
| | | window.open(link.href)
|
| | | // link.setAttribute("download", item.attachmentName);
|
| | | // document.body.appendChild(link);
|
| | | // link.click();
|
| | | // document.body.removeChild(link);
|
| | | } else {
|
| | | this.$message.error('获取文件失败')
|
| | | }
|
| | |
| | | console.log('onOk: ', value);
|
| | | },
|
| | |
|
| | | searchData(){
|
| | | this.search.pageIndex = 1
|
| | | this.getData()
|
| | | },
|
| | |
|
| | | resetSearch(){
|
| | | const t = this
|
| | | t.search = {
|
| | | pageIndex: 1,
|
| | | pageSize: 10,
|
| | | searchParams:{
|
| | | publishingUnit: '',
|
| | | emergType: null,
|
| | | startTime: '',
|
| | | endTime: ''
|