| | |
| | | :min="0"
|
| | | :max="100"
|
| | | :show-tooltip="false"
|
| | | >
|
| | | </el-slider>
|
| | | ></el-slider>
|
| | | </div>
|
| | | <el-input-number
|
| | | v-model="alarmConf.min_video_len"
|
| | |
| | | :min="0"
|
| | | :max="100"
|
| | | size="mini"
|
| | | ></el-input-number>
|
| | | s
|
| | | ></el-input-number> s
|
| | | </div>
|
| | | </div>
|
| | | <div class="min-dur">
|
| | |
| | | :min="0"
|
| | | :max="100"
|
| | | :show-tooltip="false"
|
| | | >
|
| | | </el-slider>
|
| | | ></el-slider>
|
| | | </div>
|
| | | <el-input-number
|
| | | v-model="alarmConf.max_video_len"
|
| | |
| | | :min="0"
|
| | | :max="100"
|
| | | size="mini"
|
| | | ></el-input-number>
|
| | | s
|
| | | ></el-input-number> s
|
| | | </div>
|
| | | </div>
|
| | |
|
| | |
| | | >
|
| | | <div class="left-part">
|
| | | <span class="icon iconfont"></span>
|
| | | <span class="name"> {{ item.name }}</span>
|
| | | <span class="name">{{ item.name }}</span>
|
| | | </div>
|
| | | <div class="btns">
|
| | | <span class="icon iconfont"></span>
|
| | | <span class="icon iconfont"></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"></span>
|
| | | </div>
|
| | | </el-upload>
|
| | | <div v-show="!showUpload"
|
| | | ></div>
|
| | | <div class="add-btn">
|
| | | <span class="icon iconfont" @click="showUpload=!showUpload"></span>
|
| | | </div>
|
| | |
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | |
| | |
|
| | | <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() {
|
| | |
| | | isOpenWifi: false,
|
| | | inWireDetail: false,
|
| | | wireForm: {},
|
| | | showUpload:false,
|
| | | showUpload: false,
|
| | | alarmConf: {
|
| | | min_video_len: 0,
|
| | | max_video_len: 0,
|
| | |
| | | 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;
|
| | | },
|
| | |
| | | .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 {
|