内容修改

longyvfengyun

2023-07-06 a3c6e3a5177b15021dad5788688294b1d863717a

 src/views/home/index.vue

@@ -4,6 +4,9 @@
import slideMenu from "@/views/mainLayout/js/slideMenu";
import homeContentModule from "@/views/home/js/homeContentModule";
import homeInfoModule from "@/views/home/js/homeInfoModule";
import homeDetailModule from "@/views/home/js/homeDetailModule";
import HomeDetail from "@/views/home/components/homeDetail.vue";
import {ElMessage} from "element-plus";

const isShowMapPin = ref(true);

@@ -19,6 +22,19 @@
} = homeContentModule();

const {homeInfo} = homeInfoModule();
const {getHomeDetailInfo} = homeDetailModule();
const homeItemDialog = ref(false);
const homeDetailInfo = ref({});
const handleClick = (info)=>{
   let rs = getHomeDetailInfo(info.num);
   if(rs.code === 1) {
      homeDetailInfo.value = rs.data;
      homeItemDialog.value = true;
   }else {
      ElMessage(rs.msg);
   }

}

watch(isCollapse, ()=>{
   isShowMapPin.value = false;
@@ -51,11 +67,18 @@
         :c-width="cWidth" :c-height="cHeight"
         :d-width="dWidth" :d-height="dHeight"
         :x="item.pos.x" :y="item.pos.y"
         :info="item.info"></map-pin>
      <div class="card-box-list">

      </div>
         :info="item.info" @click="handleClick"></map-pin>
      <el-dialog
         v-model="homeItemDialog"
         title="机房详情"
         width="auto"
         class="center-dialog"
         modal-class="high-level-dialog"
         align-center>
         <home-detail :info="homeDetailInfo"></home-detail>
      </el-dialog>
   </div>

</template>

<style scoped>