Commit 83aacf1b authored by xinzhedeai's avatar xinzhedeai

add: 新华 剖面 update from liqilin

parent 5afb27b3
ENV = 'development'
# 开发服务器端口配置
VUE_APP_LOCAL_PORT = 8080
VUE_APP_BASE_API = 'http://192.168.2.11:8080'
VUE_APP_LOCAL_API = 'http://192.168.2.37:9003'
\ No newline at end of file
...@@ -19,7 +19,6 @@ selenium-debug.log ...@@ -19,7 +19,6 @@ selenium-debug.log
*.njsproj *.njsproj
*.sln *.sln
*.local *.local
*.env.development
*dist.rar *dist.rar
package-lock.json package-lock.json
......
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Cesium <!-- Cesium
1. CSS 1. CSS
2. JS 2. JS
--> -->
<link <link rel="stylesheet" type="text/css" href="./Cesium/Widgets/widgets.css" />
rel="stylesheet"
type="text/css"
href="./Cesium/Widgets/widgets.css"
/>
<script type="text/javascript" src="./Cesium/Cesium.js"></script> <script type="text/javascript" src="./Cesium/Cesium.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.7.2/proj4.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.7.2/proj4.js"></script>
...@@ -194,14 +191,14 @@ ...@@ -194,14 +191,14 @@
border-radius: 3px; border-radius: 3px;
} }
.search_box > div { .search_box>div {
display: flex; display: flex;
justify-content: start; justify-content: start;
color: #fff; color: #fff;
align-items: center; align-items: center;
} }
.search_box > div > span { .search_box>div>span {
display: flex; display: flex;
justify-content: start; justify-content: start;
margin: 0 10px; margin: 0 10px;
...@@ -234,9 +231,9 @@ ...@@ -234,9 +231,9 @@
display: none !important; display: none !important;
} }
</style> </style>
</head> </head>
<body> <body>
<div id="cesiumcontainer"> <div id="cesiumcontainer">
<div></div> <div></div>
</div> </div>
...@@ -332,5 +329,6 @@ ...@@ -332,5 +329,6 @@
} }
})(); })();
</script> </script>
</body> </body>
</html> </html>
\ No newline at end of file
...@@ -367,8 +367,7 @@ const initCesiumpolyline = ( ...@@ -367,8 +367,7 @@ const initCesiumpolyline = (
text: ` 平距 : ${distance.value}\n 空间距离 : ${Math.sqrt( text: ` 平距 : ${distance.value}\n 空间距离 : ${Math.sqrt(
distance.value * distance.value + distance.value * distance.value +
elevationDifference.value * elevationDifference.value elevationDifference.value * elevationDifference.value
)}\n 高差 : ${elevationDifference.value}(米)\n 坡度 : ${ )}\n 高差 : ${elevationDifference.value}(米)\n 坡度 : ${slopeDegrees.value
slopeDegrees.value
}`, }`,
fillColor: Cesium.Color.GREEN, fillColor: Cesium.Color.GREEN,
}; };
......
This diff is collapsed.
<!-- <!--
/** /**
* 表单通用组件 * 表单通用组件
...@@ -57,34 +56,31 @@ ...@@ -57,34 +56,31 @@
<div class="head-container" v-if="form.config.search && form.config.search[0]"> <div class="head-container" v-if="form.config.search && form.config.search[0]">
<!-- 搜索 --> <!-- 搜索 -->
<template v-for="(item, index) in form.config.search"> <template v-for="(item, index) in form.config.search">
<label v-if="item.name" class="el-form-item-label">{{item.name}}</label> <label v-if="item.name" class="el-form-item-label">{{ item.name }}</label>
<template v-if="item.type==='string'"> <template v-if="item.type === 'string'">
<el-input v-model="form.query[item.word]" clearable :placeholder="'请输入'+item.name" :style="'width:'+item.width" @clear="item.clear && item.clear.call(_self.$parent)"/> <el-input v-model="form.query[item.word]" clearable :placeholder="'请输入' + item.name"
:style="'width:' + item.width" @clear="item.clear && item.clear.call(_self.$parent)" />
</template> </template>
<template v-if="item.type==='select'"> <template v-if="item.type === 'select'">
<el-select v-model="form.query[item.word]" :placeholder="'请选择'+item.name" size="small" :style="'width:'+(item.width || 'auto')" :disabled="item.disabled" clearable @change="onEventInfos(item.change)" @clear="item.clear && item.clear.call(_self.$parent)"> <el-select v-model="form.query[item.word]" :placeholder="'请选择' + item.name" size="small"
<el-option v-for="obj in Dict.selectList[item.word]" :label="obj[item.key] || obj.name" :value="obj[item.val] || obj.value" ></el-option> :style="'width:' + (item.width || 'auto')" :disabled="item.disabled" clearable
@change="onEventInfos(item.change)" @clear="item.clear && item.clear.call(_self.$parent)">
<el-option v-for="obj in Dict.selectList[item.word]" :label="obj[item.key] || obj.name"
:value="obj[item.val] || obj.value"></el-option>
</el-select> </el-select>
</template> </template>
<template v-else-if="item.type === 'checkbox'"> <template v-else-if="item.type === 'checkbox'">
<el-checkbox v-model="form.query[item.word]" :label="item.label"></el-checkbox> <el-checkbox v-model="form.query[item.word]" :label="item.label"></el-checkbox>
</template> </template>
<template v-else-if="item.type.indexOf('date') > -1"> <template v-else-if="item.type.indexOf('date') > -1">
<el-date-picker <el-date-picker v-model="form.query[item.word]" :style="'width:' + item.width" :type="item.type"
v-model="form.query[item.word]" :value-format="item.format || 'yyyy-MM-dd'" :default-time="item.defaultTime" range-separator="至"
:style="'width:'+item.width" start-placeholder="开始日期" end-placeholder="结束日期" clearable
:type="item.type" @change="item.change && item.change.call(_self, $event)">
:value-format="item.format || 'yyyy-MM-dd'"
:default-time="item.defaultTime"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
clearable
@change="item.change && item.change.call(_self, $event)"
>
</el-date-picker> </el-date-picker>
</template> </template>
<el-button v-else-if="item.type==='button'" size="mini" :type="item.btntype || 'success'" :icon="item.icon" @click="item.click && item.click.call(_self.$parent, $event)">{{item.label}}</el-button> <el-button v-else-if="item.type === 'button'" size="mini" :type="item.btntype || 'success'" :icon="item.icon"
@click="item.click && item.click.call(_self.$parent, $event)">{{ item.label }}</el-button>
</template> </template>
</div> </div>
</template> </template>
...@@ -94,7 +90,7 @@ export default { ...@@ -94,7 +90,7 @@ export default {
return { return {
} }
}, },
props:{ props: {
form: { form: {
type: Object, type: Object,
default: {}, default: {},
...@@ -104,24 +100,34 @@ export default { ...@@ -104,24 +100,34 @@ export default {
default: {}, default: {},
}, },
}, },
beforeCreate(){ beforeCreate() {
}, },
created(){ created() {
}, },
mounted() { mounted() {
}, },
methods: { methods: {
onEventInfos:qf.vue.onEventInfos, onEventInfos: qf.vue.onEventInfos,
}, },
} }
</script> </script>
<style lang="scss" scope> <style lang="scss" scope>
.head-container{ .head-container {
.el-form-item-label{ .el-form-item-label {
font-weight:500;margin-left:15px; font-weight: 500;
&:first-child{margin-left:0;} margin-left: 15px;
&:first-child {
margin-left: 0;
} }
.el-button{margin-left:20px;}
.el-checkbox{margin-right:5px;}
} }
.el-button {
margin-left: 20px;
}
.el-checkbox {
margin-right: 5px;
}
}
</style> </style>
...@@ -8,12 +8,10 @@ import Config from '@/settings' ...@@ -8,12 +8,10 @@ import Config from '@/settings'
axios.defaults.withCredentials = true; axios.defaults.withCredentials = true;
//var baseURL = (VUE_APP_API.ServiceURL || process.env.VUE_APP_LOCAL_API) + '/'; //var baseURL = (VUE_APP_API.ServiceURL || process.env.VUE_APP_LOCAL_API) + '/';
var baseURL = process.env.NODE_ENV var baseURL = process.env.NODE_ENV === 'development' ? process.env.VUE_APP_LOCAL_API + '/' : (process.env.VUE_APP_BASE_API || process.env.VUE_APP_LOCAL_API) + '/';
=== 'development' ? process.env.VUE_APP_LOCAL_API + '/' : (VUE_APP_API.ServiceURL || process.env.VUE_APP_LOCAL_API) + '/';
// 创建axios实例 // 创建axios实例
const service = axios.create({ const service = axios.create({
baseURL: baseURL, baseURL: 'http://192.168.2.37:9003',
timeout: Config.timeout // 请求超时时间 timeout: Config.timeout // 请求超时时间
}) })
......
This diff is collapsed.
<template> <template>
<div class="common-page qyzz page-t1"> <div class="common-page qyzz page-t1">
<div class="option page-row"> <div class="option page-row">
<table-filter <table-filter ref="filter" :form="form" :Dict="Dict" :rules="rules" :config="form.config" :loadData="loadData" />
ref="filter"
:form="form"
:Dict="Dict"
:rules="rules"
:config="form.config"
:loadData="loadData"
/>
</div> </div>
<div class="new-container" style="display: flex"> <div class="new-container" style="display: flex">
<div class="canvas-wrapper" style="width: 1000px;"> <div class="canvas-wrapper" style="width: 1000px;">
<!-- 替换为 Canvas 元素 --> <!-- 替换为 Canvas 元素 -->
<canvas <canvas ref="canvas" id="mainCanvas" width="1000" style="background: #f0f0f0"></canvas>
ref="canvas"
id="mainCanvas"
width="1000"
style="background: #f0f0f0"
></canvas>
</div> </div>
<div class="chart-wrapper" style="padding-left: 0px;"> <div class="chart-wrapper" style="padding-left: 0px;">
<div <div ref="chartContainer" style="width: 870px; height: 550px; margin-bottom: 20px;border:1px solid gainsboro;">
ref="chartContainer" </div>
style="width: 870px; height: 550px; margin-bottom: 20px;border:1px solid gainsboro;"
></div>
<div class="chart-btn-group"> <div class="chart-btn-group">
<button <button size="small" :type="currentChartType === 'line' ? 'primary' : ''" @click="switchChartType('line')">
size="small"
:type="currentChartType === 'line' ? 'primary' : ''"
@click="switchChartType('line')"
>
折线图 折线图
</button> </button>
<button <button size="small" :type="currentChartType === 'column' ? 'primary' : ''"
size="small" @click="switchChartType('column')">
:type="currentChartType === 'column' ? 'primary' : ''"
@click="switchChartType('column')"
>
柱状图 柱状图
</button> </button>
</div> </div>
...@@ -51,49 +30,24 @@ ...@@ -51,49 +30,24 @@
<div class="content-fix"> <div class="content-fix">
<div class="toolbar"> <div class="toolbar">
<div> <div>
<el-button <el-button v-for="(item, key) in form.config.otherBtn" size="mini" :type="item.type" :icon="item.icon"
v-for="(item, key) in form.config.otherBtn" @click="item.callback.call(_self, $event)">{{ item.name }}</el-button>
size="mini"
:type="item.type"
:icon="item.icon"
@click="item.callback.call(_self, $event)"
>{{ item.name }}</el-button
>
</div> </div>
<div> <div>
<el-button <el-button v-for="(item, key) in form.config.rightBtn" size="mini" :type="item.type" :icon="item.icon"
v-for="(item, key) in form.config.rightBtn" @click="item.callback.call(_self, $event)">{{ item.name }}</el-button>
size="mini"
:type="item.type"
:icon="item.icon"
@click="item.callback.call(_self, $event)"
>{{ item.name }}</el-button
>
</div> </div>
</div> </div>
<!-- 表格渲染 --> <!-- 表格渲染 -->
<cu-table <cu-table ref="cuTable" :table="table" :Dict="Dict" :config="form.config" :loadData="loadData" />
ref="cuTable"
:table="table"
:Dict="Dict"
:config="form.config"
:loadData="loadData"
/>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- 表单渲染 --> <!-- 表单渲染 -->
<cu-form <cu-form ref="cuForm" :form="form" :Dict="Dict" :rules="rules" :submit="submitForm" :cancel="cancelForm"
ref="cuForm" :watchKeys="['paperfilename']" />
:form="form"
:Dict="Dict"
:rules="rules"
:submit="submitForm"
:cancel="cancelForm"
:watchKeys="['paperfilename']"
/>
</div> </div>
</template> </template>
...@@ -296,9 +250,9 @@ export default { ...@@ -296,9 +250,9 @@ export default {
// 获取选择列表字典 // 获取选择列表字典
var selectList = this.Dict.selectList; var selectList = this.Dict.selectList;
Tools.asyncLoop.call(this, selectList, function(key, value, next) { Tools.asyncLoop.call(this, selectList, function (key, value, next) {
if (typeof value === "function") { if (typeof value === "function") {
value.call(this.Dict).then(function(res) { value.call(this.Dict).then(function (res) {
selectList[key] = res; selectList[key] = res;
next(); next();
}); });
...@@ -318,7 +272,7 @@ export default { ...@@ -318,7 +272,7 @@ export default {
}, },
methods: { methods: {
getCanvasData(){ getCanvasData() {
const params = {} const params = {}
request({ request({
url: "tab/jrx/dissect/visual-xinHua", url: "tab/jrx/dissect/visual-xinHua",
...@@ -418,7 +372,7 @@ export default { ...@@ -418,7 +372,7 @@ export default {
for (let index = 0; index < tjNumber; index++) { for (let index = 0; index < tjNumber; index++) {
canvasData.poConfigs.push({ canvasData.poConfigs.push({
x: 0, x: 0,
y: 600- (150 * index), y: 600 - (150 * index),
width: 879 - 250 * index, width: 879 - 250 * index,
height: 150 height: 150
}); });
...@@ -856,7 +810,7 @@ export default { ...@@ -856,7 +810,7 @@ export default {
{ color: "blue", name: "蓝色报警线" } { color: "blue", name: "蓝色报警线" }
], ],
alarmLine = {}, alarmLine = {},
setAlarmSerie = function(value, name, color) { setAlarmSerie = function (value, name, color) {
// 修改蓝色色值 // 修改蓝色色值
color === "blue" && (color = "#3BAFFB"); color === "blue" && (color = "#3BAFFB");
var sx = list[0].date, var sx = list[0].date,
...@@ -940,7 +894,7 @@ export default { ...@@ -940,7 +894,7 @@ export default {
}); });
} }
}, },
loadData: function() { loadData: function () {
console.log(this.form, "form"); console.log(this.form, "form");
this.initChart1(); this.initChart1();
...@@ -956,6 +910,5 @@ export default { ...@@ -956,6 +910,5 @@ export default {
}; };
</script> </script>
<style rel="stylesheet/scss" lang="scss" scope> <style rel="stylesheet/scss" lang="scss" scope>
.qyzz { .qyzz {}
}
</style> </style>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
...@@ -12,8 +12,8 @@ function resolve(dir) { ...@@ -12,8 +12,8 @@ function resolve(dir) {
}; };
const name = defaultSettings.title; // 网址标题 const name = defaultSettings.title; // 网址标题
const port = process.env.VUE_APP_LOCAL_PORT; // 端口配置 const port = 9527; // 端口配置
const VUE_APP_BASE_API = process.env.VUE_APP_BASE_API; const VUE_APP_BASE_API = 'http://192.168.2.37:9003';
// All configuration item explanations can be find in https://cli.vuejs.org/config/ // All configuration item explanations can be find in https://cli.vuejs.org/config/
module.exports = { module.exports = {
...@@ -63,14 +63,14 @@ module.exports = { ...@@ -63,14 +63,14 @@ module.exports = {
}, },
proxy: { proxy: {
'/api': { '/api': {
target: process.env.VUE_APP_BASE_API, target: VUE_APP_BASE_API,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
'^/api': 'api' '^/api': 'api'
} }
}, },
'/auth': { '/auth': {
target: process.env.VUE_APP_BASE_API, target: VUE_APP_BASE_API,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
'^/auth': 'auth' '^/auth': 'auth'
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment