lcw

src/views/home/model/mesgSwitch/xtxi.vue

@@ -0,0 +1,53 @@
+<template>
+    <div style="height: 300px;overflow: auto;font-size: 16px;">
+      <div>通知标题：{{ item.xxbt }}</div>
+      <div class="mt">通知内容：{{ item.xxms }}</div>
+      <div class="flex align-center just-between mt">
+        <div class="flex align-center">接收类型：
+          <DictTag :tag="false" :value="item.xxlx" :options="dict.BD_D_XXLX" />
+        </div>
+        <div class="flex align-center">消息来源：
+          <DictTag :tag="false" :value="item.xxly" :options="dict.BD_D_XXLY" />
+        </div>
+      </div>
+    </div>
+</template>
+<script setup>
+import {ref} from 'vue'
+const props = defineProps({
+  item: {
+    type: Object,
+    default: () => {
+    }
+  }, dict: {
+    type: Object,
+    default: () => {
+    }
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/css/homeScreen.scss";
+
+.zdy_peo_table td.el-table__cell {
+  color: #ffffff !important;
+}
+
+.zdy_peo_table th.el-table__cell {
+  color: #ffffff !important;
+  font-size: 15px;
+}
+
+.zdy_peo_table .el-table__body tr.el-table__row--striped td.el-table__cell {
+  background: transparent !important;
+}
+
+.zdy_peo_table .table_blue_row {
+  background: linear-gradient(to right, #001D4B 0%, rgba(0, 29, 75, 0.1) 100%) !important;
+}
+
+.mt {
+  margin-top: 20px;
+}
+</style>