视频大小展示

heyujie

2021-06-22 5971cc5cb75b8cf1dd06b852a35653e4533c6e10

视频大小展示

 src/pages/shuohuangMonitorAnalyze/components/searchForVideoAnalyze.vue

@@ -236,7 +236,12 @@
            </template>
          </el-table-column>

          <el-table-column label="大小" prop="VideoSize" sortable></el-table-column>
          <el-table-column label="大小" prop="VideoSize" sortable>
             <template slot-scope="scope" style="cursor: pointer">
              <div>{{ Math.round((+scope.row.VideoSize) / (1024*1024)) + " MB" }}</div>
            </template>

          </el-table-column>
          <el-table-column label="视频时间" prop="VideoDate" sortable></el-table-column>
          <!-- <el-table-column label="创建日期" prop="VideoCreateDate" sortable></el-table-column> -->


 src/pages/systemSettings/index/App.vue

@@ -118,7 +118,7 @@
            ref="passwordForm"
            class="password-form"
          >
            <el-form-item prop="pw">
            <el-form-item prop="curPassword">
              <div class="p-title">当前密码：</div>

              <el-input
@@ -127,7 +127,7 @@
                show-password
              ></el-input>
            </el-form-item>
            <el-form-item prop="newPw">
            <el-form-item prop="newPassword">
              <div class="p-title">新密码：</div>
              <el-input
                placeholder="必填"
@@ -135,7 +135,7 @@
                show-password
              ></el-input>
            </el-form-item>
            <el-form-item prop="confirmNewPw">
            <el-form-item prop="confirmPassword">
              <div class="p-title">确认密码：</div>
              <el-input
                placeholder="必填"
@@ -216,7 +216,7 @@
              <el-form-item prop="nickName">
                <div class="p-title">昵称：</div>
                <el-input
                  placeholder="必填"
                  placeholder="选填"
                  v-model="addForm.nickName"
                ></el-input>
              </el-form-item>
@@ -445,7 +445,13 @@

<script>
import { getClockInfo, saveClockInfo, testNTPserver } from "@/api/system";
import { uploadHeadPic, addUser, getUsers, updateUser,updatePassword } from "@/api/user";
import {
  uploadHeadPic,
  addUser,
  getUsers,
  updateUser,
  updatePassword,
} from "@/api/user";
import switchBar from "../components/switchBar";
import ipInput from "@/components/subComponents/IPInput";
import clusterManagement from "../views/clusterManagement";
@@ -477,6 +483,35 @@
      if (value === "") {
        callback(new Error("请再次输入密码"));
      } else if (value !== this.addForm.password) {
        callback(new Error("两次输入密码不一致!"));
      } else {
        callback();
      }
    };
    var validatePass3 = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请输入密码"));
      } else {
        if (this.passwordForm.password !== "") {
          this.$refs.passwordForm.validateField("pw");
        }
        callback();
      }
    };
    var validatePass5 = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请输入密码"));
      } else {
        if (this.passwordForm.newPassword !== "") {
          this.$refs.passwordForm.validateField("newPw");
        }
        callback();
      }
    };
    var validatePass4 = (rule, value, callback) => {
      if (value === "") {
        callback(new Error("请再次输入密码"));
      } else if (value !== this.passwordForm.confirmPassword) {
        callback(new Error("两次输入密码不一致!"));
      } else {
        callback();
@@ -555,15 +590,23 @@
        confirmPassword: "",
      },
      rules: {
        userName: [
          { required: true, message: "请输入用户名", trigger: "blur" },
          {
            min: 3,
            max: 10,
            message: "长度在 3 到 10 个字符",
            trigger: "blur",
          },
        ],
        password: [{ validator: validatePass, trigger: "blur" }],
        confirmPassword: [{ validator: validatePass2, trigger: "blur" }],
        // age: [{ validator: checkAge, trigger: "blur" }],
      },
      pwRules:{
      pwRules: {
        pw: [{ validator: validatePass3, trigger: "blur" }],
        newPw: [{ validator: validatePass3, trigger: "blur" }],
        confirmNewPw: [{ validator       : validatePass4, trigger: "blur" }],
      }
        newPw: [{ validator: validatePass5, trigger: "blur" }],
        confirmNewPw: [{ validator: validatePass4, trigger: "blur" }],
      },
    };
  },
  beforeDestroy() {
@@ -571,9 +614,9 @@
    clearInterval(this.browserTimer);
  },
  mounted() {
    const s = document.getElementsByClassName("left-card")[0];
    s.style.backgroundColor = "rgba(61, 104, 225, 1)";
    s.style.color = "#fff";
    // const s = document.getElementsByClassName("left-card")[0];
    // s.style.backgroundColor = "rgba(61, 104, 225, 1)";
    // s.style.color = "#fff";
    this.$nextTick(() => {
      this.initClockConf();
    });
@@ -1134,12 +1177,12 @@
            background-color: bisque;
            border-radius: 50px;
            img {
            border: none;
              border: none;

                width: 100px;
            height: 100px;
            border-radius: 50px;
          }
              width: 100px;
              height: 100px;
              border-radius: 50px;
            }
          }
          .user-desc {
            height: 100px;

 vue.config.js

@@ -41,7 +41,7 @@
})

// const serverUrl = "http://58.118.225.79:41243" // 羊五
const serverUrl = "http://192.168.20.189:7003"
const serverUrl = "http://192.168.20.117:7009"

module.exports = {
  pages,