调整全景跟踪目标选择的样式

zhangzengfei

2021-06-25 cce5e625e8870248081302513b9cb38e676a04e5

 src/pages/systemSettings/views/generalSettings.vue

@@ -31,8 +31,7 @@
                  :min="0"

                  :max="100"

                  :show-tooltip="false"

                >

                </el-slider>

                ></el-slider>

              </div>

              <el-input-number

                v-model="alarmConf.min_video_len"

@@ -40,8 +39,7 @@
                :min="0"

                :max="100"

                size="mini"

              ></el-input-number>

              &nbsp;s

              ></el-input-number>&nbsp;s

            </div>

          </div>

          <div class="min-dur">

@@ -55,8 +53,7 @@
                  :min="0"

                  :max="100"

                  :show-tooltip="false"

                >

                </el-slider>

                ></el-slider>

              </div>

              <el-input-number

                v-model="alarmConf.max_video_len"

@@ -64,8 +61,7 @@
                :min="0"

                :max="100"

                size="mini"

              ></el-input-number>

              &nbsp;s

              ></el-input-number>&nbsp;s

            </div>

          </div>



@@ -82,34 +78,33 @@
          >

            <div class="left-part">

              <span class="icon iconfont">&#xe646;</span>

              <span class="name"> {{ item.name }}</span>

              <span class="name">{{ item.name }}</span>

            </div>

            <div class="btns">

              <span class="icon iconfont">&#xe646;</span>

              <span class="icon iconfont">&#xe646;</span>

            </div>

          </div>

        <div class="add-group">

  <el-upload

            class="upload-demo"

            drag

            action="https://jsonplaceholder.typicode.com/posts/"

            multiple

            v-show="showUpload"

          >

            <i class="el-icon-upload"></i>

            <div class="el-upload__text">

              事件声音文件拖到此处，或<em>点击上传</em> <br />

              仅支持mp3/wma等格式

          <div class="add-group">

            <el-upload

              class="upload-demo"

              drag

              action="https://jsonplaceholder.typicode.com/posts/"

              :http-request="uploadSound"

              v-show="showUpload"

            >

              <i class="el-icon-upload"></i>

              <div class="el-upload__text">

                事件声音文件拖到此处，或

                <em>点击上传</em>

                <br />仅支持mp3/wma等格式

              </div>

            </el-upload>

            <div v-show="!showUpload"></div>

            <div class="add-btn">

              <span class="icon iconfont" @click="showUpload = !showUpload">&#xe646;</span>

            </div>

          </el-upload>

          <div             v-show="!showUpload"

></div>

          <div class="add-btn">

            <span class="icon iconfont" @click="showUpload=!showUpload">&#xe646;</span>

          </div>



        </div>

        </div>

      </div>

    </div>

@@ -118,26 +113,12 @@


<script>

import { saveAlarmConfig } from "@/api/system";

import { uploadSound, getSoundList } from "@/api/event";



import cloudNode from "../components/CloudNode";

import ipInput from "@/components/subComponents/IPInput";

import { isIPv4 } from "@/scripts/validate";

import switchBar from "../components/switchBar";



export default {

  data() {

    const checkPwd = (rule, value, callback) => {

      if (!value) {

        return callback(new Error("密码不能为空"));

      }

      setTimeout(() => {

        if (value.length != 6) {

          callback(new Error("密码应为6位!"));

        } else {

          callback();

        }

      }, 1000);

    };

    return {

      isHighClass: false,



@@ -155,7 +136,7 @@
      isOpenWifi: false,

      inWireDetail: false,

      wireForm: {},

      showUpload:false,

      showUpload: false,

      alarmConf: {

        min_video_len: 0,

        max_video_len: 0,

@@ -191,19 +172,36 @@
      value: "",

    };

  },

  components: {

    cloudNode,

    ipInput,

    switchBar,

  mounted() {

    this.getSounds()



  },

  mounted() {},

  beforeDestroy() {},

  beforeDestroy() { },

  props: ["barName"],

  methods: {

    getSounds() {

      getSoundList().then(res => {

        if (res.success) {

          this.soundList = res.data.list

        }

      }).catch(

        e => console.log(e)

      )

    },

    uploadSound(params) {

      let param = new FormData();

      param.append("file", params.file);

      uploadSound(param).then((res) => {

        console.log(res.data);

      });

    },

    openRight(typ) {

      this.activePage = typ;

      if (typ == "sound") {

        this.getSounds()

      }

    },

    wifiControl(val) {},

    wifiControl(val) { },

    checkWifi() {

      this.inWifiDetail = true;

    },

@@ -348,13 +346,12 @@
      .bar:hover {

        background-color: rgba(233, 233, 233, 1);

      }

      .add-group{

      margin-top: 170px;

    height: 235px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;



      .add-group {

        margin-top: 170px;

        height: 235px;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

      }

      .upload-demo {

        .el-upload-dragger {