51 lines
1.2 KiB
Vue
51 lines
1.2 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'
|
||
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>
|