仿真测试页面，模型三位投影模块布局1修改

闫增涛

3 天以前 6227519a1bd9007aedae11b77b0b3b1851837c38

仿真测试页面，模型三位投影模块布局1修改

 src/views/simulation/testSimulation/detail.vue

@@ -21,8 +21,37 @@
      </div>
      <div class="flex bodyBox">
        <div class="modelBox"></div>

        <div class="shadowBox">
          <div id="shadowX">
            <div class="title" style="padding: 5px 10px;">
              <el-select
                v-model="select_data"
                placeholder="请选择投影位置"
                size="large"
                style="width: 200px"
              >
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
              <img
                src="@/assets/images/icon/fullScreen.png"
                @click="enlargeXDiv('true')"
                v-if="enlargeX"
              />
              <img
                src="@/assets/images/icon/halfScreen.png"
                @click="enlargeXDiv('false')"
                v-else
              />
            </div>
            <div class="shadowX-body"></div>
          </div>
          <!-- <div id="shadowX">
            <div class="title">
              <span>X轴投影</span>
              <img
@@ -69,7 +98,7 @@
              />
            </div>
            <div class="shadowZ-body"></div>
          </div>
          </div> -->
        </div>
      </div>
      <div class="flex operateBox" id="operateBox">
@@ -201,11 +230,27 @@

import { curStoreInfo } from "@/store/index";
import { ElMessage } from "element-plus";
import { label } from "three/tsl";
const seleStore = curStoreInfo();
const router = useRouter();
onMounted(() => {
  getType();
});
const select_data = ref<any>('x');
const options = reactive<any[]>([
  {
    value: "x",
    label: "x轴投影",
  },
  {
    value: "y",
    label: "y轴投影",
  },
  {
    value: "z",
    label: "z轴投影",
  },
]);

//获取类型
const getType = async () => {
@@ -576,7 +621,8 @@
  #shadowY,
  #shadowZ {
    background: #fff;
    height: calc((100% - 6px) / 3);
    //height: calc((100% - 6px) / 3);
    height: 100%;
    border: 1px solid #f1f1f1;
  }
}