高位视频

liuqimichale
1 parent 651530df
Showing 10 changed files with 416 additions and 34 deletions
src/api/highVideo.js
src/assets/css/base.scss
src/assets/css/reset.css
src/utils/common.js
src/utils/filters.js
src/utils/md5.min.js
src/utils/request.js
src/utils/utils.js
src/utils/variables.js
src/views/highVideo.vue
+import request from '@/utils/request'
+
+
+
+//         异常数据平台审核
+export function orderExamine(params) {
+  return request({
+    url: 'orderExamine/queryLists',
+    method: 'post',
+    data: params
+  })
+}
+
+
+
+
+
+
+
+
+
+$commonLeftRightPadding:0 10px;
+@charset "utf-8";
+/* CSS Document */
+html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img
+{
+  margin: 0;
+  padding: 0;
+}
+fieldset,c
+{
+  border: none;
+}
+img {
+  display: block;
+}
+address,caption,cite,code,dfn,th,var
+{
+  font-style: normal;
+  font-weight: normal;
+}
+ul,ol,li
+{
+  list-style: none;
+}
+body {
+  color: #333;
+  font: 14px PingFang SC, microsoft yahei, sans-serif;
+  background: #FCFCFC;;
+}
+a {
+  color: #fff;
+  text-decoration: none;
+}
+/*清除浮动*/
+.clear {
+  clear: both
+}
+* {
+  box-sizing: border-box
+}
+.border-1px::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 200%;
+  height: 200%;
+  -webkit-transform: scale(0.5);
+  transform: scale(0.5);
+  -webkit-transform-origin: left top;
+  transform-origin: left top;
+  pointer-events: none;
+}
+body,html,#app
+{
+  height: 100%;
+  background: #FCFCFC;
+}
+
+.leftRightPadding{
+  padding: 0 10px;
+}
+const vFilter = {
+  formateColor: function(val) {  // 0:蓝牌;1:黄牌;2:白牌;3:黑牌;4:绿色
+    switch (val) {
+      case '0':
+        return 'carBlue'
+        break;
+      case '1':
+        return 'carYellow'
+        break;
+      case '2':
+        return 'carWhite'
+        break;
+      case '3':
+        return 'carBlack'
+        break;
+      case '4':
+        return 'carGreen'
+        break;
+
+    }
+  }
+}
+
+export default vFilter
+!function(a){"use strict";function b(a,b){var c=(65535&a)+(65535&b),d=(a>>16)+(b>>16)+(c>>16);return d<<16|65535&c}function c(a,b){return a<<b|a>>>32-b}function d(a,d,e,f,g,h){return b(c(b(b(d,a),b(f,h)),g),e)}function e(a,b,c,e,f,g,h){return d(b&c|~b&e,a,b,f,g,h)}function f(a,b,c,e,f,g,h){return d(b&e|c&~e,a,b,f,g,h)}function g(a,b,c,e,f,g,h){return d(b^c^e,a,b,f,g,h)}function h(a,b,c,e,f,g,h){return d(c^(b|~e),a,b,f,g,h)}function i(a,c){a[c>>5]|=128<<c%32,a[(c+64>>>9<<4)+14]=c;var d,i,j,k,l,m=1732584193,n=-271733879,o=-1732584194,p=271733878;for(d=0;d<a.length;d+=16)i=m,j=n,k=o,l=p,m=e(m,n,o,p,a[d],7,-680876936),p=e(p,m,n,o,a[d+1],12,-389564586),o=e(o,p,m,n,a[d+2],17,606105819),n=e(n,o,p,m,a[d+3],22,-1044525330),m=e(m,n,o,p,a[d+4],7,-176418897),p=e(p,m,n,o,a[d+5],12,1200080426),o=e(o,p,m,n,a[d+6],17,-1473231341),n=e(n,o,p,m,a[d+7],22,-45705983),m=e(m,n,o,p,a[d+8],7,1770035416),p=e(p,m,n,o,a[d+9],12,-1958414417),o=e(o,p,m,n,a[d+10],17,-42063),n=e(n,o,p,m,a[d+11],22,-1990404162),m=e(m,n,o,p,a[d+12],7,1804603682),p=e(p,m,n,o,a[d+13],12,-40341101),o=e(o,p,m,n,a[d+14],17,-1502002290),n=e(n,o,p,m,a[d+15],22,1236535329),m=f(m,n,o,p,a[d+1],5,-165796510),p=f(p,m,n,o,a[d+6],9,-1069501632),o=f(o,p,m,n,a[d+11],14,643717713),n=f(n,o,p,m,a[d],20,-373897302),m=f(m,n,o,p,a[d+5],5,-701558691),p=f(p,m,n,o,a[d+10],9,38016083),o=f(o,p,m,n,a[d+15],14,-660478335),n=f(n,o,p,m,a[d+4],20,-405537848),m=f(m,n,o,p,a[d+9],5,568446438),p=f(p,m,n,o,a[d+14],9,-1019803690),o=f(o,p,m,n,a[d+3],14,-187363961),n=f(n,o,p,m,a[d+8],20,1163531501),m=f(m,n,o,p,a[d+13],5,-1444681467),p=f(p,m,n,o,a[d+2],9,-51403784),o=f(o,p,m,n,a[d+7],14,1735328473),n=f(n,o,p,m,a[d+12],20,-1926607734),m=g(m,n,o,p,a[d+5],4,-378558),p=g(p,m,n,o,a[d+8],11,-2022574463),o=g(o,p,m,n,a[d+11],16,1839030562),n=g(n,o,p,m,a[d+14],23,-35309556),m=g(m,n,o,p,a[d+1],4,-1530992060),p=g(p,m,n,o,a[d+4],11,1272893353),o=g(o,p,m,n,a[d+7],16,-155497632),n=g(n,o,p,m,a[d+10],23,-1094730640),m=g(m,n,o,p,a[d+13],4,681279174),p=g(p,m,n,o,a[d],11,-358537222),o=g(o,p,m,n,a[d+3],16,-722521979),n=g(n,o,p,m,a[d+6],23,76029189),m=g(m,n,o,p,a[d+9],4,-640364487),p=g(p,m,n,o,a[d+12],11,-421815835),o=g(o,p,m,n,a[d+15],16,530742520),n=g(n,o,p,m,a[d+2],23,-995338651),m=h(m,n,o,p,a[d],6,-198630844),p=h(p,m,n,o,a[d+7],10,1126891415),o=h(o,p,m,n,a[d+14],15,-1416354905),n=h(n,o,p,m,a[d+5],21,-57434055),m=h(m,n,o,p,a[d+12],6,1700485571),p=h(p,m,n,o,a[d+3],10,-1894986606),o=h(o,p,m,n,a[d+10],15,-1051523),n=h(n,o,p,m,a[d+1],21,-2054922799),m=h(m,n,o,p,a[d+8],6,1873313359),p=h(p,m,n,o,a[d+15],10,-30611744),o=h(o,p,m,n,a[d+6],15,-1560198380),n=h(n,o,p,m,a[d+13],21,1309151649),m=h(m,n,o,p,a[d+4],6,-145523070),p=h(p,m,n,o,a[d+11],10,-1120210379),o=h(o,p,m,n,a[d+2],15,718787259),n=h(n,o,p,m,a[d+9],21,-343485551),m=b(m,i),n=b(n,j),o=b(o,k),p=b(p,l);return[m,n,o,p]}function j(a){var b,c="";for(b=0;b<32*a.length;b+=8)c+=String.fromCharCode(a[b>>5]>>>b%32&255);return c}function k(a){var b,c=[];for(c[(a.length>>2)-1]=void 0,b=0;b<c.length;b+=1)c[b]=0;for(b=0;b<8*a.length;b+=8)c[b>>5]|=(255&a.charCodeAt(b/8))<<b%32;return c}function l(a){return j(i(k(a),8*a.length))}function m(a,b){var c,d,e=k(a),f=[],g=[];for(f[15]=g[15]=void 0,e.length>16&&(e=i(e,8*a.length)),c=0;16>c;c+=1)f[c]=909522486^e[c],g[c]=1549556828^e[c];return d=i(f.concat(k(b)),512+8*b.length),j(i(g.concat(d),640))}function n(a){var b,c,d="0123456789abcdef",e="";for(c=0;c<a.length;c+=1)b=a.charCodeAt(c),e+=d.charAt(b>>>4&15)+d.charAt(15&b);return e}function o(a){return unescape(encodeURIComponent(a))}function p(a){return l(o(a))}function q(a){return n(p(a))}function r(a,b){return m(o(a),o(b))}function s(a,b){return n(r(a,b))}function t(a,b,c){return b?c?r(b,a):s(b,a):c?p(a):q(a)}"function"==typeof define&&define.amd?define(function(){return t}):a.md5=t}(this);
 \ No newline at end of file
