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

View File

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

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>

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>

View File

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

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')

View File

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

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')

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')

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')

View File

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

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')

View File

@ -381,7 +381,7 @@ export default {
this.$api.materialSeal.groupTop12Month(postData).then(d=>{ this.$api.materialSeal.groupTop12Month(postData).then(d=>{
this.materialSealList=(d||[]).map(it=>{ this.materialSealList=(d||[]).map(it=>{
return { 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 value:it.cnt
} }
}); });

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')

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')

View File

@ -52,10 +52,25 @@ export default {
xAxis: { xAxis: {
type: 'category', type: 'category',
padding: 0, padding: 0,
data: (this.optData||[]).map(it=>it.label) 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: { yAxis: {
type: 'value' type: 'value',
lable: {
fontSize: 6
}
}, },
series: [ series: [
{ {

View File

@ -97,10 +97,10 @@
<div class="ai-content-padding"> <div class="ai-content-padding">
<div class="ai-warning-list"> <div class="ai-warning-list">
<div class="ai-video-title"> <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>
<div class="ai-warning-list-content"> <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 id="warningListMin">
<div class="project-expect-list active" v-for="(item,idx) in warningList" v-if="idx<50"> <div class="project-expect-list active" v-for="(item,idx) in warningList" v-if="idx<50">
<div class="project-expect-con"> <div class="project-expect-con">
@ -140,6 +140,7 @@ import '../components/amplify/shipinguanli/amplify-spjk'
import '../components/project-overview-chart' import '../components/project-overview-chart'
import '../components/rank-chart' import '../components/rank-chart'
import debounce from 'lodash.debounce' import debounce from 'lodash.debounce'
import gsap from 'gsap'
export default { export default {
data() { data() {
return { return {
@ -166,14 +167,14 @@ export default {
icon: "rect", icon: "rect",
textStyle: { textStyle: {
fontSize: 14, fontSize: 14,
color: "#c3dbfd",
rich: { rich: {
name: { name: {
color: "#c3dbfd", color: "#c3dbfd",
padding: [10, 5, 20, 5], padding: [0, 20, 0, 0],
}, },
percent: { percent: {
color: "#4676FD", color: "#4676FD"
padding: [10, 5, 20, 5],
}, },
}, },
}, },
@ -230,6 +231,9 @@ export default {
if(this.$root.hasInitHeader){ if(this.$root.hasInitHeader){
this.initMe(); this.initMe();
} }
this.$nextTick(()=>{
this.listAnm();
});
}, },
created() { created() {
this.init() this.init()
@ -332,6 +336,27 @@ export default {
} }
}, },
methods: { 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(){ initMe(){
this.projectInfo=this.$root.project; this.projectInfo=this.$root.project;
this.dept=this.$root.dept; this.dept=this.$root.dept;

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" resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz"
integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ== 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: gzip-size@^6.0.0:
version "6.0.0" version "6.0.0"
resolved "https://registry.npmmirror.com/gzip-size/-/gzip-size-6.0.0.tgz" resolved "https://registry.npmmirror.com/gzip-size/-/gzip-size-6.0.0.tgz"