详情表格组件弹框组件搭建中

+<template>
+  <div class="dialog-div" v-if="dialogVisible" :style="heightStyle">
+    <div class="dialog-div-content" :style="marginStyle+widthStyle" >
+      <div class="dialog-div-title title-flex-between"><span>{{tableStyle.tableName}}</span> <span class="dialog-close" @click="dialogVisible = false">X</span></div>
+      <div v-if="dialogName=='alarm_setting'" class="txtScroll-top">
+        告警设置{{pressingValue}}
+      </div>
+      <div v-if="dialogName=='filter_sheet_indicator'" class="txtScroll-top">
+        过滤单指标{{pressingValue}}
+      </div>
+      <div v-if="dialogName=='filter_multiple_indicators'" class="txtScroll-top">
+        过滤多指标{{pressingValue}}
+      </div>
+      <div v-if="dialogName=='performance_trends'" class="txtScroll-top">
+        性能趋势{{pressingValue}}
+        <iframe :src="trendSrc" class="layadmin-iframe"  style="height: 99.5%!important;width: 100%;"/>
+      </div>
+      <div v-if="dialogName=='pressing_times'" class="txtScroll-top">
+        压制次数{{pressingValue}}
+      </div>
+      <div v-if="dialogName=='include_capacity_forecast'" class="txtScroll-top">
+        纳入容量预测{{pressingValue}}
+      </div>
+      <div class="dialog-footer" v-if="dialogName!='table' && dialogName!='performance_trends'">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogVisible = false"
+        >确定</el-button
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "customDialog",
+  props: {
+    dialogVisible: Boolean,
+    heightStyle: String,
+    marginStyle: String,
+    widthStyle: String,
+    dialogName: String,
+    tableStyle: Object
+  },
+  data() {
+    return {}
+  },
+  watch: {
+    value: {
+      tableStyle(val) {
+
+      },
+      deep: true
+    }
+  },
+  mounted() {
+
+  },
+  methods: {}
+}
+</script>
+
+<style scoped>
+
+</style>