+import axios from 'axios'
+
+// let _url = process.env.API_ROOT
+// axios.defaults.baseURL = process.env.API_ROOT
+const service = axios.create({
+
+
+  baseURL: 'http://39.98.58.92:8093/', // url = base url + request url
+  // withCredentials: true, // send cookies when cross-domain requests
+  timeout: 6000 // request timeout
+})
+
+service.interceptors.request.use(
+  config => {
+    return config
+  },
+  error => {
+    // do something with request error
+    console.log(error) // for debug
+    return Promise.reject(error)
+  }
+)
+
+// response interceptor
+service.interceptors.response.use(
+  response => {
+    const res = response.data
+    // if the custom code is not 20000, it is judged as an error.
+    if (res.code != '8888') {
+      return res
+    } else {
+      return res
+    }
+  },
+  error => {
+    console.log('err' + error) // for debug
+    return Promise.reject(error)
+  }
+)
+
+export default service
+import md5 from './md5.min.js';
+export default {
+  myCommonSalt: function (val) { // 获取盐值
+    let len = parseInt(val);
+    let $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
+    let maxPos = $chars.length;
+    var pwd = '';
+    for (var i = 0; i < len; i++) {
+      pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
+    }
+    console.log(pwd);
+    return pwd;
+  },
+
+  formatDate: function(secs, type=0){         //type是可选参数，因为json中时间的格式是year-month-date,不能识别XX年XX月XX日
+    var t = new Date(secs)
+    var year = t.getFullYear()
+    var month = t.getMonth() + 1
+    if(month < 10){ month = '0' + month }
+    var date = t.getDate()
+    if(date < 10){ date = '0' + date }
+    var hour = t.getHours()
+    if(hour < 10){ hour = '0' + hour }
+    var minute = t.getMinutes()
+    if(minute < 10){ minute = '0' + minute }
+    var second = t.getSeconds()
+    if(second < 10){ second = '0' + second }
+    if(type==0){
+      return year + '年' + month + '月' + date + '日'
+    }else{
+      return year + '-'+month+'-'+date
+    }},
+
+  timestampToTime: function (timestamp) {
+    var d = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
+    var youWant=d.getFullYear() + '-' + this.completedString(d.getMonth() + 1) + '-' + this.completedString(d.getDate()) ;
+    return  youWant
+  },
+  completedString:function(s) {
+    return s < 10 ? '0' + s : s
+  },
+
+
+
+  dateFormat: function (msd) {  // 时间转换
+    var time = msd
+
+    if (null != time && "" != time) {
+
+      if (time > 60 && time < 60 * 60) {
+
+        time = parseInt(time / 60.0) + "分钟" + parseInt((parseFloat(time / 60.0) -
+
+          parseInt(time / 60.0)) * 60) + "秒";
+
+      }
+
+      else if (time >= 60 * 60 && time < 60 * 60 * 24) {
+
+        time = parseInt(time / 3600.0) + "小时" + parseInt((parseFloat(time / 3600.0) -
+
+          parseInt(time / 3600.0)) * 60) + "分钟" +
+
+          parseInt((parseFloat((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60) -
+
+            parseInt((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60)) * 60) + "秒";
+
+      } else if (time >= 60 * 60 * 24) {
+
+        time = parseInt(time / 3600.0 / 24) + "天" + parseInt((parseFloat(time / 3600.0 / 24) -
+
+          parseInt(time / 3600.0 / 24)) * 24) + "小时" + parseInt((parseFloat(time / 3600.0) -
+
+          parseInt(time / 3600.0)) * 60) + "分钟" +
+
+          parseInt((parseFloat((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60) -
+
+            parseInt((parseFloat(time / 3600.0) - parseInt(time / 3600.0)) * 60)) * 60) + "秒";
+
+      }
+
+      else {
+
+        time = parseInt(time) + "秒";
+
+      }
+
+    }
+
+    return time;
+  },
+
+  signObject: function (jsonObj){ //签名字段
+    let sort = []
+    for(let k in jsonObj){
+      sort.push({
+        keyname: k,
+        value: jsonObj[k]
+      })
+    }
+    return this.myGetSign(sort)
+  },
+
+  clientBrowser: function () { // 判断客户端
+    if (/MicroMessenger/.test(window.navigator.userAgent)) {
+      console.log("微信客户端");
+      return '微信'
+    } else if (/AlipayClient/.test(window.navigator.userAgent)) {
+      console.log("支付宝客户端");
+      return '支付宝'
+    } else if (/BankabciPhone/.test(window.navigator.userAgent)) {
+      console.log("农行客户端");
+      return '立即'
+    }else if (/BankabcAndroid/.test(window.navigator.userAgent)) {
+      console.log("农行客户端");
+      return '立即'
+    }else {
+      console.log("其他浏览器");
+      return '支付宝'
+    }
+  },
+
+  // 1:支付宝 2：微信 3：银联 10:H5   4微信公众号   34 农行
+  clientBrowsePayType: function () { // 判断客户端
+    if (/MicroMessenger/.test(window.navigator.userAgent)) {
+      console.log("微信客户端");
+      return '4'
+    } else if (/AlipayClient/.test(window.navigator.userAgent)) {
+      console.log("支付宝客户端");
+      return '1'
+    } else if (/BankabciPhone/.test(window.navigator.userAgent)) {
+      console.log("农行客户端");
+      return '34'
+    }else if (/BankabcAndroid/.test(window.navigator.userAgent)) {
+      console.log("农行客户端");
+      return '34'
+    }else {
+      console.log("其他浏览器");
+      return '1'
+    }
+  },
+  // 0eca8f5373ca4866aec2f8e9d9367104  老的id
+  // 14318527b13840c2a4af63fef52c2d6e 老的签名
+
+  // ud8yq5tv0inxupc05xfeau39jywlqoj2  新的id
+  // ny1u72b6k374sg379z0kqjgfxe2ycnpw 新的签名
+
+  myVarAppid:'ud8yq5tv0inxupc05xfeau39jywlqoj2',// 公共请求Appid
+
+  myDeviceInfo: 'BC0703A4-AFB0-4B51-9089-9B7487C0CC6E', // 公共请求设备信息
+
+  myVxAppId: 'wx2af2bab90d433c86',
+  // 测试环境 微信赤峰 appid   wxff4cebaedbf4f886
+  // 微信赤峰 appid   wx2af2bab90d433c86
+  // 黄石 appid    wxa1a66cc7d263afe6
+
+  myOrgId: '10003', // 归属地 赤峰id  10003    黄石 10079
+
+  myGetSign: function (objb) { // 获取签名
+    var compare = function (obj1, obj2) {
+      var val1 = obj1.keyname;
+      var val2 = obj2.keyname;
+      if (val1 < val2) {
+        return -1;
+      } else if (val1 > val2) {
+        return 1;
+      } else {
+        return 0;
+      }
+    }
+    objb.sort(compare);
+    var strmd5 = 'ny1u72b6k374sg379z0kqjgfxe2ycnpw';
+    for(var i=0;i<objb.length;i++){
+      if(objb[i].value != null&&objb[i].value != ''){
+        strmd5 += objb[i].keyname+objb[i].value;
+      }
+    }
+    strmd5 += 'ny1u72b6k374sg379z0kqjgfxe2ycnpw';
+    // console.log('strmd5-------->'+strmd5);
+    strmd5 = md5(strmd5);
+    strmd5=strmd5.toUpperCase();
+    return strmd5;
+  },
+
+}
@@ -32,7 +32,7 @@
         </el-col>
       </el-row>
     </el-header>
-    <el-main style="padding: 0">
+    <el-main style="padding: 0;display: flex">
       <ul class="status-wrap">
         <li>
           <el-row>
@@ -54,7 +54,7 @@
                 <span>停车事件: 正常</span>
               </p>
             </el-col>
-            <el-col :span="12" style="overflow-x: auto">
+            <el-col :span="16" style="overflow-x: auto;width: 570px;">
               <div class="imgBox" :style="{width: attachmentList.length*190+'px'}">
                 <img
                   v-for="(item,index) in attachmentList"
@@ -65,21 +65,55 @@
               </div>
  
             </el-col>
-            <el-col :span="4" style="text-align: center;line-height: 120px">
-
-              <!--<el-input placeholder="请输入内容" v-model="carNumber" class="input-with-select">-->
-                <!--<template slot="prepend">修改车牌</template>-->
-                <!--<el-button slot="append" icon="el-icon-search">确定</el-button>-->
-              <!--</el-input>-->
-
-              <el-button type="primary">操作</el-button>
-            </el-col>
+            <!--<el-col :span="4" style="text-align: center;line-height: 120px">-->
+              <!--<el-button type="primary">操作</el-button>-->
+            <!--</el-col>-->
  
           </el-row>
         </li>
         <li></li>
         <li></li>
       </ul>
+
+      <div class="handle-wrap">
+        <el-input v-model="carNumber" maxlength="9">
+          <template slot="prepend">改车牌</template>
+          <el-button slot="append">确定</el-button>
+        </el-input>
+        <div>
+          <el-date-picker style="width:100%;margin-top:15px;"
+            v-model="value1"
+            default-value="2021-08-01 00:02:02"
+            type="datetime"
+            placeholder="选择日期时间">
+          </el-date-picker>
+
+        </div>
+        <div>
+          <el-button type="primary" size="medium" style="width:100%;margin-top:15px;">通过</el-button>
+        </div>
+        <div>
+          <el-button type="primary" size="medium" style="width:100%;margin-top:15px;">废弃</el-button>
+
+        </div>
+
+        <div>
+          <el-button type="primary" size="medium" style="width:100%;margin-top:15px;">撤销</el-button>
+
+        </div>
+
+        <div>
+          <el-button type="primary" size="medium" style="width:100%;margin-top:15px;">补录</el-button>
+
+        </div>
+
+        <div>
+          <el-button type="success" size="medium" style="width:100%;margin-top:15px;">确定</el-button>
+
+        </div>
+
+
+      </div>
     </el-main>
     <el-footer class="footer-wrap" style="height: 40px;">
  
@@ -102,7 +136,7 @@
       center>
  
       <div class="button">
-        <el-input  v-model="carNumber" maxlength="9">
+        <el-input v-model="carNumber" maxlength="9">
           <template slot="prepend">修改车牌</template>
         </el-input>
         <div style="margin-bottom: 15px;"></div>
@@ -127,17 +161,20 @@
  
 <script>
  
+import { orderExamine } from '@/api/highVideo'
+
 export default {
   name: 'highVideo',
   data() {
     return {
-      centerDialogVisible:true,
-      carNumber:'京A123312',
-      swiperOption:{
-        autoplay : 5000,//可选选项，自动滑动
-        loop : true,//可选选项，开启循环
+      value1: '2021-08-01 00:02:02',
+      centerDialogVisible: false,
+      carNumber: '京A123312',
+      swiperOption: {
+        autoplay: 5000,//可选选项，自动滑动
+        loop: true,//可选选项，开启循环
       },
-      attachmentList:[
+      attachmentList: [
         'https://img-blog.csdnimg.cn/img_convert/26200f8ecce45d09d4f4bc5a8f4572c5.png',
         'https://img-blog.csdnimg.cn/20190504154805438.png',
         'https://img-blog.csdnimg.cn/img_convert/26200f8ecce45d09d4f4bc5a8f4572c5.png',
@@ -159,62 +196,71 @@ export default {
     color: #fff;
   }
  
-  .status-wrap{
+  .status-wrap {
+    flex: 1;
+  }
  
+  .handle-wrap {
+    width: 300px;
+    padding: 15px;
+    border-left: 1px solid #ddd;
+    border-right: 1px solid #ddd;
   }
  
-  .status-wrap>li{
+  .status-wrap > li {
     height: 130px;
     border-bottom: 1px solid #ddd;
   }
  
-  .status-wrap>li:last-child{
-    border-bottom:0;
+  .status-wrap > li:last-child {
+    border-bottom: 0;
   }
  
-  .status-ifo{
+  .status-ifo {
     display: flex;
     margin-top: 10px;
   }
-  .status-ifo span{
+
+  .status-ifo span {
     flex: 1;
   }
  
-  .blueText{
+  .blueText {
     color: blue;
   }
  
-  .redText{
+  .redText {
     color: red;
   }
  
-  .imgBox{
+  .imgBox {
     /*width: 590px;*/
     height: 120px;
     padding-top: 10px;
     overflow-y: hidden;
     overflow-x: auto;
-    white-space:nowrap
+    white-space: nowrap
   }
-  .imgBox>img{
-    display:inline-block;
+
+  .imgBox > img {
+    display: inline-block;
     width: 180px;
     height: 110px;
     float: left;
     margin-right: 10px;
   }
-  .imgBox>img:last-child{
+
+  .imgBox > img:last-child {
     margin-right: 0;
   }
  
-  .button button{
+  .button button {
     margin-left: 0;
     margin-right: 10px;
     margin-bottom: 10px;
   }
  
-
-  .footer-wrap{
+  .footer-wrap {
     line-height: 40px;
     background: #f5f5f5;
   }