From 6d921c99117f03f8a1d96e4e172504605e06d4fd Mon Sep 17 00:00:00 2001 From: liuqimichale <123456lq> Date: Fri, 6 Aug 2021 10:47:11 +0800 Subject: [PATCH] 高位视频 --- src/api/highVideo.js | 21 +++++++++++++++++++++ src/assets/css/base.scss | 1 + src/assets/css/reset.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/utils/common.js | 0 src/utils/filters.js | 24 ++++++++++++++++++++++++ src/utils/md5.min.js | 1 + src/utils/request.js | 41 +++++++++++++++++++++++++++++++++++++++++ src/utils/utils.js | 185 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/utils/variables.js | 0 src/views/highVideo.vue | 114 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------- 10 files changed, 416 insertions(+), 34 deletions(-) create mode 100644 src/api/highVideo.js create mode 100644 src/assets/css/base.scss create mode 100644 src/assets/css/reset.css create mode 100644 src/utils/common.js create mode 100644 src/utils/filters.js create mode 100644 src/utils/md5.min.js create mode 100644 src/utils/request.js create mode 100644 src/utils/utils.js create mode 100644 src/utils/variables.js diff --git a/src/api/highVideo.js b/src/api/highVideo.js new file mode 100644 index 0000000..4107729 --- /dev/null +++ b/src/api/highVideo.js @@ -0,0 +1,21 @@ +import request from '@/utils/request' + + + +// 异常数据平台审核 +export function orderExamine(params) { + return request({ + url: 'orderExamine/queryLists', + method: 'post', + data: params + }) +} + + + + + + + + + diff --git a/src/assets/css/base.scss b/src/assets/css/base.scss new file mode 100644 index 0000000..0bd703f --- /dev/null +++ b/src/assets/css/base.scss @@ -0,0 +1 @@ +$commonLeftRightPadding:0 10px; diff --git a/src/assets/css/reset.css b/src/assets/css/reset.css new file mode 100644 index 0000000..1ad44a8 --- /dev/null +++ b/src/assets/css/reset.css @@ -0,0 +1,63 @@ +@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; +} diff --git a/src/utils/common.js b/src/utils/common.js new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/utils/common.js diff --git a/src/utils/filters.js b/src/utils/filters.js new file mode 100644 index 0000000..f65fc6f --- /dev/null +++ b/src/utils/filters.js @@ -0,0 +1,24 @@ +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 diff --git a/src/utils/md5.min.js b/src/utils/md5.min.js new file mode 100644 index 0000000..11b1545 --- /dev/null +++ b/src/utils/md5.min.js @@ -0,0 +1 @@ +!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<>>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<>>9<<4)+14]=c;var d,i,j,k,l,m=1732584193,n=-271733879,o=-1732584194,p=271733878;for(d=0;d>5]>>>b%32&255);return c}function k(a){var b,c=[];for(c[(a.length>>2)-1]=void 0,b=0;b>5]|=(255&a.charCodeAt(b/8))<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>>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 diff --git a/src/utils/request.js b/src/utils/request.js new file mode 100644 index 0000000..d4d81c1 --- /dev/null +++ b/src/utils/request.js @@ -0,0 +1,41 @@ +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 diff --git a/src/utils/utils.js b/src/utils/utils.js new file mode 100644 index 0000000..78918f6 --- /dev/null +++ b/src/utils/utils.js @@ -0,0 +1,185 @@ +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'+strmd5); + strmd5 = md5(strmd5); + strmd5=strmd5.toUpperCase(); + return strmd5; + }, + +} diff --git a/src/utils/variables.js b/src/utils/variables.js new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/utils/variables.js diff --git a/src/views/highVideo.vue b/src/views/highVideo.vue index 964e4d8..324d507 100644 --- a/src/views/highVideo.vue +++ b/src/views/highVideo.vue @@ -32,7 +32,7 @@ - +
  • @@ -54,7 +54,7 @@ 停车事件: 正常

    - +
    - - - - - - - - 操作 - + + +
+ +
+ + + 确定 + +
+ + + +
+
+ 通过 +
+
+ 废弃 + +
+ +
+ 撤销 + +
+ +
+ 补录 + +
+ +
+ 确定 + +
+ + +
@@ -102,7 +136,7 @@ center>
- +
@@ -127,17 +161,20 @@