Ver Fonte

[Style 0000] 可配置首页深蓝色通用模块样式调整

houzekong há 2 meses atrás
pai
commit
547ddafe8e

+ 2 - 2
src/views/vent/home/configurable/components/ModuleCommon.vue

@@ -64,11 +64,11 @@
   @import '/@/design/theme.less';
 
   .module-common .box1-center {
-    height: calc(100% - 70px);
+    height: calc(100% - 48px);
   }
 
   :deep(.box1-center) {
-    height: calc(100% - 70px);
+    height: calc(100% - 48px);
   }
   :deep(.box1-center > .box-container) {
     height: 100%;

+ 0 - 74
src/views/vent/home/configurable/components/ModuleDHZ.vue

@@ -1,74 +0,0 @@
-<template>
-  <!-- 常用模块 -->
-  <ventBox1 class="module-common" :style="style">
-    <template v-if="moduleName" #title>
-      <div :class="{ 'cursor-pointer': !!moduleData.to }" @click="redirectTo">{{ moduleName }}</div>
-    </template>
-    <template #container>
-      <slot>
-        <Header :deviceType="deviceType" :moduleData="moduleData" :data="data" @select="selectedData = $event" />
-        <Content :style="{ height: header.show ? 'calc(100% - 30px)' : '100%' }" :moduleData="moduleData" :data="selectedData" />
-      </slot>
-    </template>
-  </ventBox1>
-</template>
-<script lang="ts" setup>
-  import Header from './header.vue';
-  import Content from './content.vue';
-  // import ModuleLeft from './original/moduleLeft.vue';
-  // import ModuleBottom from './original/moduleBottom.vue';
-  import { computed, ref } from 'vue';
-  import ventBox1 from '/@/components/vent/ventBox1.vue';
-  import { openWindow } from '/@/utils';
-  // import { ModuleProps } from '../types';
-
-  const props = defineProps<{
-    /** 配置的详细模块信息 */
-    moduleData: any;
-    /** 配置的详细样式信息 */
-    showStyle: any;
-    /** 该模块配置中的设备标识符 */
-    deviceType: string;
-    /** api返回的数据 */
-    data: any;
-    moduleName: string;
-    visible: boolean;
-  }>();
-  defineEmits(['close', 'click']);
-
-  const { header } = props.moduleData;
-  const selectedData = ref();
-
-  const style = computed(() => {
-    const size = props.showStyle.size;
-    const position = props.showStyle.position;
-    return size + position + 'position: absolute;';
-  });
-
-  // 根据配置里的定位判断应该使用哪个module组件
-  // function getModuleComponent(position) {
-  //   if (position === '中下') {
-  //     return ModuleBottom;
-  //   }
-  //   return ModuleLeft;
-  // }
-
-  function redirectTo() {
-    const { to } = props.moduleData;
-    if (!to) return;
-    openWindow(to);
-  }
-</script>
-<style scoped>
-  .module-common .box1-center {
-    height: calc(100% - 70px);
-  }
-  :deep(.box1-center) {
-    height: calc(100% - 70px);
-  }
-  :deep(.box1-center > .box-container) {
-    height: 100%;
-    padding: 0 !important;
-    width: 100% !important;
-  }
-</style>