sxyanzhu
/
jhbigscreen
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

update code

prv
haha 2023-10-14 19:52:07 +08:00
parent c96a6e83a8
commit 27ceedcc07
17 changed files with 88 additions and 178 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
package.json
View File

@ -15,15 +15,16 @@
"element-ui": "^2.15.13",
"emittery": "^0.8.1",
"file-saver": "2.0.5",
"gsap": "^3.12.2",
"js-cookie": "^3.0.5",
"nprogress": "0.2.0",
"less": "^4.1.3",
"less-loader": "^11.1.3",
"lodash.debounce": "^4.0.8",
"logt": "^1.4.1",
"nprogress": "0.2.0",
"vue": "^2.6.14",
"vuex": "3.6.0",
"vue-router": "^3.1.3"
"vue-router": "^3.1.3",
"vuex": "3.6.0"
},
"devDependencies": {
"@babel/core": "^7.12.16",

40
public/detail.html
View File

@ -1,40 +0,0 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<link rel="stylesheet" href="https://cdn.makalu.cc/css/element-ui/index.css">
<link rel="stylesheet" href="css/largeScreenLayout.css">
<link rel="stylesheet" href="css/largeScreenStyle.css">
<script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=qmQNEi1qbFX628WfMt4imhdT87RbCRzK"></script>
<script src="https://cdn.makalu.cc/js/vue/vue.js"></script>
<script src="https://unpkg.com/element-ui@2.15.13/lib/index.js"></script>
<script src="https://cdn.makalu.cc/js/jquery/3.5.1/jquery.min.js"></script>
<script src="./js/echarts.min.js"></script>
<link rel="stylesheet" href="/cesium/Widgets/widgets.css">
<script src="/cesium/jquery-3.0.0.min.js"></script>
<script src="/cesium/Cesium.js?v=20230913"></script>
<script src="/cesium/BIMGISEngine.js?v=20230920"></script>
<script src="/cesium/initApi.js?v=20230920"></script>
<script src="./js/mapmodle.js"></script>
<!--
<script crossorigin="anonymous" integrity="sha384-gb8mitZ44MWVFB3GKzmtx1OCjOh3Cj4mgusyTvNzl1Nu31l0em1FrApJindwVAe0"
src="https://lib.baomitu.com/echarts/4.2.1/echarts.min.js"></script>
-->
<script src="https://cdn.makalu.cc/js/echarts/china.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=6zAD8CIavtzWnkGg0a7roush5maGMIPn"></script>
<style type="text/css">
#webpack-dev-server-client-overlay{display: none;}
</style>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

41
public/video.html
View File

@ -1,41 +0,0 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
<link rel="stylesheet" href="https://cdn.makalu.cc/css/element-ui/index.css">
<link rel="stylesheet" href="css/largeScreenLayout.css">
<link rel="stylesheet" href="css/largeScreenStyle.css">
<script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=qmQNEi1qbFX628WfMt4imhdT87RbCRzK"></script>
<script src="https://cdn.makalu.cc/js/vue/vue.js"></script>
<script src="https://unpkg.com/element-ui@2.15.13/lib/index.js"></script>
<script src="https://cdn.makalu.cc/js/jquery/3.5.1/jquery.min.js"></script>
<script crossorigin="anonymous" integrity="sha384-gb8mitZ44MWVFB3GKzmtx1OCjOh3Cj4mgusyTvNzl1Nu31l0em1FrApJindwVAe0" src="https://lib.baomitu.com/echarts/4.2.1/echarts.min.js"></script>
<script src="https://cdn.makalu.cc/js/echarts/china.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=6zAD8CIavtzWnkGg0a7roush5maGMIPn"></script>
<!-- 请求依赖 -->
<script src="https://cdn.makalu.cc/js/axios/axios.min.js"></script>
<!-- rtmp 支持依赖 -->
<script src="https://cdn.makalu.cc/js/videojs/5.19/video.min.js"></script>
<!-- hls 支持依赖 -->
<script src="https://cdn.makalu.cc/js/hls/hls.min.js"></script>
<!-- h5steam 支持依赖 -->
<script src="https://cdn.makalu.cc/js/platform/1.3.5/platform.js"></script>
<script src="https://cdn.makalu.cc/js/h5splayer/h5splayer.js"></script>
<script src="https://cdn.makalu.cc/js/h5splayer/h5splayerhelper.js"></script>
<script src="https://cdn.makalu.cc/js/hkplug/jsencrypt.min.js"></script>
<script src="https://cdn.makalu.cc/js/hkplug/jsWebControl-1.0.0.min.js"></script>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>

22
src/components/project-overview-chart.js
View File

@ -74,15 +74,13 @@ Vue.component("project-overview-chart", {
{
value: chartData[i].value,
name: chartData[i].name,
itemStyle: {
normal: {
//颜色渐变
color: color[i]
},
itemStyle: {
//颜色渐变
color: color[i]
},
},
)
}
}
/* let total = chartData.reduce((a, b) => {
return a + b.value;
}, 0);*/
@ -96,19 +94,17 @@ Vue.component("project-overview-chart", {
itemWidth: 12,
itemGap: 8,
textStyle: {
color: "#c3dbfd",
fontSize: 14,
rich: {
rich: {
name: {
color: "#c3dbfd",
padding: [10, 5, 20, 5],
// align: 'right'
// width: 60
padding: [10, 5, 20, 5],
},
percent: {
color: "#18DB9F",
fontSize: 16,
padding: [0, 5, 0, 5],
// align: 'right'
padding: [0, 5, 0, 5],
},
},
},
@ -118,7 +114,7 @@ Vue.component("project-overview-chart", {
if(total_datas==0){
percent=0;
}
return "{name| " + name + "}"+this.sp+"{value|" + res[0].value + "} {percent|" + percent + "%}";
return "{name| " + name + "}"+this.sp+"{val|" + res[0].value + "} {percent|" + percent + "%}";
},
};
let opt={...legendOption,...(this.legendOpt||{})};

8
src/pages/index.js
View File

@ -1,8 +0,0 @@
import Vue from 'vue'
import App from './index.vue'
import './init.js'
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')

27
src/pages/index.vue
View File

@ -35,8 +35,8 @@
<div :class="qualityNav == 1 ? 'active' : ''" @click="qualityNavClick(1)">质量管理</div>
</div>
<project-overview-chart :sp="'\n'" :maintitle="qualityNavTotal" :legend-opt="legendOpt2"
:key="elKey" :typedata="dangersDatas" :text="qualityNavTitle" :height="220"
style="top:0px"></project-overview-chart>
:key="elKey" :typedata="dangersDatas" :text="qualityNavTitle" :height="260"
style="top:-30px"></project-overview-chart>
</module-one-1-1>
</el-col>
<el-col :span="12">
@ -260,15 +260,15 @@ export default {
legendOpt1: {
icon: "rect",
textStyle: {
fontSize: 14,
color: "#c3dbfd",
fontSize: 14,
rich: {
name: {
color: "#c3dbfd",
padding: [10, 5, 20, 5],
padding: [0, 20, 0, 0],
},
percent: {
color: "#4676FD",
padding: [10, 5, 20, 5],
color: "#4676FD"
},
},
},
@ -277,18 +277,20 @@ export default {
icon: "rect",
orient: "horizontal",
left: '50%',
top: 'top',
itemGap: 0,
top: '0',
itemGap: 0,
textStyle: {
fontSize: 14,
padding:[0,0,2,0],
fontSize: 10,
color: "#c3dbfd",
rich: {
name: {
color: "#c3dbfd",
padding: [5, 2, 20, 2],
padding: [5, 2, 5, 2],
},
percent: {
color: "#4676FD",
fontSize: 16,
color: "#4676FD",
padding: [0, 2, 0, 2],
},
},
@ -804,7 +806,6 @@ export default {
sum += it.value;
})
this.overviewTotal = sum;
console.log(tmps);
this.typeDistributionData = tmps;
this.elKey++;
})

8
src/pages/projectDetail.js
View File

@ -1,8 +0,0 @@
import Vue from 'vue'
import App from './projectDetail.vue'
Vue.config.productionTip = false
import './init.js'
new Vue({
render: h => h(App),
}).$mount('#app')

8
src/pages/projectEngin.js
View File

@ -1,8 +0,0 @@
import Vue from 'vue'
import App from './projectEngin.vue'
Vue.config.productionTip = false
import './init.js'
new Vue({
render: h => h(App),
}).$mount('#app')

7
src/pages/projectProgress.js
View File

@ -1,7 +0,0 @@
import Vue from 'vue'
import App from './projectProgress.vue'
Vue.config.productionTip = false
import './init.js'
new Vue({
render: h => h(App),
}).$mount('#app')

4
src/pages/projectProgress.vue
View File

@ -149,7 +149,7 @@
<div>
<table class="build-node-list"
v-if="buildNode && buildNode.nodes && buildNode.nodes.length > 0">
<tr class="header">
<tr class="tb-header">
<th style="border-radius: 4px 0px 0px 0px;">项目</th>
<th style="border-radius: 0px 4px 0px 0px;">状态</th>
</tr>
@ -933,7 +933,7 @@ export default {
}
}
&.header {
&.tb-header {
background-color: #2D5280;
}
}

7
src/pages/projectQuality.js
View File

@ -1,7 +0,0 @@
import Vue from 'vue'
import App from './projectQuality.vue'
Vue.config.productionTip = false
import './init.js'
new Vue({
render: h => h(App),
}).$mount('#app')

2
src/pages/projectQuality.vue
View File

@ -381,7 +381,7 @@ export default {
this.$api.materialSeal.groupTop12Month(postData).then(d=>{
this.materialSealList=(d||[]).map(it=>{
return {
label:(it.m<10?'0'+it.m:it.m)+'\n'+(it.y+'').substring(2),
label:(it.m<10?'0'+it.m:it.m)+'\n'+(it.y+'').substring(2)+'',
value:it.cnt
}
});

7
src/pages/projectSafety.js
View File

@ -1,7 +0,0 @@
import Vue from 'vue'
import App from './projectSafety.vue'
Vue.config.productionTip = false
import './init.js'
new Vue({
render: h => h(App),
}).$mount('#app')

7
src/pages/projectVideo.js
View File

@ -1,7 +0,0 @@
import Vue from 'vue'
import App from './projectVideo.vue'
Vue.config.productionTip = false
import './init.js'
new Vue({
render: h => h(App),
}).$mount('#app')

31
src/pages/quality/materialSealChart.vue
View File

@ -51,23 +51,38 @@ export default {
this.option = {
xAxis: {
type: 'category',
padding:0,
data: (this.optData||[]).map(it=>it.label)
padding: 0,
data: (this.optData || []).map(it => it.label),
},
graphic: {
type: "text",
left: "30",
bottom: '35',
style: {
text: '月\n年',
textAlign: "center",
fill: "#fff",
fontSize: 12,
fontWeight: 700
}
},
yAxis: {
type: 'value'
type: 'value',
lable: {
fontSize: 6
}
},
series: [
{
data: (this.optData||[]).map(it=>it.value),
data: (this.optData || []).map(it => it.value),
label: {
show: true,
color:'#82c9ff',
show: true,
color: '#82c9ff',
position: 'top'
},
type: 'line',
symbol:'circle',
symbolSize:10,
symbol: 'circle',
symbolSize: 10,
areaStyle: {}
}
]

35
src/pages/toAIVideoProject.vue
View File

@ -97,10 +97,10 @@
<div class="ai-content-padding">
<div class="ai-warning-list">
<div class="ai-video-title">
<div>最新预警 <span class="ai-video-number">（<span v-html="warningList.length">0</span>）</span></div>
<div>最新预警 <span class="ai-video-number">（<span v-html="warningList.length"></span>）</span></div>
</div>
<div class="ai-warning-list-content">
<div class="ai-warning-list-max scroll" id="warningListMax" style="overflow-y:auto">
<div class="ai-warning-list-max scroll" @mouseenter="stopListAnm" @mouseleave="listAnm" id="warningListMax" style="overflow-y:auto">
<div id="warningListMin">
<div class="project-expect-list active" v-for="(item,idx) in warningList" v-if="idx<50">
<div class="project-expect-con">
@ -140,6 +140,7 @@ import '../components/amplify/shipinguanli/amplify-spjk'
import '../components/project-overview-chart'
import '../components/rank-chart'
import debounce from 'lodash.debounce'
import gsap from 'gsap'
export default {
data() {
return {
@ -166,14 +167,14 @@ export default {
icon: "rect",
textStyle: {
fontSize: 14,
color: "#c3dbfd",
rich: {
name: {
color: "#c3dbfd",
padding: [10, 5, 20, 5],
padding: [0, 20, 0, 0],
},
percent: {
color: "#4676FD",
padding: [10, 5, 20, 5],
color: "#4676FD"
},
},
},
@ -230,6 +231,9 @@ export default {
if(this.$root.hasInitHeader){
this.initMe();
}
this.$nextTick(()=>{
this.listAnm();
});
},
created() {
this.init()
@ -332,6 +336,27 @@ export default {
}
},
methods: {
stopListAnm(){
if(this.listTimer){
clearTimeout(this.listTimer);
this.listTimer=null;
}
},
listAnm(){
let func=()=>{
let el=document.querySelector("#warningListMax");
if(el.clientHeight<el.scrollTop+el.scrollHeight){
if(el.scrollTop+el.clientHeight<el.scrollHeight){
el.scrollTop+=2;
}
else{
el.scrollTop=0;
}
}
this.listTimer=setTimeout(func,100);
}
func();
},
initMe(){
this.projectInfo=this.$root.project;
this.dept=this.$root.dept;

5
yarn.lock
View File

@ -3474,6 +3474,11 @@ graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4,
resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz"
integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
gsap@^3.12.2:
version "3.12.2"
resolved "https://registry.npmmirror.com/gsap/-/gsap-3.12.2.tgz#6e88203eed360761cbf2a2cb3a8d702aa87f3f6d"
integrity sha512-EkYnpG8qHgYBFAwsgsGEqvT1WUidX0tt/ijepx7z8EUJHElykg91RvW1XbkT59T0gZzzszOpjQv7SE41XuIXyQ==
gzip-size@^6.0.0:
version "6.0.0"
resolved "https://registry.npmmirror.com/gzip-size/-/gzip-size-6.0.0.tgz"