| | |
| | | <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" |
| | |
| | | </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> |
| | |
| | | <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" |
| | |
| | | <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" |
| | |
| | | </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> |
| | |
| | | <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> |
| | |
| | | |
| | | <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> |