zhangzengfei
2021-05-21 5ec1554f347f91bcd1fbc8e7550fde8edec5a3d3
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/"
              multiple
              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,11 +113,7 @@
<script>
import { saveAlarmConfig } from "@/api/system";
import cloudNode from "../components/CloudNode";
import ipInput from "@/components/subComponents/IPInput";
import { isIPv4 } from "@/scripts/validate";
import switchBar from "../components/switchBar";
export default {
  data() {
@@ -155,7 +146,7 @@
      isOpenWifi: false,
      inWireDetail: false,
      wireForm: {},
      showUpload:false,
      showUpload: false,
      alarmConf: {
        min_video_len: 0,
        max_video_len: 0,
@@ -191,19 +182,14 @@
      value: "",
    };
  },
  components: {
    cloudNode,
    ipInput,
    switchBar,
  },
  mounted() {},
  beforeDestroy() {},
  mounted() { },
  beforeDestroy() { },
  props: ["barName"],
  methods: {
    openRight(typ) {
      this.activePage = typ;
    },
    wifiControl(val) {},
    wifiControl(val) { },
    checkWifi() {
      this.inWifiDetail = true;
    },
@@ -348,13 +334,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 {