| | |
| | | style="width: 100%" |
| | | /> |
| | | </a-col> |
| | | <a-col :span="4"> |
| | | <a-col :span="6"> |
| | | <a-button type="primary" @click="getData">查询</a-button> |
| | | <a-button style="margin-left: 12px" @click="resetSearch">重置</a-button> |
| | | </a-col> |
| | |
| | | <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 ? 'green' :text === 2? 'blue':text === 1?'orange':'red'"> |
| | | {{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"> |
| | |
| | | <msg-detail-mod ref="msgDetail"></msg-detail-mod> |
| | | <call-list-mod ref="callList" @refresh="getData"></call-list-mod> |
| | | </div> |
| | | <!-- 对话框 --> |
| | | <a-modal title="查看叫应详情" |
| | | okText="确认" |
| | | cancelText="关闭" |
| | | :visible="visible" :confirm-loading="confirmLoading" @ok="handleOk" @cancel="handleOk"> |
| | | </a-modal> |
| | | </div> |
| | | </template> |
| | | <script> |
| | |
| | | { |
| | | title: '灾种', |
| | | dataIndex: 'disasterType', |
| | | width: '8%', |
| | | scopedSlots: { |
| | | customRender: 'disasterType' |
| | | } |
| | |
| | | { |
| | | title: '信息标题', |
| | | dataIndex: 'title', |
| | | width: '16%', |
| | | }, |
| | | { |
| | | title: '附件', |
| | |
| | | }, |
| | | { |
| | | title: '叫应情况', |
| | | dataIndex: 'responseSituation', |
| | | width: '10%', |
| | | dataIndex: 'responsesRate', |
| | | scopedSlots: { |
| | | customRender: 'responseSituation' |
| | | customRender: 'responsesRate' |
| | | }, //设置定制化表格数据 |
| | | }, |
| | | { |
| | | title: '操作', |
| | | dataIndex: 'operation', |
| | | width: '14%', |
| | | scopedSlots: { |
| | | customRender: 'operation' |
| | | }, |
| | | }, |
| | | } |
| | | ]; |
| | | export default { |
| | | name: 'release', |
| | |
| | | }, |
| | | 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('获取文件失败') |
| | | } |
| | |
| | | t.timeRange = [] |
| | | t.getData() |
| | | }, |
| | | |
| | | //弹出层 |
| | | showModal() { |
| | | this.visible = true; |
| | | }, |
| | | |
| | | handleOk(e) { |
| | | this.visible = false; |