heyujie
2021-11-03 a827dbadd7dcc86067cb71d36a62abbf3418a91f
src/pages/shuohuangMonitorAnalyze/components/configManage.vue
@@ -8,8 +8,8 @@
              <label>原始视频保存到存储服务器</label>
              <el-switch
                v-model="memoryServe"
                active-color="#409eff"
                inactive-color="#dcdfe6"
                active-color="#4B72E2"
                inactive-color="#B7BEC8"
                :active-value="true"
                :inactive-value="false"
                size="small"
@@ -17,7 +17,11 @@
            </div>
            <div>
              <label>存储时间</label>
              <el-select v-model="memoryTime" size="small">
              <el-select
                v-model="memoryTime"
                size="small"
                style="max-width: 190px"
              >
                <el-option value="week">一周</el-option>
                <el-option value="month">一个月</el-option>
              </el-select>
@@ -28,8 +32,8 @@
              <label>视频转储完成后格式化硬盘</label>
              <el-switch
                v-model="format"
                active-color="#409eff"
                inactive-color="#dcdfe6"
                active-color="#4B72E2"
                inactive-color="#B7BEC8"
                :active-value="true"
                :inactive-value="false"
                size="small"
@@ -41,8 +45,8 @@
              <label>视频文件超出时间自动删除</label>
              <el-switch
                v-model="autoRemove"
                active-color="#409eff"
                inactive-color="#dcdfe6"
                active-color="#4B72E2"
                inactive-color="#B7BEC8"
                :active-value="true"
                :inactive-value="false"
                size="small"
@@ -50,7 +54,11 @@
            </div>
            <div>
              <label>删除时间</label>
              <el-select v-model="removeTime" size="small">
              <el-select
                v-model="removeTime"
                size="small"
                style="max-width: 190px"
              >
                <el-option value="week">一周</el-option>
                <el-option value="month">一个月</el-option>
              </el-select>
@@ -62,13 +70,14 @@
        <div class="analyze-setting">
          <div class="flex-box">
            <div>
              <label>视频分析周期:</label>
              <label>视频分析周期</label>
              <el-input-number
                v-model="analyzePeriod"
                controls-position="right"
                :min="1"
                :max="10"
                size="small"
                size="mini"
                style="max-width: 90px"
              ></el-input-number>
            </div>
          </div>
@@ -84,56 +93,87 @@
<script>
export default {
  data () {
  data() {
    return {
      activeNames: ['1', '2'],
      activeNames: ["1", "2"],
      memoryServe: false,
      memoryTime: '',
      memoryTime: "",
      format: false,
      autoRemove: true,
      removeTime: '',
      analyzePeriod: '',
    }
      removeTime: "",
      analyzePeriod: "",
    };
  },
  methods: {
    handleChange () {
    }
  }
}
    handleChange() {},
  },
};
</script>
<style lang="scss">
.config-manage {
  padding: 20px;
  padding: 28px 33px;
  margin: 27px;
  background: #fff;
  height: 100%;
  .el-collapse {
    border-top: none;
    border-bottom: none;
  }
  .el-collapse-item__content {
    padding-top: 24px;
  }
  .el-collapse-item__wrap {
    border-bottom: none;
  }
  .el-collapse-item__header {
    font-weight: bold;
    font-size: 14px;
    color: #425277;
    padding: 0 18px;
    height: 40px;
    background: #f4f6f9;
    border: none;
  }
  .el-collapse-item__header.is-active {
    border-bottom-color: transparent;
    background-color: #2d52d7;
    color: #fff;
    height: 40px;
    padding: 0 18px;
  }
  .el-collapse-item__header {
    font-weight: bold;
    font-size: 15px;
  }
  .flex-box {
    margin-bottom: 10px;
    margin-right: 74px;
    & > div {
      display: flex;
      align-items: center;
      margin-right: 10px;
      & + div {
        margin-left: 40px;
        margin-left: 35px;
      }
      label {
        padding-right: 10px;
        color: #666;
        padding-right: 15px;
        color: #425277;
      }
    }
  }
  .memory-setting {
    padding-left: 60px;
    padding-left: 23px;
    display: flex;
  }
  .analyze-setting {
    padding-left: 60px;
    padding-left: 23px;
  }
  .btns {
    text-align: right;
    text-align: center;
    padding-top: 20px;
    .el-button {
      padding: 9px 42px;
      font-size: 13px;
    }
  }
}
</style>