WholeProcessPlatform/frontend/src/views/home/shuiDianKaiFaZhuangKuang.vue

<script setup lang="ts">
import JidiSelectorMod from "@/modules/jidiSelectorMod.vue";
import RightDrawer from "@/components/RightDrawer/index.vue";
import jidiInfoMod from '@/modules/jidiInfoMod/index.vue';
import shuidianhuangjingjieruMod from '@/modules/shuidianhuangjingjieruMod/index.vue';
</script>

<template>
  <div class="all_width">
    <div class="moduleContent">
      <div class="leftContent">
        <JidiSelectorMod />
      </div>
      <div class="rightContent">
        <RightDrawer>
          <jidiInfoMod />
          <shuidianhuangjingjieruMod />
        </RightDrawer>
      </div>
    </div>
  </div>
</template>
<style lang="scss">
.all_width{
  width: 100%;
   .moduleContent{
    display: flex;
    justify-content: space-between;
    .rightContent{
      height: 88vh;
      width: 450px;
    }
  }
}
 
</style>