修改样式

guonan

2025-04-16 0face36fd79ce30127c80d131b1bc41106133f3b

 src/views/left/CitySim.vue

@@ -1,6 +1,10 @@
<template>
  <div style="width: 100%; height: 100%">
    <div class="left-top" v-if="disForm == '行政区划仿真'">
    <div
      class="left-top"
      v-if="disForm == '行政区划仿真'"
      style="margin-top: 0px"
    >
      行政区划仿真（30m精度）
    </div>
    <div class="left-top" v-if="disForm == '重点区域仿真'">
@@ -8,21 +12,6 @@
    </div>
    <div class="forms">
      <el-form :model="forms" label-width="auto" style="max-width: 600px">
        <el-form-item label="行政区域:" v-if="disForm == '行政区划仿真'">
          <el-select
            v-model="forms.eare"
            placeholder="Select"
            style="max-width: 600px"
          >
            <el-option
              v-for="item in cityOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-form-item>

        <el-form-item label="上传参数">
          <el-upload
            v-model:file-list="forms.fileList"
@@ -39,8 +28,21 @@
            <template #append>mm/h</template>
          </el-upload>
        </el-form-item>

        <el-form-item label="重点区域" v-if="disForm == '重点区域仿真'">
        <el-form-item label="行政区域:" v-if="disForm == '行政区划仿真'">
          <el-select
            v-model="forms.eare"
            placeholder="Select"
            style="max-width: 600px"
          >
            <el-option
              v-for="item in cityOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="重点区域:" v-if="disForm == '重点区域仿真'">
          <el-select
            v-model="forms.eares"
            placeholder="Select"
@@ -128,6 +130,7 @@
import * as XLSX from "xlsx";
import Papa from "papaparse";
import { ElMessage } from "element-plus";
import { initeWaterPrimitiveView } from "@/utils/water";

// 注入父组件提供的方法
const { startSimulate, endSimulate } = inject("simulateActions");
@@ -209,7 +212,7 @@
    降雨量: `${forms.rainfall} mm`,
    降雨时长: `${forms.duration} h`,
    降雨强度: `${forms.intensity} mm/h`,
    // 上传文件: forms.fileList.map(file => file.name),
    上传文件: forms.fileList.map((file) => file.name),
  });
  ElMessage.success("方案已保存");
  saveDialogVisible.value = false;
@@ -360,6 +363,7 @@

// 开始模拟
function startPlay() {
  initeWaterPrimitiveView();
  startSimulate();
}
</script>