51 lines
1.3 KiB
Vue
51 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-dialog title="查看修复建议" :close-on-click-modal="false" :visible.sync="dialog.visible" width="600px" append-to-body>
|
||
|
|
<div class="main">
|
||
|
|
<div class="m-b-sm" v-for="item in adviceData" :key="item.title">
|
||
|
|
<div class="title">{{ item.title }}</div>
|
||
|
|
<div class="content m-t-xs">{{ item.value }}</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div slot="footer" class="dialog-footer">
|
||
|
|
<el-button type="ghost" @click.native="dialog.visible = false">关闭</el-button>
|
||
|
|
</div>
|
||
|
|
</el-dialog>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent, computed, reactive, ref, Ref, provide } from '@vue/composition-api'
|
||
|
|
import { Message } from 'element-ui'
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
props: {
|
||
|
|
dialog: {
|
||
|
|
type: Object
|
||
|
|
}
|
||
|
|
},
|
||
|
|
setup(props: any, context: any) {
|
||
|
|
const addData = reactive({
|
||
|
|
regionId: '',
|
||
|
|
...props.dialog.record
|
||
|
|
})
|
||
|
|
const adviceData = [
|
||
|
|
{ title: '告警描述：', value: '1111' },
|
||
|
|
{ title: '产生原因：', value: '1111' },
|
||
|
|
{ title: '处理建议：', value: '1111' }
|
||
|
|
]
|
||
|
|
return {
|
||
|
|
addData,
|
||
|
|
adviceData
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.main {
|
||
|
|
padding: 0 40px;
|
||
|
|
.title {
|
||
|
|
color: #ababab;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|