北京经济技术开发区经开区虚拟城市项目-【前端】-Web
lixuliang
2023-11-11 190dee49453f3b8717524319a6787d4e5df1abcd
src/components/menu/tools/setting.vue
@@ -15,8 +15,14 @@
        ></el-checkbox> -->
          <label class="labelText">亮度</label>
          <el-slider class="sl" v-model="brightness" :show-tooltip="false" @change="ld" :step="0.1" :min="0"
            :max="3"></el-slider>
          <el-slider
            class="sl"
            v-model="brightness"
            @input="ld()"
            :step="0.1"
            :min="0"
            :max="2"
          ></el-slider>
        </div>
        <div class="in-yxw">
          <!-- <el-checkbox
@@ -27,8 +33,14 @@
        ></el-checkbox> -->
          <label class="labelText">对比度</label>
          <el-slider class="sl" v-model="contrast" :show-tooltip="false" @change="dbd" :step="0.1" :min="0"
            :max="3"></el-slider>
          <el-slider
            class="sl"
            v-model="contrast"
            @input="dbd()"
            :step="0.1"
            :min="0"
            :max="2"
          ></el-slider>
        </div>
        <div class="in-yxw">
          <!-- <el-checkbox
@@ -38,24 +50,61 @@
          @change="wu('checkbox')"
        ></el-checkbox> -->
          <label class="labelText">饱和度</label>
          <el-slider class="sl" v-model="saturation" :show-tooltip="false" @change="bhd" :step="0.1" :min="0"
            :max="3"></el-slider>
          <el-slider
            class="sl"
            v-model="saturation"
            @input="bhd()"
            :step="0.1"
            :min="0"
            :max="2"
          ></el-slider>
        </div>
        <div class="in-yxw">
          <el-checkbox v-model="checkedYu" class="y" label="雨" @change="yu('checkbox')"></el-checkbox>
          <el-slider class="sl" v-model="value1" :show-tooltip="false" @change="yu" :disabled="!checkedYu"></el-slider>
          <el-checkbox
            v-model="checkedYu"
            class="y"
            label="雨"
            @change="yu('checkbox')"
          ></el-checkbox>
          <el-slider
            class="sl"
            v-model="value1"
            :show-tooltip="false"
            @change="yu"
            :disabled="!checkedYu"
          ></el-slider>
        </div>
        <div class="in-yxw">
          <el-checkbox v-model="checkedXue" class="y" label="雪" @change="xue('checkbox')"></el-checkbox>
          <el-slider class="sl" v-model="value2" :show-tooltip="false" @change="xue"
            :disabled="!checkedXue"></el-slider>
          <el-checkbox
            v-model="checkedXue"
            class="y"
            label="雪"
            @change="xue('checkbox')"
          ></el-checkbox>
          <el-slider
            class="sl"
            v-model="value2"
            :show-tooltip="false"
            @change="xue"
            :disabled="!checkedXue"
          ></el-slider>
        </div>
        <div class="in-yxw">
          <el-checkbox v-model="checkedWu" class="y" label="雾" @change="wu('checkbox')"></el-checkbox>
          <el-slider class="sl" v-model="value3" :show-tooltip="false" @change="wu" :disabled="!checkedWu"></el-slider>
          <el-checkbox
            v-model="checkedWu"
            class="y"
            label="雾"
            @change="wu('checkbox')"
          ></el-checkbox>
          <el-slider
            class="sl"
            v-model="value3"
            :show-tooltip="false"
            @change="wu"
            :disabled="!checkedWu"
          ></el-slider>
        </div>
      </div>
    </div>
  </div>
@@ -79,19 +128,22 @@
      enableLight: false,
    };
  },
  mounted() {
    sgworld.environment.showEffect("colorAdjustment");
  },
  methods: {
    ld() {
      sgworld.brightness = this.brightness;
      sgworld.environment.colorAdjustment.brightness = this.brightness;
    },
    dbd() {
      sgworld.contrast = this.contrast;
      sgworld.environment.colorAdjustment.contrast = this.contrast;
    },
    bhd() {
      sgworld.saturation = this.saturation;
      sgworld.environment.colorAdjustment.saturation = this.saturation;
    },
    closeJm() {
      this.$store.commit('showSetBox', false)
      this.$store.commit("showSetBox", false);
    },
    // yhadd
    //雨雪雾
@@ -156,12 +208,8 @@
        sgworld.Analysis.createWeather("fog", true, fogValue);
      }
    },
    passSta() {
      var sta =
        this.checkedYu ||
        this.checkedXue ||
        this.checkedWu;
      var sta = this.checkedYu || this.checkedXue || this.checkedWu;
      if (sta) {
        this.$parent.$parent.$parent.speEffectImgSta = true;
        // this.$parent.$parent.$parent.sceneImgSta = true;
@@ -189,7 +237,7 @@
  color: #fff;
  top: 40%;
  right: 350px;
  transform: translate(0, -50%)
  transform: translate(0, -50%);
}
/* yhadd */