联调初始代码
duxiaoning
commit
ea0c788d90
|
|
@ -0,0 +1,3 @@
|
|||
> 1%
|
||||
last 2 versions
|
||||
not dead
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
[*.{js,jsx,ts,tsx,vue}]
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
end_of_line = crlf
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
max_line_length = 100
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
# just a flag
|
||||
ENV = 'development'
|
||||
|
||||
# base api
|
||||
VUE_APP_BASE_API = '/dev-api'
|
||||
|
||||
VUE_APP_REALITY_API = '/dev-reality-api'
|
||||
|
||||
VUE_APP_FILE_API = '/dev-file-api'
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
# just a flag
|
||||
ENV = 'production'
|
||||
|
||||
# base api
|
||||
VUE_APP_BASE_API = '/prod-api'
|
||||
VUE_APP_REALITY_API = '/prod-reality-api'
|
||||
VUE_APP_FILE_API = '/prod-file-api'
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
NODE_ENV = production
|
||||
|
||||
# just a flag
|
||||
ENV = 'staging'
|
||||
|
||||
# base api
|
||||
VUE_APP_BASE_API = '/stage-api'
|
||||
|
||||
VUE_APP_REALITY_API = '/stage-reality-api'
|
||||
VUE_APP_FILE_API = '/stage-file-api'
|
||||
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
module.exports = {
|
||||
root: true,
|
||||
env: {
|
||||
node: true
|
||||
},
|
||||
'extends': [
|
||||
'plugin:vue/essential',
|
||||
'eslint:recommended'
|
||||
],
|
||||
parserOptions: {
|
||||
parser: 'babel-eslint'
|
||||
},
|
||||
rules: {
|
||||
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
*.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
||||
# idea
|
||||
.idea
|
||||
/*.lock
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
# microwave-project
|
||||
|
||||
# Project setup
|
||||
```
|
||||
yarn install
|
||||
```
|
||||
|
||||
### Compiles and hot-reloads for development
|
||||
```
|
||||
yarn serve
|
||||
```
|
||||
|
||||
### Compiles and minifies for production
|
||||
```
|
||||
yarn build
|
||||
```
|
||||
|
||||
### Lints and fixes files
|
||||
```
|
||||
yarn lint
|
||||
```
|
||||
|
||||
### Customize configuration
|
||||
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
module.exports = {
|
||||
presets: ['@vue/app'],
|
||||
plugins: [
|
||||
['import', {
|
||||
libraryName: 'vant',
|
||||
libraryDirectory: 'es',
|
||||
style: true,
|
||||
}, 'vant']
|
||||
],
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,47 @@
|
|||
{
|
||||
"name": "vue-cesium-self",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"start": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"animate.css": "^4.1.1",
|
||||
"axios": "^0.20.0",
|
||||
"babel-plugin-component": "^1.1.1",
|
||||
"babel-plugin-import": "^1.13.1",
|
||||
"cesium": "1.68",
|
||||
"cesium-navigation-es6": "^1.0.9",
|
||||
"core-js": "^3.6.5",
|
||||
"echarts": "^4.9.0",
|
||||
"echarts-stat": "^1.2.0",
|
||||
"element-ui": "^2.15.5",
|
||||
"jquery": "^3.5.1",
|
||||
"js-cookie": "^3.0.1",
|
||||
"jszip": "^3.10.1",
|
||||
"less": "^3.12.2",
|
||||
"less-loader": "^7.0.2",
|
||||
"moment": "^2.29.4",
|
||||
"path-to-regexp": "2.4.0",
|
||||
"terraformer-wkt-parser": "^1.2.1",
|
||||
"vue": "^2.6.11",
|
||||
"vue-pdf": "^4.3.0",
|
||||
"vue-router": "^3.2.0",
|
||||
"vuex": "^3.4.0",
|
||||
"wellknown": "^0.5.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "~4.5.0",
|
||||
"@vue/cli-plugin-eslint": "~4.5.0",
|
||||
"@vue/cli-plugin-router": "~4.5.0",
|
||||
"@vue/cli-plugin-vuex": "~4.5.0",
|
||||
"@vue/cli-service": "~4.5.0",
|
||||
"babel-eslint": "^10.1.0",
|
||||
"eslint": "^6.7.2",
|
||||
"eslint-plugin-vue": "^6.2.2",
|
||||
"vue-template-compiler": "^2.6.11"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<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, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
|
||||
<link rel="icon" href="static/images/logo.png">
|
||||
<title>微波</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,10 @@
|
|||
<svg id="add" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="20" height="20" viewBox="0 0 24 24"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
focusable="false"
|
||||
role="none"
|
||||
style="pointer-events: none; display: block;fill:currentColor;color:white">
|
||||
<g>
|
||||
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 371 B |
|
|
@ -0,0 +1,10 @@
|
|||
<svg id="ctrlPageScale" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="20" height="20" viewBox="0 0 24 24"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
focusable="false"
|
||||
role="none"
|
||||
style="pointer-events: none; display: block;fill:currentColor;color:white">
|
||||
<g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 10l3.01-4.5L15 10H9zm0 4h6l-2.99 4.5L9 14zm-6 5.01h18V4.99H3v14.02z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 532 B |
|
|
@ -0,0 +1,10 @@
|
|||
<svg id="download" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="20" height="20" viewBox="0 0 24 24"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
focusable="false"
|
||||
role="none"
|
||||
style="pointer-events: none; display: block;fill:currentColor;color:white">
|
||||
<g>
|
||||
<path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 382 B |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
<svg id="menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="24" height="24" viewBox="0 0 24 24"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
focusable="false"
|
||||
role="none"
|
||||
style="pointer-events: none; display: block;fill:currentColor;color:white;text-align: center;">
|
||||
<g>
|
||||
<path d="M2 4h16v2H2zM2 9h16v2H2zM2 14h16v2H2z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 394 B |
|
|
@ -0,0 +1,10 @@
|
|||
<svg id="minus" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="20" height="20" viewBox="0 0 24 24"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
focusable="false"
|
||||
role="none"
|
||||
style="pointer-events: none; display: block;fill:currentColor;color:white">
|
||||
<g>
|
||||
<path d="M19 13H5v-2h14v2z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 355 B |
|
|
@ -0,0 +1,10 @@
|
|||
<svg id="moreMenu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="20" height="20" viewBox="0 0 24 24"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
focusable="false"
|
||||
role="none"
|
||||
style="pointer-events: none; display: block;fill:currentColor;color:white">
|
||||
<g>
|
||||
<path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 486 B |
Binary file not shown.
|
After Width: | Height: | Size: 244 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 148 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
<svg id="print" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="20" height="20" viewBox="0 0 24 24"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
focusable="false"
|
||||
role="none"
|
||||
style="pointer-events: none; display: block;fill:currentColor;color:white">
|
||||
<g>
|
||||
<path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 483 B |
|
|
@ -0,0 +1,11 @@
|
|||
<svg id="rotate" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="20" height="20" viewBox="0 0 24 24"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
focusable="false"
|
||||
role="none"
|
||||
style="pointer-events: none; display: block;fill:currentColor;color:white">
|
||||
<g>
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M7.34 6.41L.86 12.9l6.49 6.48 6.49-6.48-6.5-6.49zM3.69 12.9l3.66-3.66L11 12.9l-3.66 3.66-3.65-3.66zm15.67-6.26C17.61 4.88 15.3 4 13 4V.76L8.76 5 13 9.24V6c1.79 0 3.58.68 4.95 2.05 2.73 2.73 2.73 7.17 0 9.9C16.58 19.32 14.79 20 13 20c-.97 0-1.94-.21-2.84-.61l-1.49 1.49C10.02 21.62 11.51 22 13 22c2.3 0 4.61-.88 6.36-2.64 3.52-3.51 3.52-9.21 0-12.72z"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 740 B |
|
|
@ -0,0 +1,26 @@
|
|||
<template>
|
||||
<div id="app">
|
||||
<router-view/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
created: function () {
|
||||
// 在页面加载时读取sessionStorage里的状态信息
|
||||
sessionStorage.getItem('umeetCloudVuex') && this.$store.replaceState(Object.assign(this.$store.state, JSON.parse(sessionStorage.getItem('umeetCloudVuex'))));
|
||||
// 在页面刷新时将vuex里的信息保存到sessionStorage里
|
||||
window.addEventListener('beforeunload', () => {
|
||||
sessionStorage.setItem('umeetCloudVuex', JSON.stringify(this.$store.state))
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
html, body, #app{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
import request from '@/lib/request'
|
||||
|
||||
// 提交审核信息
|
||||
export function orderExamine(data){
|
||||
return request({
|
||||
url:'orderExamine/orderExamineMsg',
|
||||
method:'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
//获取订单审核信息
|
||||
export function getExamineMsg(orderId){
|
||||
return request({
|
||||
url:'orderExamine/getExamineMsg?orderId='+orderId,
|
||||
method:'get'
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
import request from "@/lib/request";
|
||||
// 获取待检验产品订单列表
|
||||
export function getOrderListByStatus(data) {
|
||||
return request({
|
||||
url: "orderStatus/getOrderListByStatus",
|
||||
method: "post",
|
||||
data
|
||||
});
|
||||
}
|
||||
// 获取待检验产品订单列表
|
||||
export function getOrderListOfPending(data) {
|
||||
return request({
|
||||
url: "orderStatus/getOrderListOfPending",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
// 获取待检验产品产品值
|
||||
export function getProductValue(data) {
|
||||
return request({
|
||||
url: "GetValue/GetProductValue",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
import request from "@/lib/request";
|
||||
// 添加产品并且进行数据发布
|
||||
export function addProduct(data) {
|
||||
return request({
|
||||
url: "/productUpload/uploadProduct",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
// 添加订单
|
||||
export function getProductList(pscId, userId, page, limit) {
|
||||
return request({
|
||||
url:
|
||||
"productUpload/getProductList?productSubclassId=" +
|
||||
pscId +
|
||||
"&userId=" +
|
||||
userId +
|
||||
"&page=" +
|
||||
page +
|
||||
"&limit=" +
|
||||
limit,
|
||||
method: "get"
|
||||
});
|
||||
}
|
||||
// 更新产品的等级与时间
|
||||
export function updateProduct(data) {
|
||||
return request({
|
||||
url: "/productUpload/updateProductMsg",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
// 添加订单
|
||||
export function addOrder(data) {
|
||||
return request({
|
||||
url: "/validationOrder/addOrder",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
import request from '@/lib/request'
|
||||
|
||||
// 获取样本数据
|
||||
export function getStarSamples(data){
|
||||
return request({
|
||||
url:'/readExcel/parseExcel',
|
||||
method:'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取lc样本数据
|
||||
export function getLcSamples(data){
|
||||
return request({
|
||||
url:'/mockSample/getLcSample',
|
||||
method:'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取otg样本数据
|
||||
export function getOtgSamples(data){
|
||||
return request({
|
||||
url:'/mockSample/getOtgSample',
|
||||
method:'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 获取sol样本数据
|
||||
export function getSolSamples(data){
|
||||
return request({
|
||||
url:'/mockSample/getSolSample',
|
||||
method:'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 选中的样本数据入库
|
||||
|
||||
export function insertSampleList(data){
|
||||
return request({
|
||||
url:'/metaDataOrder/insertSampleList',
|
||||
method:'post',
|
||||
headers:{'Content-Type':'multipart/form-data'},
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 地表覆盖类型关联入库
|
||||
export function addCoverType(data){
|
||||
return request({
|
||||
url:'/landCoverType/addCoverType',
|
||||
method:'post',
|
||||
headers:{'Content-Type':'multipart/form-data'},
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 地表覆盖类型关联批量入库
|
||||
export function addCoverTypeBatch(data){
|
||||
return request({
|
||||
url:'/landCoverType/addCoverTypeBatch',
|
||||
method:'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
// 地表覆盖类型关联入库
|
||||
export function initOrderStage(data){
|
||||
return request({
|
||||
url:'orderStatus/initOrderStage',
|
||||
method:'post',
|
||||
headers:{'Content-Type':'multipart/form-data'},
|
||||
data
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,210 @@
|
|||
import request from "@/lib/request";
|
||||
import realityRequest from "@/lib/request-reality";
|
||||
import fileRequest from "@/lib/request-file";
|
||||
|
||||
// 真实性校验方法
|
||||
export function checkReality(data) {
|
||||
return realityRequest({
|
||||
url: "check/reality",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
export function checkTest(data) {
|
||||
return realityRequest({
|
||||
url: "check/my",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
// 获取元数据信息
|
||||
export function getProductMetaMsg(data) {
|
||||
return realityRequest({
|
||||
url: "common/getMetadataInfo",
|
||||
method: "post",
|
||||
data
|
||||
});
|
||||
}
|
||||
// 获取待检验产品订单列表
|
||||
export function getPendingList(data) {
|
||||
return request({
|
||||
url: "validationOrder/getPendingList",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
//更新订单信息
|
||||
export function updateOrderMsg(data) {
|
||||
return request({
|
||||
url: "validationOrder/update",
|
||||
method: "post",
|
||||
data
|
||||
});
|
||||
}
|
||||
// 获取订单信息
|
||||
export function getProductMsg(data) {
|
||||
return request({
|
||||
url: "validationOrder/getOrderMsg",
|
||||
method: "post",
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
//更新订单编辑状态
|
||||
export function updateOrderStatus(orderId) {
|
||||
return request({
|
||||
url: "/validationOrder/updateTime?id=" + orderId,
|
||||
method: "get"
|
||||
});
|
||||
}
|
||||
|
||||
//更新订单编辑状态
|
||||
export function disOrderStatus(orderId) {
|
||||
return request({
|
||||
url: "/validationOrder/updateByIdTimeNull?id=" + orderId,
|
||||
method: "get"
|
||||
});
|
||||
}
|
||||
|
||||
// 根据抽样算法获取抽样后样本数据
|
||||
export function getSampleData(data) {
|
||||
return realityRequest({
|
||||
url: "sampleGet/getSampleData",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
// 分层抽样获取样本数据
|
||||
export function getSamplesByLayer(data) {
|
||||
return realityRequest({
|
||||
url: "sampleGet/getSamplesByLayer",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
// 获取订单关联的所有样本数据
|
||||
export function getOrderSamples(orderId, productType) {
|
||||
return request({
|
||||
url: "metaDataOrder/getOrderSamples?orderId=" + orderId + "&productType=" + productType,
|
||||
method: "post"
|
||||
});
|
||||
}
|
||||
// 根据样本ID删除订单样本数据
|
||||
export function deleteOrderSamplesByID(sampleId, productType) {
|
||||
return request({
|
||||
url:
|
||||
"metaDataOrder/deleteOrderSamplesByID?sampleId=" +
|
||||
sampleId +
|
||||
"&productType=" +
|
||||
productType,
|
||||
method: "post"
|
||||
});
|
||||
}
|
||||
// 抽样后样本数据入库
|
||||
export function addConnectSamples(data) {
|
||||
return request({
|
||||
url: "metaDataOrder/updateConnectSamples",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
// 查询订单关联的地物映射关系
|
||||
export function getCoverTypes(orderId) {
|
||||
return request({
|
||||
url: "landCoverType/getCoverType?orderId=" + orderId,
|
||||
method: "post"
|
||||
});
|
||||
}
|
||||
|
||||
// 地表覆盖类型与空基类型关联
|
||||
export function updateFeature(data) {
|
||||
return request({
|
||||
url: "landCoverType/updateCoverType",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
// 订单反馈
|
||||
export function orderFeedback(data) {
|
||||
return request({
|
||||
url: "ordersFeedback/orderFeedback",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
// 订单状态更新
|
||||
export function updateOrderStage(data) {
|
||||
return request({
|
||||
url: "orderStatus/updateOrderStage",
|
||||
method: "post",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
// 导出pdf模板
|
||||
export function exportWord(data, pdfName, localTiffPath, httpTiffPath, productType) {
|
||||
return fileRequest({
|
||||
url:
|
||||
"importPDF/importWordAndPDF?reportName=" +
|
||||
pdfName +
|
||||
"&localTiffPath=" +
|
||||
localTiffPath +
|
||||
"&httpTiffPath=" +
|
||||
httpTiffPath +
|
||||
"&productType=" +
|
||||
productType,
|
||||
method: "post",
|
||||
// headers:{'Content-Type':'multipart/form-data'},
|
||||
data
|
||||
});
|
||||
}
|
||||
|
||||
//下载PDF报告
|
||||
export function downloadPdf(url) {
|
||||
return request({
|
||||
url: url,
|
||||
responseType: "blob",
|
||||
method: "GET"
|
||||
});
|
||||
}
|
||||
|
||||
// 添加报告信息
|
||||
export function addReportMsg(data) {
|
||||
return request({
|
||||
url: "validationReport/addReportMsg",
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
method: "post",
|
||||
data
|
||||
});
|
||||
}
|
||||
// 查询报告信息
|
||||
export function getReportMsg(orderId) {
|
||||
return request({
|
||||
url: "validationReport/getReportMsg?orderId=" + orderId,
|
||||
method: "get"
|
||||
});
|
||||
}
|
||||
|
||||
//获取订单处理失败的信息
|
||||
export function getFeedbackMsg(orderId) {
|
||||
return request({
|
||||
url: "ordersFeedback/getFeedbackMsg?orderId=" + orderId,
|
||||
method: "get"
|
||||
});
|
||||
}
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import request from '@/lib/request'
|
||||
|
||||
// 用户登录
|
||||
export function login(data){
|
||||
return request({
|
||||
url:'user/login',
|
||||
method:'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html,body,#app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow:hidden;
|
||||
}
|
||||
.cesium-viewer-bottom{
|
||||
display: none !important;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
|
|
@ -0,0 +1,89 @@
|
|||
<template>
|
||||
<el-breadcrumb class="navbread" separator="/">
|
||||
<transition-group name="breadcrumb">
|
||||
<el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
|
||||
<span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
|
||||
<a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
|
||||
</el-breadcrumb-item>
|
||||
</transition-group>
|
||||
</el-breadcrumb>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import pathToRegexp from 'path-to-regexp'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
levelList: null
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route(route) {
|
||||
// if you go to the redirect page, do not update the breadcrumbs
|
||||
if (route.path.startsWith('/redirect/')) {
|
||||
return
|
||||
}
|
||||
this.getBreadcrumb()
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getBreadcrumb()
|
||||
},
|
||||
methods: {
|
||||
getBreadcrumb() {
|
||||
// only show routes with meta.title
|
||||
let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
|
||||
const first = matched[0]
|
||||
|
||||
if (!this.isDashboard(first)) {
|
||||
matched = [{ path: '/', meta: { title: '首页' }}].concat(matched)
|
||||
}
|
||||
|
||||
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
|
||||
},
|
||||
isDashboard(route) {
|
||||
const name = route && route.name
|
||||
if (!name) {
|
||||
return false
|
||||
}
|
||||
return name.trim().toLocaleLowerCase() === '首页'.toLocaleLowerCase()
|
||||
},
|
||||
pathCompile(path) {
|
||||
const { params } = this.$route
|
||||
var toPath = pathToRegexp.compile(path)
|
||||
return toPath(params)
|
||||
},
|
||||
handleLink(item) {
|
||||
const { redirect, path } = item
|
||||
if (redirect) {
|
||||
this.$router.push(redirect)
|
||||
return
|
||||
}
|
||||
this.$router.push(this.pathCompile(path))
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang='less'>
|
||||
.app-breadcrumb.el-breadcrumb {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
line-height: 50px;
|
||||
margin-left: 8px;
|
||||
|
||||
.no-redirect {
|
||||
color: #97a8be;
|
||||
cursor: text;
|
||||
}
|
||||
}
|
||||
// .navbread{
|
||||
// display: inline-block;
|
||||
// vertical-align: top;
|
||||
// font-size: 16px;
|
||||
// // font-weight: 400;
|
||||
// position: relative;
|
||||
// top: 2.5px;
|
||||
// }
|
||||
</style>
|
||||
|
|
@ -0,0 +1,101 @@
|
|||
<template>
|
||||
<div :class="{'hidden':hidden}" class="pagination-container">
|
||||
<el-pagination
|
||||
:background="background"
|
||||
:current-page.sync="currentPage"
|
||||
:page-size.sync="pageSize"
|
||||
:layout="layout"
|
||||
:page-sizes="pageSizes"
|
||||
:total="total"
|
||||
v-bind="$attrs"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { scrollTo } from '@/lib/scroll-to'
|
||||
|
||||
export default {
|
||||
name: 'Pagination',
|
||||
props: {
|
||||
total: {
|
||||
required: true,
|
||||
type: Number
|
||||
},
|
||||
page: {
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
limit: {
|
||||
type: Number,
|
||||
default: 20
|
||||
},
|
||||
pageSizes: {
|
||||
type: Array,
|
||||
default() {
|
||||
return [10, 20, 30, 50]
|
||||
}
|
||||
},
|
||||
layout: {
|
||||
type: String,
|
||||
default: 'total, sizes, prev, pager, next, jumper'
|
||||
},
|
||||
background: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
autoScroll: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
hidden: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
currentPage: {
|
||||
get() {
|
||||
return this.page
|
||||
},
|
||||
set(val) {
|
||||
this.$emit('update:page', val)
|
||||
}
|
||||
},
|
||||
pageSize: {
|
||||
get() {
|
||||
return this.limit
|
||||
},
|
||||
set(val) {
|
||||
this.$emit('update:limit', val)
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleSizeChange(val) {
|
||||
this.$emit('pagination', { page: this.currentPage, limit: val })
|
||||
if (this.autoScroll) {
|
||||
scrollTo(0, 800)
|
||||
}
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.$emit('pagination', { page: val, limit: this.pageSize })
|
||||
if (this.autoScroll) {
|
||||
scrollTo(0, 800)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.pagination-container {
|
||||
background: #fff;
|
||||
padding: 16px;
|
||||
}
|
||||
.pagination-container.hidden {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<template>
|
||||
<div id="qtReportEchart" ref="chart"></div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "qtReportEchart",
|
||||
props: {},
|
||||
mounted() {
|
||||
this.$nextTick(function() {
|
||||
this.drawPie();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
drawPie() {
|
||||
let myCharts = this.$echarts.init(this.$refs.chart);
|
||||
let option = {
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: [820, 932, 901, 934, 1290, 1330, 1320]
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
data: [820, 932, 901, 934, 1290, 1330, 1320],
|
||||
type: 'line',
|
||||
smooth: true
|
||||
}
|
||||
]
|
||||
};
|
||||
option &&myCharts.setOption(option);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
#qtReportEchart {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
<template>
|
||||
<div id="rtReportEcharts" ref="chart"></div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: "rtReportEcharts",
|
||||
props: {},
|
||||
mounted() {
|
||||
this.$nextTick(function() {
|
||||
this.drawPie();
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
drawPie() {
|
||||
let myCharts = this.$echarts.init(this.$refs.chart);
|
||||
let option = {
|
||||
xAxis: {},
|
||||
yAxis: {},
|
||||
series: [
|
||||
{
|
||||
symbolSize: 20,
|
||||
data: [
|
||||
[10.0, 8.04],
|
||||
[8.07, 6.95],
|
||||
[13.0, 7.58],
|
||||
[9.05, 8.81],
|
||||
[11.0, 8.33],
|
||||
[14.0, 7.66],
|
||||
[13.4, 6.81],
|
||||
[10.0, 6.33],
|
||||
[14.0, 8.96],
|
||||
[12.5, 6.82],
|
||||
[9.15, 7.2],
|
||||
[11.5, 7.2],
|
||||
[3.03, 4.23],
|
||||
[12.2, 7.83],
|
||||
[2.02, 4.47],
|
||||
[1.05, 3.33],
|
||||
[4.05, 4.96],
|
||||
[6.03, 7.24],
|
||||
[12.0, 6.26],
|
||||
[12.0, 8.84],
|
||||
[7.08, 5.82],
|
||||
[5.02, 5.68]
|
||||
],
|
||||
type: 'scatter'
|
||||
}
|
||||
]
|
||||
};
|
||||
option &&myCharts.setOption(option);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
#rtReportEcharts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<template>
|
||||
<div class="header">
|
||||
<img src="/static/images/header.png" alt="#" style="height: 50px; margin-top: 5px" />
|
||||
<i class="el-icon-user-solid userName">
|
||||
<span>{{ userName }}</span>
|
||||
</i>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
methods: {},
|
||||
computed: {
|
||||
userName: function() {
|
||||
return localStorage.getItem("userName");
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.header {
|
||||
background: white;
|
||||
height: 60px;
|
||||
}
|
||||
.userName {
|
||||
font-size: 20px;
|
||||
color: #354595;
|
||||
float: right;
|
||||
margin-top: 30px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.userName span {
|
||||
color: #000;
|
||||
margin-left: 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
<template>
|
||||
<div class="iconbox" @click="daichuli" title="登录">
|
||||
<div><span class="yuan"></span><span class="box"></span></div>
|
||||
<div><span class="yuan"></span><span class="box"></span></div>
|
||||
<div><span class="yuan"></span><span class="box"></span></div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "iconBox",
|
||||
components: {},
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
methods: {
|
||||
daichuli() {
|
||||
this.$router.push({ path: this.configration.path.login, query: {} });
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang='less'>
|
||||
.iconbox {
|
||||
/* width: 80px; */
|
||||
position: absolute;
|
||||
left: 3px;
|
||||
top: 70px;
|
||||
background-color: transparent;
|
||||
z-index: 1;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.iconbox div {
|
||||
height: 10px;
|
||||
}
|
||||
.yuan {
|
||||
display: inline-block;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.box {
|
||||
height: 5px;
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
background-color: white;
|
||||
margin-left: 3px;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,340 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-form
|
||||
:model="searchForm"
|
||||
class="demo-form-inline"
|
||||
style="padding: 20px 0 0 30px; text-algin: center"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="提交日期">
|
||||
<el-date-picker
|
||||
v-model="searchForm.submitDate"
|
||||
type="datetimerange"
|
||||
range-separator="~"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
popper-class="date-style"
|
||||
value-format=" yyyy-MM-dd HH:mm:ss"
|
||||
format="yyyy-MM-dd HH:mm:ss"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="卫星类型">
|
||||
<el-select
|
||||
v-model="searchForm.satellite"
|
||||
placeholder="请选择卫星"
|
||||
@change="bindLoad"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in stlOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="载荷选择">
|
||||
<el-select v-model="searchForm.load" placeholder="全部">
|
||||
<el-option
|
||||
v-for="item in loadOpt"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="产品大类">
|
||||
<el-select
|
||||
v-model="searchForm.category"
|
||||
placeholder="全部"
|
||||
@change="getCategory($event)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in cgOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="产品小类">
|
||||
<el-select v-model="searchForm.cldCategory" placeholder="全部">
|
||||
<el-option
|
||||
v-for="item in cldcgOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="检验类型">
|
||||
<el-select v-model="searchForm.checkoutFun" placeholder="全部">
|
||||
<el-option
|
||||
v-for="item in ckfOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="订单编号">
|
||||
<el-input v-model="searchForm.orderCode"> </el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8" v-if="extSearch">
|
||||
<el-form-item label="订单状态">
|
||||
<el-select
|
||||
v-model="searchForm.extOption"
|
||||
placeholder="全部"
|
||||
ref="test11"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in extOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div class="submitSearch">
|
||||
<el-button type="primary" @click="search">查询</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
let categorySele = [
|
||||
{ value: "", label: "" },
|
||||
{ value: 1, label: "几何产品" },
|
||||
{ value: 2, label: "辐射产品" },
|
||||
{ value: 3, label: "陆表产品" },
|
||||
{ value: 4, label: "植被产品" },
|
||||
];
|
||||
let allCategory = [
|
||||
{ pro: 1, label: "", value: "" },
|
||||
{ pro: 2, label: "", value: "" },
|
||||
{ pro: 3, label: "", value: "" },
|
||||
{ pro: 4, label: "", value: "" },
|
||||
{ pro: 1, label: "正射校正", value: 1 },
|
||||
{ pro: 1, label: "高程产品", value: 2 },
|
||||
{ pro: 2, label: "后向散射系数", value: 3 },
|
||||
{ pro: 2, label: "大气延迟校正", value: 4 },
|
||||
{ pro: 3, label: "地表粗糙度", value: 9 },
|
||||
{ pro: 3, label: "地表覆盖类型", value: 6 },
|
||||
{ pro: 3, label: "土壤水分", value: 7 },
|
||||
{ pro: 3, label: "地表盐碱度", value: 8 },
|
||||
{ pro: 3, label: "干涉测量形变产品", value: 5 },
|
||||
{ pro: 4, label: "植被高度", value: 10 },
|
||||
{ pro: 4, label: "叶面积指数", value: 11 },
|
||||
{ pro: 4, label: "植被物候", value: 12 },
|
||||
];
|
||||
export default {
|
||||
props: {
|
||||
getOrderList: {
|
||||
type: Function,
|
||||
default: null,
|
||||
},
|
||||
extSearch: {},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
value1: [new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)],
|
||||
searchForm: {
|
||||
submitDate: "",
|
||||
satellite: "",
|
||||
load: "",
|
||||
category: "",
|
||||
cldCategory: "",
|
||||
checkoutFun: "",
|
||||
orderCode: "",
|
||||
extOption: "",
|
||||
},
|
||||
stlOptions: [
|
||||
{
|
||||
value: "",
|
||||
label: "",
|
||||
},
|
||||
{
|
||||
value: "1米C-SAR卫星",
|
||||
label: "1米C-SAR卫星",
|
||||
},
|
||||
{
|
||||
value: "3米L-SAR卫星",
|
||||
label: "3米L-SAR卫星",
|
||||
},
|
||||
{
|
||||
value: "5米S-SAR卫星",
|
||||
label: "5米S-SAR卫星",
|
||||
},
|
||||
{
|
||||
value: "高轨20米SAR卫星",
|
||||
label: "高轨20米SAR卫星",
|
||||
},
|
||||
],
|
||||
loadOptions: [
|
||||
{
|
||||
value: "",
|
||||
label: "",
|
||||
},
|
||||
{
|
||||
value: "1米C-SAR",
|
||||
label: "1米C-SAR",
|
||||
},
|
||||
{
|
||||
value: "3米L-SAR",
|
||||
label: "3米L-SAR",
|
||||
},
|
||||
{
|
||||
value: "5米S-SAR",
|
||||
label: "5米S-SAR",
|
||||
},
|
||||
{
|
||||
value: "高轨20米SAR",
|
||||
label: "高轨20米SAR",
|
||||
},
|
||||
],
|
||||
loadOpt: [],
|
||||
cgOptions: categorySele,
|
||||
cldcgOptions: [],
|
||||
ckfOptions: [
|
||||
{
|
||||
value: "",
|
||||
label: "",
|
||||
},
|
||||
{
|
||||
value: "directChk",
|
||||
label: "直接检验",
|
||||
},
|
||||
],
|
||||
extOptions: [
|
||||
{ value: "", label: "" },
|
||||
{ value: "2", label: "处理成功" },
|
||||
{ value: "3", label: "处理失败" },
|
||||
{ value: "6", label: "审核通过" },
|
||||
{ value: "7", label: "审核未通过" },
|
||||
],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// 根据卫星选择载荷
|
||||
bindLoad(val) {
|
||||
const item = this.loadOptions.filter(
|
||||
(item) => item.value + "卫星" === val
|
||||
);
|
||||
if (item && item.length > 0) {
|
||||
this.loadOpt = item;
|
||||
this.searchForm.load = item[0].value;
|
||||
} else {
|
||||
this.loadOpt = [];
|
||||
this.searchForm.load = "";
|
||||
}
|
||||
},
|
||||
// 获取产品分类
|
||||
getCategory(prov) {
|
||||
this.searchForm.cldCategory = "";
|
||||
let roles = [];
|
||||
this.cldcgOptions = [];
|
||||
this.cldCategory = "";
|
||||
for (var val of allCategory) {
|
||||
if (prov === val.pro) {
|
||||
roles.push({ label: val.label, value: val.value });
|
||||
}
|
||||
}
|
||||
this.cldcgOptions = roles;
|
||||
this.cldCategory = this.cldcgOptions[0].value;
|
||||
},
|
||||
//表格查询功能
|
||||
search() {
|
||||
//按下查询按钮则搜索结果从第一页显示
|
||||
this.$emit("initPage");
|
||||
if (this.getOrderList) {
|
||||
this.getOrderList();
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
/deep/.el-date-editor--datetimerange.el-input,
|
||||
.el-date-editor--datetimerange.el-input__inner {
|
||||
width: 270px;
|
||||
height: 35px;
|
||||
line-height: 30px;
|
||||
}
|
||||
/deep/.el-range-editor.el-input__inner {
|
||||
padding: 1px 10px;
|
||||
}
|
||||
/deep/ .el-input {
|
||||
width: 270px;
|
||||
}
|
||||
.submitSearch {
|
||||
text-align: center;
|
||||
}
|
||||
/deep/.submitSearch .el-button--primary {
|
||||
width: 160px;
|
||||
height: 35px;
|
||||
// margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
/deep/.el-button {
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
// /deep/.date-style .el-date-picker {
|
||||
// width: 190px !important;
|
||||
// height: 235px !important;
|
||||
|
||||
// // .el-picker-panel {
|
||||
// line-height: 0px;
|
||||
// // }
|
||||
// .el-picker-panel__content {
|
||||
// width: 155px !important;
|
||||
// height: 180px !important;
|
||||
// }
|
||||
// table {
|
||||
// font-size: 11px;
|
||||
// }
|
||||
// .el-date-picker__header {
|
||||
// margin: 5px;
|
||||
// }
|
||||
// .el-date-picker__header-label {
|
||||
// font-size: 11px;
|
||||
// }
|
||||
// .el-date-picker__header el-date-picker__header-label {
|
||||
// font-size: 11px;
|
||||
// }
|
||||
// .el-date-table td, .el-date-table td div {
|
||||
// height: 22px;
|
||||
// }
|
||||
// .el-month-table td .cell,
|
||||
// .el-year-table td .cell,
|
||||
// .el-date-table td .cell {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
</style>
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
<template>
|
||||
<div class="info">
|
||||
<div class="box">
|
||||
<el-checkbox
|
||||
v-model="prodChecked"
|
||||
@change="prodCheckChanged"
|
||||
class="checkbox"
|
||||
>待检验产品</el-checkbox
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "otgProductInfo",
|
||||
data() {
|
||||
return {
|
||||
prodChecked: true,
|
||||
sampleChecked: true,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
prodCheckChanged() {
|
||||
if (this.prodChecked) {
|
||||
this.$emit("addLayer");
|
||||
} else {
|
||||
this.$emit("removeLayer");
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.info {
|
||||
position: absolute;
|
||||
/* left: 10px; */
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
background-color: transparent;
|
||||
z-index: 2;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.iconbox div {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.box {
|
||||
background-color: white;
|
||||
margin-left: 3px;
|
||||
border-radius: 5px;
|
||||
align-items: center;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,330 @@
|
|||
<template>
|
||||
<div class="pdfLoad">
|
||||
<div class="pdfCtrl">
|
||||
<div class="ctrlStart">
|
||||
<!-- 缩略图菜单按钮 -->
|
||||
<!-- <div class="viewMenu"></div> -->
|
||||
<span class="pdfName">{{pdfName}}</span>
|
||||
</div>
|
||||
<div class="ctrlCenter">
|
||||
<div class="pageCtrl" >
|
||||
<div class="pageNum">
|
||||
<el-input v-model="changePageNum" @change="changePage"></el-input>
|
||||
</div>
|
||||
<span style="margin:0 5px 0 5px">/</span>
|
||||
<span>{{pageTotalNum}}</span>
|
||||
</div>
|
||||
<span class="halvingLine">|</span>
|
||||
<div class="changeScale">
|
||||
<div class="minus" @click="scaleSmall"></div>
|
||||
<div class="csVal">
|
||||
<el-input v-model="changeScaleVal"></el-input>
|
||||
</div>
|
||||
<div class="add" @click="scaleBig"></div>
|
||||
</div>
|
||||
<span class="halvingLine">|</span>
|
||||
<div class="ctrlStyle">
|
||||
<!-- 缩放适应宽度按钮 -->
|
||||
<!-- <div class="ctrlPageScale"></div> -->
|
||||
<div class="rotate" @click="counterClock"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ctrlEnd">
|
||||
<!-- <div class="ctrlEndMenu moreMenu"></div> -->
|
||||
<div class="ctrlEndMenu print" @click="pdfPrintAll"></div>
|
||||
<div class="ctrlEndMenu download" @click="pdfDownload"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pdfDom">
|
||||
<pdf
|
||||
ref="pdf"
|
||||
:src="pdfUrl"
|
||||
:page="pageNum"
|
||||
:rotate="pageRotate"
|
||||
@progress="loadedRatio = $event"
|
||||
@page-loaded="pageLoaded($event)"
|
||||
@num-pages="pageTotalNum=$event"
|
||||
@error="pdfError($event)"
|
||||
@link-clicked="page = $event"
|
||||
></pdf>
|
||||
<!-- <pdf v-for="i in numPages" :key="i" :src="pdfsrc" :page="i"></pdf> -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import pdf from 'vue-pdf'
|
||||
export default {
|
||||
components: {
|
||||
pdf
|
||||
},
|
||||
mounted() {
|
||||
// this.getNumPages(this.pdfUrl)
|
||||
},
|
||||
props:{
|
||||
pdfPath:{
|
||||
require:true
|
||||
}
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
pdfName:'DBFGLX_202108051103.pdf',
|
||||
pdfUrl:'static/data/DBTRSF_202110201117536410.pdf',
|
||||
pageNum: 1,
|
||||
pageTotalNum: 1,
|
||||
changePageNum:1,
|
||||
pageRotate: 0,
|
||||
// 加载进度
|
||||
loadedRatio: 0,
|
||||
curPageNum: 0,
|
||||
numPages:1,
|
||||
changeScaleVal:"100%",
|
||||
// pdfsrc:'',
|
||||
pdfScale:100
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.init();
|
||||
},
|
||||
methods:{
|
||||
init(){
|
||||
const pos = this.pdfPath.lastIndexOf("/");
|
||||
this.pdfName = this.pdfPath.substr(pos+1)
|
||||
// this.pdfUrl = 'http://10.0.35.70:8085/microwaveData/pdf/'+this.pdfName;
|
||||
this.pdfUrl = this.configration.urlprefix.pdfUrlPrefix+this.pdfName;
|
||||
},
|
||||
getNumPages(url) {
|
||||
var loadingTask = pdf.createLoadingTask(url)
|
||||
loadingTask.promise.then(pdf =>{
|
||||
this.pdfsrc = loadingTask
|
||||
this.numPages = pdf.numPages
|
||||
this.pageTotalNum = pdf.numPages
|
||||
}).catch((err) => {
|
||||
console.error('pdf加载失败')
|
||||
})
|
||||
|
||||
},
|
||||
// 上一页函数
|
||||
prePage() {
|
||||
var page = this.pageNum
|
||||
page = page > 1 ? page - 1 : this.pageTotalNum
|
||||
this.pageNum = page
|
||||
},
|
||||
nextPage() {
|
||||
var page = this.pageNum
|
||||
page = page < this.pageTotalNum ? page + 1 : 1
|
||||
this.pageNum = page
|
||||
},
|
||||
changePage(){
|
||||
if(this.changePageNum <= 0 || this.changePageNum > this.pageTotalNum)return;
|
||||
var page = Number(this.changePageNum)
|
||||
this.pageNum = page
|
||||
},
|
||||
// 页面逆时针翻转90度。
|
||||
counterClock() {
|
||||
this.pageRotate -= 90
|
||||
},
|
||||
// 页面加载回调函数，其中e为当前页数
|
||||
pageLoaded(e) {
|
||||
this.curPageNum = e
|
||||
},
|
||||
// 其他的一些回调函数。
|
||||
pdfError(error) {
|
||||
console.error(error)
|
||||
},
|
||||
scaleBig() {
|
||||
this.pdfScale += 5;
|
||||
this.$refs.pdf.$el.style.width = parseInt(this.pdfScale) + "%";
|
||||
this.changeScaleVal = parseInt(this.pdfScale) + "%"
|
||||
},
|
||||
scaleSmall() {
|
||||
this.pdfScale += -5;
|
||||
this.$refs.pdf.$el.style.width = parseInt(this.pdfScale) + "%";
|
||||
this.changeScaleVal = parseInt(this.pdfScale) + "%"
|
||||
},
|
||||
//下载PDF
|
||||
pdfDownload () {
|
||||
var url = this.pdfUrl
|
||||
var tempLink = document.createElement('a')
|
||||
tempLink.style.display = 'none'
|
||||
tempLink.href = url
|
||||
tempLink.setAttribute('download', 'my.pdf')
|
||||
if (typeof tempLink.download === 'undefined') {
|
||||
tempLink.setAttribute('target', '_blank')
|
||||
}
|
||||
document.body.appendChild(tempLink)
|
||||
tempLink.click()
|
||||
document.body.removeChild(tempLink)
|
||||
},
|
||||
pdfPrintAll() {
|
||||
this.$refs.pdf.print()
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
.padLoad{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.pdfCtrl{
|
||||
// width: 100%;
|
||||
height: 56px;
|
||||
background-color: rgb(50,54,57);
|
||||
color: white;
|
||||
// padding: 0 16px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.ctrlStart {
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
padding-inline-end: 20px;
|
||||
vertical-align: middle;
|
||||
.viewMenu{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin:3px 0 0 3px;
|
||||
background-image: url(/static/images/menu.svg);
|
||||
cursor: pointer;
|
||||
}
|
||||
.pdfName {
|
||||
font-size: 0.87rem;
|
||||
font-weight: 500;
|
||||
margin-inline-start: 16px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
color: gray;
|
||||
}
|
||||
}
|
||||
|
||||
.ctrlCenter{
|
||||
width: 50%;
|
||||
float: left;
|
||||
height: inherit;
|
||||
line-height: 56px;
|
||||
text-align: center;
|
||||
.pageCtrl{
|
||||
float: left;
|
||||
display: flex;
|
||||
}
|
||||
.changeScale{
|
||||
float: left;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
vertical-align: middle;
|
||||
.minus{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url(/static/images/minus.svg);
|
||||
cursor: pointer;
|
||||
}
|
||||
.csVal{
|
||||
margin: 0 4px 0 6px;
|
||||
}
|
||||
.add{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url(/static/images/add.svg);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.ctrlStyle{
|
||||
// width: calc(35% - 21px);
|
||||
height: inherit;
|
||||
float: left;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
vertical-align: middle;
|
||||
.ctrlPageScale{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 10px 0 10px;
|
||||
background-image: url(/static/images/ctrlPageScale.svg);
|
||||
cursor: pointer;
|
||||
}
|
||||
.rotate{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url(/static/images/rotate.svg);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
/deep/.csVal .el-input__inner {
|
||||
background-color: #0e0e0e;
|
||||
border-radius: 1px;
|
||||
border: 1px solid rgb(50,54,57);
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
padding: 0;
|
||||
width: 50px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
/deep/.pageNum .el-input__inner {
|
||||
-webkit-appearance: none;
|
||||
background-color: #0e0e0e;
|
||||
background-image: none;
|
||||
border-radius: 1px;
|
||||
border: 1px solid rgb(50,54,57);
|
||||
box-sizing: border-box;
|
||||
font-size: inherit;
|
||||
height: 26px;
|
||||
line-height: 17px;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
|
||||
width: 22px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
.ctrlEnd{
|
||||
padding-inline-end: 20px;
|
||||
// width: calc(25% - 40px);
|
||||
height: inherit;
|
||||
float: right;
|
||||
line-height: 56px;
|
||||
text-align: end;
|
||||
i{
|
||||
margin: 0 6px 0 6px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
// 分割线
|
||||
.halvingLine{
|
||||
float:left;
|
||||
margin: 0 10px 0 10px;
|
||||
color: #c1bdbd;
|
||||
width: 3px;
|
||||
}
|
||||
|
||||
.ctrlEndMenu{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
float: right;
|
||||
margin: 18px 0 0 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.download{
|
||||
background-image: url(/static/images/download.svg);
|
||||
}
|
||||
.print{
|
||||
background-image: url(/static/images/print.svg);
|
||||
}
|
||||
.moreMenu{
|
||||
background-image: url(/static/images/moreMenu.svg);
|
||||
}
|
||||
.pdfDom{
|
||||
width: inherit;
|
||||
height: 883px;
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
overflow-x: auto;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
<template>
|
||||
<div class="info">
|
||||
<div class="box">
|
||||
<el-checkbox
|
||||
v-model="prodChecked"
|
||||
@change="prodCheckChanged"
|
||||
class="checkbox"
|
||||
>待检验产品</el-checkbox
|
||||
>
|
||||
<el-checkbox
|
||||
v-model="sampleChecked"
|
||||
@change="sampleCheckChanged"
|
||||
class="checkbox"
|
||||
>样本点</el-checkbox
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "productInfo",
|
||||
data() {
|
||||
return {
|
||||
prodChecked: true,
|
||||
sampleChecked: true,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
prodCheckChanged() {
|
||||
if (this.prodChecked) {
|
||||
this.$emit("addLayer");
|
||||
} else {
|
||||
this.$emit("removeLayer");
|
||||
}
|
||||
},
|
||||
sampleCheckChanged() {
|
||||
if (this.sampleChecked) {
|
||||
this.$emit("addSample");
|
||||
} else {
|
||||
this.$emit("removeSample");
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.info {
|
||||
margin-left: 10px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: 30px;
|
||||
top: 30px;
|
||||
background-color: transparent;
|
||||
z-index: 999;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.iconbox div {
|
||||
width: 160px;
|
||||
height: 75px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.box {
|
||||
height: 55px;
|
||||
width: 160px;
|
||||
background-color: white;
|
||||
margin-left: 3px;
|
||||
border-radius: 5px;
|
||||
align-items: center;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,253 @@
|
|||
<template>
|
||||
<div class="qtReport">
|
||||
<div class="realResult">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">真实性检验结果</span>
|
||||
</div>
|
||||
<div class="resContent">
|
||||
<div>
|
||||
<el-tabs v-model="activeTabs">
|
||||
<el-tab-pane label="误差矩阵" name="pixel">
|
||||
<ReportTable
|
||||
:errorMatrix="errorMatrix"
|
||||
activeTabs="pixel"
|
||||
></ReportTable>
|
||||
</el-tab-pane>
|
||||
<!-- <el-tab-pane label="百分比(%)" name="percentage">
|
||||
<ReportTable
|
||||
:errorMatrix="errorMatrix"
|
||||
activeTabs="percentage"
|
||||
></ReportTable>
|
||||
</el-tab-pane> -->
|
||||
<!-- <el-tab-pane label="精度评价" name="preEval">
|
||||
<ReportTable :errorMatrix="errorMatrix" activeTabs="preEval"></ReportTable>
|
||||
</el-tab-pane> -->
|
||||
<el-tab-pane label="用户精度" name="userPre">
|
||||
<ReportTable
|
||||
:errorMatrix="errorMatrix"
|
||||
:preResults="preResults['用户精度']"
|
||||
activeTabs="userPre"
|
||||
></ReportTable>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="生产者精度" name="producerPre">
|
||||
<ReportTable
|
||||
:errorMatrix="errorMatrix"
|
||||
:preResults="preResults['生产者精度']"
|
||||
activeTabs="producerPre"
|
||||
></ReportTable>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="错分精度" name="errorPre">
|
||||
<ReportTable
|
||||
:errorMatrix="errorMatrix"
|
||||
:preResults="preResults['错分误差']"
|
||||
activeTabs="errorPre"
|
||||
></ReportTable>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="漏分精度" name="LeakagePre">
|
||||
<ReportTable
|
||||
:errorMatrix="errorMatrix"
|
||||
:preResults="preResults['漏分误差']"
|
||||
activeTabs="LeakagePre"
|
||||
></ReportTable>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="groudCoverType">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span
|
||||
><span class="sp2">{{ pdSubTypeName }}误差结果图</span>
|
||||
</div>
|
||||
<div class="gctContent">
|
||||
<div id="qtReportEchart" ref="chart"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ReportTable from "@/components/reportTable";
|
||||
import { productTypeMap } from "@/lib/variateMap";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ReportTable,
|
||||
},
|
||||
props: {
|
||||
realRes: {
|
||||
require: true,
|
||||
},
|
||||
pdSubType: {
|
||||
require: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeTabs: "pixel",
|
||||
pdSubTypeName: null,
|
||||
myCharts: null,
|
||||
errorMatrix: null,
|
||||
preResults: null,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.initParam();
|
||||
},
|
||||
mounted() {
|
||||
this.myCharts = this.$echarts.init(this.$refs.chart);
|
||||
if (this.realRes.rocCoordinateValues !== undefined)
|
||||
this.drawPie(this.realRes.rocCoordinateValues);
|
||||
},
|
||||
methods: {
|
||||
initParam() {
|
||||
if (this.realRes !== undefined) {
|
||||
this.pdSubTypeName = productTypeMap(this.pdSubType);
|
||||
this.errorMatrix = this.realRes.report["" + 8 + ""]
|
||||
? this.realRes.report["" + 8 + ""]
|
||||
: [];
|
||||
this.preResults = this.realRes.results ? this.realRes.results : {};
|
||||
}
|
||||
},
|
||||
drawPie(rocVal) {
|
||||
let allData = [];
|
||||
for (let i in rocVal) {
|
||||
let ad = [];
|
||||
ad.push(
|
||||
parseFloat(rocVal[i].cre_falseAlarmX.toFixed(3)),
|
||||
parseFloat(rocVal[i].cre_reCallY.toFixed(3))
|
||||
);
|
||||
allData.push(ad);
|
||||
}
|
||||
let option = {
|
||||
animation: false,
|
||||
tooltip: {
|
||||
formatter: "({c})",
|
||||
},
|
||||
xAxis: {
|
||||
name: "漏分精度",
|
||||
nameLocation: "middle",
|
||||
nameTextStyle: {
|
||||
lineHeight: 30,
|
||||
height: 60,
|
||||
fontWeight: "bold",
|
||||
},
|
||||
min: 0,
|
||||
max: 1,
|
||||
axisLabel: {
|
||||
formatter: function (value) {
|
||||
return Number(value).toFixed(1);
|
||||
},
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: "用户精度",
|
||||
nameTextStyle: {
|
||||
lineHeight: 30,
|
||||
height: 60,
|
||||
fontWeight: "bold",
|
||||
},
|
||||
min: 0,
|
||||
max: 1,
|
||||
axisLabel: {
|
||||
formatter: function (value) {
|
||||
return Number(value).toFixed(1);
|
||||
},
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
symbolSize: 10,
|
||||
data: allData,
|
||||
type: "scatter",
|
||||
},
|
||||
],
|
||||
};
|
||||
option && this.myCharts.setOption(option);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.qtReport {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.realResult {
|
||||
width: 100%;
|
||||
height: calc(55% - 5px);
|
||||
background-color: white;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.groudCoverType {
|
||||
width: 100%;
|
||||
height: 45%;
|
||||
background-color: white;
|
||||
}
|
||||
.resContent {
|
||||
// border: 1px black solid;
|
||||
height: calc(100% - 60px);
|
||||
width: calc(100% - 20px);
|
||||
margin: 10px;
|
||||
font-size: 20px;
|
||||
overflow-y: scroll;
|
||||
.rptitle {
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 16px;
|
||||
span {
|
||||
color: #354595;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.sampling {
|
||||
width: calc(40% - 6px);
|
||||
text-align: start;
|
||||
margin-left: 6px;
|
||||
}
|
||||
.pixelDeal {
|
||||
width: calc(60% - 6px);
|
||||
text-align: end;
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
/deep/.resContent .el-tabs__header {
|
||||
margin: 0;
|
||||
}
|
||||
/deep/.resContent .el-tabs__item {
|
||||
padding: 0 13px;
|
||||
}
|
||||
.gctContent {
|
||||
border: 1px black solid;
|
||||
height: calc(100% - 60px);
|
||||
width: calc(100% - 20px);
|
||||
margin: 10px;
|
||||
}
|
||||
#qtReportEchart {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
vertical-align: top;
|
||||
margin-left: 20px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
vertical-align: top;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,671 @@
|
|||
<template>
|
||||
<div class="soilMositure">
|
||||
<div class="otgCard">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">样本库</span>
|
||||
</div>
|
||||
<div class="otgCardContent">
|
||||
<el-form :inline="true" :model="simpleForm" class="demo-form-inline">
|
||||
<el-form-item style="margin-left: 15px">
|
||||
<!-- <el-select
|
||||
v-model="simpleForm.sampleFun"
|
||||
:disabled="sampleFun !== ''"
|
||||
size="mini"
|
||||
placeholder="请选择抽样方法"
|
||||
@change="changeSampleFun"
|
||||
>
|
||||
<el-option label="" value=""></el-option>
|
||||
<el-option label="随机抽样" value="0"></el-option>
|
||||
<el-option label="分层抽样" value="1"></el-option>
|
||||
<el-option label="等距抽样" value="2"></el-option>
|
||||
</el-select> -->
|
||||
<el-cascader
|
||||
v-model="simpleForm.sampleFun"
|
||||
:disabled="sampleFun !== ''"
|
||||
:options="funcOpt"
|
||||
size="mini"
|
||||
placeholder="请选择抽样方法"
|
||||
popper-class="cascader-popper"
|
||||
@change="changeSampleFun"
|
||||
clearable
|
||||
:show-all-levels="false"
|
||||
></el-cascader>
|
||||
<el-button
|
||||
v-if="isDeepSpace"
|
||||
class="edit-btn"
|
||||
plain
|
||||
size="mini"
|
||||
type="primary"
|
||||
icon="el-icon-edit-outline"
|
||||
@click="editDeepSpace"
|
||||
></el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="simpleForm.sampleNum"
|
||||
size="mini"
|
||||
placeholder="请输入样本个数"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="samplesCk">确定</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
v-loading="loading"
|
||||
element-loading-text="拼命加载中"
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)"
|
||||
:data="simpleData"
|
||||
tooltip-effect="dark"
|
||||
:header-cell-style="headerRowClass"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
highlight-current-row
|
||||
@current-change="tableRowClk"
|
||||
:stripe="true"
|
||||
:cell-style="tableRowClassName"
|
||||
height="370"
|
||||
>
|
||||
<el-table-column label width="35">
|
||||
<template slot-scope="scope">
|
||||
<el-radio :label="scope.row" v-model="radioClkMsg"></el-radio>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" width="70">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="sampleId"
|
||||
label="样本编号"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="纬度(°)" sortable show-overflow-tooltip>
|
||||
<template slot-scope="scope">{{
|
||||
scope.row.lat.toFixed(8)
|
||||
}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="经度(°)" sortable>
|
||||
<template slot-scope="scope">{{
|
||||
scope.row.lon.toFixed(8)
|
||||
}}</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="高程" sortable prop="alt"></el-table-column> -->
|
||||
<el-table-column
|
||||
label="采样时间"
|
||||
sortable
|
||||
prop="dataTime"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="选取点纬度" prop="sameLat"></el-table-column>
|
||||
<el-table-column label="选取点经度" prop="sameLon"></el-table-column>
|
||||
<!-- <el-table-column label="选取点高度" prop="sameAlt"></el-table-column> -->
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope"
|
||||
><i
|
||||
class="el-icon-delete"
|
||||
@click="deleteSelected(scope.$index, simpleData)"
|
||||
></i
|
||||
></template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- <Pagination :page-sizes="[13, 26, 39]" v-show="total>0" :total="total" :page.sync="simpleForm.pageNum" :limit.sync="simpleForm.pageSize" @pagination="getSimpleList" /> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="sceneShow">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">同名点选取</span>
|
||||
</div>
|
||||
<div class="sscPre">
|
||||
<div class="sscTitle">
|
||||
<div class="sscCircle"></div>
|
||||
<span>产品展示</span>
|
||||
</div>
|
||||
<div class="sscTitle">
|
||||
<div class="sscCircle"></div>
|
||||
<span>局部放大图</span>
|
||||
</div>
|
||||
<div class="sscTitle">
|
||||
<div class="sscCircle"></div>
|
||||
<span>辅助图像</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sscPre">
|
||||
<div class="sceneShowContent" style="position: relative">
|
||||
<otg-product-info
|
||||
@removeLayer="removeLayer('far')"
|
||||
@addLayer="addLayer('far')"
|
||||
></otg-product-info>
|
||||
<div
|
||||
id="farViewer"
|
||||
style="height: 100%; width: 100%"
|
||||
@click="pickValueFar"
|
||||
></div>
|
||||
</div>
|
||||
<div class="sceneShowContent" style="position: relative">
|
||||
<div id="nearViewer" style="height: 100%; width: 100%"></div>
|
||||
<otg-product-info
|
||||
@removeLayer="removeLayer('near')"
|
||||
@addLayer="addLayer('near')"
|
||||
></otg-product-info>
|
||||
<div class="poiCK">
|
||||
<el-button type="primary" :disabled="ckPoint" @click="ckSamePoi"
|
||||
>选取点</el-button
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
style="margin: 5px 0px"
|
||||
:disabled="savePoint"
|
||||
@click="saveSamePoi"
|
||||
>保存点</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sceneShowContent" style="position: relative">
|
||||
<div style="height: 100%">
|
||||
<img
|
||||
id="alImg"
|
||||
src="static/images/otg3.png"
|
||||
style="height: 100%; width: 100%"
|
||||
alt="fzImg"
|
||||
/>
|
||||
</div>
|
||||
<div class="imgCtrl">
|
||||
<el-radio-group v-model="imgChoose" @change="changeImg">
|
||||
<el-radio label="pointPs">点之记</el-radio><br />
|
||||
<el-radio label="nearImg" style="margin: 5px 0 5px 0"
|
||||
>近景</el-radio
|
||||
><br />
|
||||
<el-radio label="farImg">远景</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<SampleSetting
|
||||
:stepSampling="stepSampling"
|
||||
@handleStepSampling="handleStepSampling"
|
||||
@handleDepthList="handleDepthList"
|
||||
:sampleCldFun="sampleCldFun"
|
||||
ref="sampleSettingPanel"
|
||||
></SampleSetting>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Pagination from "@/components/Pagination";
|
||||
import OtgProductInfo from "@/components/otgProductInfo";
|
||||
import {
|
||||
getSampleData,
|
||||
getOrderSamples,
|
||||
getSamplesByLayer,
|
||||
deleteOrderSamplesByID,
|
||||
} from "@/api/pendingOrder";
|
||||
import otgCesiumUtils from "@/lib/otgCesiumUtils";
|
||||
import SampleSetting from "@/components/ration/sampleSetting/index.vue";
|
||||
import WKT from "terraformer-wkt-parser";
|
||||
import Formator from "@/mixins/formator";
|
||||
import cu from "@/lib/cesiumUtils";
|
||||
|
||||
export default {
|
||||
components: { Pagination, SampleSetting, OtgProductInfo },
|
||||
mixins: [Formator],
|
||||
props: {
|
||||
sampleFun: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
sampleCldFun: {
|
||||
require: false,
|
||||
type: String,
|
||||
},
|
||||
pixelFun: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
geoWorkSpace: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
geoLayerName: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
geoLayerPos: {
|
||||
require: true,
|
||||
},
|
||||
pixelNum: {
|
||||
require: true,
|
||||
},
|
||||
orderId: {
|
||||
require: true,
|
||||
},
|
||||
productSubType: {
|
||||
require: true,
|
||||
},
|
||||
},
|
||||
filters: {
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
simpleForm: {
|
||||
sampleFun: "",
|
||||
sampleNum: "",
|
||||
pageNum: 1,
|
||||
pageSize: 13,
|
||||
},
|
||||
simpleData: [],
|
||||
loading: true,
|
||||
allSampleData: [],
|
||||
multipleSelection: [],
|
||||
simpleDataTotal: 0,
|
||||
total: 0,
|
||||
radioClkMsg: "",
|
||||
imgChoose: "pointPs",
|
||||
ckPoint: true,
|
||||
savePoint: true,
|
||||
stepSampling: false,
|
||||
collectPointSignPic: "static/images/otg3.png", //点之记
|
||||
measurePicClose: "static/images/otg2.png", //实测近景
|
||||
measurePicDistant: "static/images/otg1.png", //实测远景
|
||||
funcOpt: [],
|
||||
isDeepSpace: false,
|
||||
depthList: [],
|
||||
};
|
||||
},
|
||||
// watch:{
|
||||
// geoWorkSpace:function(value){
|
||||
// otgCesiumUtils.addlayer(value,this.geoLayerName)
|
||||
// }
|
||||
// },
|
||||
mounted() {
|
||||
otgCesiumUtils.initCesium(["farViewer", "nearViewer"]);
|
||||
otgCesiumUtils.addlayer(this.geoWorkSpace, this.geoLayerName);
|
||||
const cLon = (
|
||||
(Number(this.geoLayerPos[0]) + Number(this.geoLayerPos[2])) /
|
||||
2
|
||||
).toFixed(8);
|
||||
const cLat = (
|
||||
(Number(this.geoLayerPos[1]) + Number(this.geoLayerPos[3])) /
|
||||
2
|
||||
).toFixed(8);
|
||||
otgCesiumUtils.flyToLayer(cLon, cLat);
|
||||
},
|
||||
created() {
|
||||
this.funcOpt = this.configration.funcOpt;
|
||||
this.getSplData();
|
||||
this.initParam();
|
||||
},
|
||||
methods: {
|
||||
handleStepSampling(newVal) {
|
||||
this.stepSampling = newVal;
|
||||
},
|
||||
handleDepthList(newVal) {
|
||||
// console.log('handleDepthList', newVal)
|
||||
this.depthList = newVal;
|
||||
},
|
||||
editDeepSpace() {
|
||||
this.stepSampling = true;
|
||||
},
|
||||
initParam() {
|
||||
if (this.sampleCldFun) {
|
||||
this.simpleForm.sampleFun = new Array(
|
||||
this.sampleFun,
|
||||
this.sampleCldFun
|
||||
);
|
||||
} else {
|
||||
this.simpleForm.sampleFun = new Array(this.sampleFun);
|
||||
}
|
||||
const ssf = Number(this.simpleForm.sampleFun[0]);
|
||||
if (
|
||||
this.simpleForm.sampleFun.length >= 1 &&
|
||||
ssf === 1 &&
|
||||
Number(this.simpleForm.sampleFun[1]) === 0
|
||||
) {
|
||||
this.isDeepSpace = true;
|
||||
} else {
|
||||
this.isDeepSpace = false;
|
||||
}
|
||||
// this.stepSampling = this.sampleFun == "1" && this?.sampleCldFun == "0";
|
||||
},
|
||||
changeSampleFun(sfVal) {
|
||||
if (Array.isArray(sfVal)) {
|
||||
const ssf = Number(sfVal[0]);
|
||||
if (sfVal.length >= 1 && ssf === 1 && Number(sfVal[1]) === 0) {
|
||||
this.isDeepSpace = true;
|
||||
} else {
|
||||
this.isDeepSpace = false;
|
||||
}
|
||||
}
|
||||
// const ssf = Number(sfVal);
|
||||
// if (ssf === 1 && this.sampleCldFun !== '') this.stepSampling = true;
|
||||
// else this.stepSampling = false;
|
||||
},
|
||||
samplesCk() {
|
||||
const self = this;
|
||||
if (self.simpleForm.sampleFun[0] === "") {
|
||||
self.$message.error("请选择抽样方法");
|
||||
return false;
|
||||
}
|
||||
const ssf = self.simpleForm.sampleFun,
|
||||
st = self.simpleDataTotal,
|
||||
ssn = self.simpleForm.sampleNum;
|
||||
if (ssn == "") {
|
||||
this.$message.error("请选择抽样个数");
|
||||
this.getSplData();
|
||||
return false;
|
||||
}
|
||||
if (ssn > st) {
|
||||
this.$message.error("抽样数不可大于总样本数量");
|
||||
return false;
|
||||
}
|
||||
if (ssn < 0) {
|
||||
this.$message.error("样本个数不可为负数");
|
||||
return false;
|
||||
}
|
||||
if (Number(ssf[0]) === 1) {
|
||||
const stepSampParams = self.$refs.sampleSettingPanel;
|
||||
// const hierarchyVal = stepSampParams.hierarchyVal;
|
||||
const hierarchyVal = ssf[1];
|
||||
if (hierarchyVal === "" || hierarchyVal === undefined) {
|
||||
self.stepSampling = true;
|
||||
return false;
|
||||
}
|
||||
const ssForm = new FormData();
|
||||
ssForm.append("samplesList", JSON.stringify(this.allSampleData));
|
||||
ssForm.append("stepType", Number(hierarchyVal));
|
||||
ssForm.append("orderID", this.orderId);
|
||||
// ssForm.append("productType",this.productSubType);
|
||||
if (hierarchyVal === "0") {
|
||||
// const depthList = stepSampParams.depthList;
|
||||
const depthList = this.depthList;
|
||||
// console.log('=====', depthList)
|
||||
ssForm.append("condition", JSON.stringify(depthList));
|
||||
} else if (hierarchyVal === "2") {
|
||||
const jsonContent = JSON.parse(stepSampParams.jsonContent);
|
||||
// const jsonContentWKT = WKT.convert(jsonContent.geometries[0]);
|
||||
const jg = jsonContent.geometries;
|
||||
const newPolygon = [];
|
||||
for (let i in jg) {
|
||||
const jsonContentWKT = WKT.convert(jg[i]);
|
||||
newPolygon.push({ coordinates: jsonContentWKT });
|
||||
}
|
||||
ssForm.append("condition", JSON.stringify(newPolygon));
|
||||
}
|
||||
ssForm.append("splCount", ssn);
|
||||
getSamplesByLayer(ssForm).then((res) => {
|
||||
if (res.length === 0 || res === []) {
|
||||
self.multipleSelection = self.simpleData = [];
|
||||
cu.removePoint();
|
||||
this.$message.error("当前分层设置返回列表为空");
|
||||
return false;
|
||||
} else {
|
||||
const dl = [];
|
||||
for (let i in res) {
|
||||
const ri = res[i];
|
||||
for (let j in ri) {
|
||||
dl.push(ri[j]);
|
||||
}
|
||||
}
|
||||
self.multipleSelection = self.simpleData = dl;
|
||||
cu.removePoint();
|
||||
for (let i in dl) {
|
||||
cu.addPoint(dl[i].lon, dl[i].lat, dl[i].alt);
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
const spFrom = new FormData();
|
||||
spFrom.append("sampleFun", Number(ssf[0])); //抽样方法
|
||||
spFrom.append("minNum", 0);
|
||||
spFrom.append("MaxNum", st - 1); //样本总数
|
||||
spFrom.append("splCount", ssn); //抽样个数
|
||||
getSampleData(spFrom).then((res) => {
|
||||
const dl = [];
|
||||
for (const i in res) {
|
||||
dl.push(self.allSampleData[res[i]]);
|
||||
}
|
||||
self.multipleSelection = self.simpleData = dl;
|
||||
});
|
||||
}
|
||||
},
|
||||
headerRowClass() {
|
||||
return "background:#E4E9F1; font-weight: bold;color: #645f5f;text-align:center";
|
||||
},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA;text-align:center";
|
||||
} else {
|
||||
return "background:#FFFFFF;text-align:center";
|
||||
}
|
||||
},
|
||||
tableRowClk(row) {
|
||||
this.radioClkMsg = row;
|
||||
otgCesiumUtils.removePoint();
|
||||
const lon = row.lon,
|
||||
lat = row.lat,
|
||||
alt = row.alt;
|
||||
otgCesiumUtils.addPointToFarViewer(lon, lat, alt);
|
||||
otgCesiumUtils.addPointToNearViewer(lon, lat, alt);
|
||||
this.ckPoint = false;
|
||||
const cus = this.configration.urlprefix.samePoiImgsUrl;
|
||||
if (row.collectPointSignpic !== null) {
|
||||
this.collectPointSignPic = cus + row.collectPointSignpic;
|
||||
var alImgDom = document.getElementById("alImg");
|
||||
alImgDom.src = this.collectPointSignPic;
|
||||
}
|
||||
if (row.measureClose !== null)
|
||||
this.measurePicClose = cus + row.measureClose;
|
||||
if (row.measureDistant !== null)
|
||||
this.measurePicDistant = cus + row.measureDistant;
|
||||
},
|
||||
// 选择相同的点
|
||||
ckSamePoi() {
|
||||
// console.log('选择同名点');
|
||||
otgCesiumUtils.drawPoint((point) => {
|
||||
this.radioClkMsg.sameLon = Number(point[0]);
|
||||
this.radioClkMsg.sameLat = Number(point[1]);
|
||||
this.radioClkMsg.sameAlt = Number(point[2]);
|
||||
});
|
||||
this.savePoint = false;
|
||||
},
|
||||
// 保存相同的点
|
||||
saveSamePoi() {
|
||||
// console.log("保存同名点成功");
|
||||
this.ckPoint = true;
|
||||
this.savePoint = true;
|
||||
otgCesiumUtils.stopDrowPoi();
|
||||
},
|
||||
changeImg(val) {
|
||||
var alImgDom = document.getElementById("alImg");
|
||||
switch (val) {
|
||||
case "pointPs":
|
||||
alImgDom.src = this.collectPointSignPic;
|
||||
break;
|
||||
case "nearImg":
|
||||
alImgDom.src = this.measurePicClose;
|
||||
break;
|
||||
case "farImg":
|
||||
alImgDom.src = this.measurePicDistant;
|
||||
}
|
||||
},
|
||||
getSplData() {
|
||||
getOrderSamples(this.orderId, this.productSubType).then((res) => {
|
||||
// console.log(res)
|
||||
if (res.code == 200) {
|
||||
this.multipleSelection =
|
||||
this.allSampleData =
|
||||
this.simpleData =
|
||||
res.data;
|
||||
this.loading = false;
|
||||
this.$refs.multipleTable.toggleAllSelection();
|
||||
let min = Number.MAX_SAFE_INTEGER;
|
||||
let max = Number.MIN_SAFE_INTEGER;
|
||||
this.$store.commit("setAltRange", null);
|
||||
this.allSampleData.forEach((k, v) => {
|
||||
k.dataTime = this.formatDatetime(k.dataTime);
|
||||
min = min > k.alt ? k.alt : min;
|
||||
max = max < k.alt ? k.alt : max;
|
||||
});
|
||||
if (this.allSampleData.length > 0) {
|
||||
this.$store.commit("setAltRange", min + "," + (max + 1));
|
||||
}
|
||||
this.simpleDataTotal = this.total = res.data.length;
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteSelected(index, simpleData) {
|
||||
simpleData.splice(index, 1);
|
||||
// deleteOrderSamplesByID(sampleId, this.productSubType).then((res) => {
|
||||
// if (res.code == 200) {
|
||||
// this.getSplData();
|
||||
// }
|
||||
// });
|
||||
},
|
||||
pickValueFar() {
|
||||
otgCesiumUtils.handleClickFar();
|
||||
},
|
||||
pickValueNear() {
|
||||
otgCesiumUtils.handleClickNear();
|
||||
},
|
||||
addLayer(layerType) {
|
||||
if (layerType === "far")
|
||||
otgCesiumUtils.addFarlayer(this.geoWorkSpace, this.geoLayerName);
|
||||
else if (layerType === "near")
|
||||
otgCesiumUtils.addNearlayer(this.geoWorkSpace, this.geoLayerName);
|
||||
},
|
||||
removeLayer(layerType) {
|
||||
if (layerType === "far") otgCesiumUtils.clearFarLayers();
|
||||
else if (layerType === "near") otgCesiumUtils.clearNearLayers();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.otgCard {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
/deep/.otgCard .el-form-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.otgCardContent {
|
||||
margin: 15px;
|
||||
height: 450px;
|
||||
}
|
||||
.sceneShow {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.sscPre {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.sceneShowContent {
|
||||
margin: 5px 15px 0 15px;
|
||||
width: 33%;
|
||||
height: 360px;
|
||||
background-color: rgb(110, 110, 207);
|
||||
}
|
||||
.imgCtrl {
|
||||
position: absolute;
|
||||
bottom: 3px;
|
||||
left: 3px;
|
||||
width: 90px;
|
||||
height: 70px;
|
||||
background-color: #aaaaaa;
|
||||
padding: 4px 0 0 10px;
|
||||
}
|
||||
.poiCK {
|
||||
position: absolute;
|
||||
bottom: 1px;
|
||||
width: 90px;
|
||||
height: 60px;
|
||||
background-color: #aaaaaa;
|
||||
padding: 4px 0 0 10px;
|
||||
}
|
||||
.sscTitle {
|
||||
margin: 15px 15px 0 15px;
|
||||
width: 33%;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
color: gray;
|
||||
}
|
||||
.sscCircle {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-radius: 50%;
|
||||
background-color: #0072e5;
|
||||
margin: 0 4px 0 4px;
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
vertical-align: top;
|
||||
// position: absolute;
|
||||
margin-left: 20px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
vertical-align: top;
|
||||
}
|
||||
// 分层抽样弹出框设置
|
||||
/deep/.sampleFunParam .el-upload-dragger .el-icon-upload {
|
||||
margin: 0;
|
||||
line-height: 30px;
|
||||
font-size: 20px;
|
||||
color: black;
|
||||
}
|
||||
.sampleFunParam .upload-demo {
|
||||
display: inline-block;
|
||||
}
|
||||
/deep/.sampleFunParam .el-upload-dragger {
|
||||
width: 150px;
|
||||
height: 35px;
|
||||
margin-left: 15px;
|
||||
margin-top: 20px;
|
||||
border: 1px solid #d9d9d9;
|
||||
}
|
||||
/deep/.sampleFunParam .el-dialog__body {
|
||||
padding: 20px 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.edit-btn {
|
||||
margin-left: 15px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,704 @@
|
|||
<template>
|
||||
<div class="qualitative">
|
||||
<div class="featureMap">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span
|
||||
><span class="sp2">{{
|
||||
productSubType == 6 ? "地表覆盖类型表" : "植被物候类型表"
|
||||
}}</span>
|
||||
</div>
|
||||
<el-table
|
||||
ref="featureMapMultipleTable"
|
||||
:data="featureMapData"
|
||||
tooltip-effect="dark"
|
||||
:header-cell-style="headerRowClass"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
:stripe="true"
|
||||
:cell-style="tableRowClassName"
|
||||
height="230"
|
||||
>
|
||||
<el-table-column label="序号" type="index" width="70">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="typeName"
|
||||
:label="productSubType == 6 ? '地物类型名称' : '物候类型名称'"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="typeNameKg"
|
||||
label="空基类型名称"
|
||||
show-overflow-tooltip
|
||||
v-if="false"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-select
|
||||
v-model="scope.row.typeNameKg"
|
||||
placeholder="请选择"
|
||||
@change="selectRfName(scope.row)"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in rfNameOpt"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="用户类型实际值">
|
||||
<template slot-scope="scope">{{ scope.row.typeId }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="空基代码实际值">
|
||||
<template slot-scope="scope">{{ scope.row.typeIdKg }}</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="qualiteSample">
|
||||
<div class="qsLeft">
|
||||
<div class="smps">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">样本库</span>
|
||||
</div>
|
||||
<div>
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="simpleForm"
|
||||
class="demo-form-inline"
|
||||
>
|
||||
<el-form-item>
|
||||
<el-cascader
|
||||
v-model="simpleForm.sampleFun"
|
||||
:disabled="sampleFun !== ''"
|
||||
:options="funcOpt"
|
||||
size="mini"
|
||||
placeholder="请选择抽样方法"
|
||||
popper-class="cascader-popper"
|
||||
@change="changeSampleFun"
|
||||
clearable
|
||||
:show-all-levels="false"
|
||||
></el-cascader>
|
||||
<el-button
|
||||
v-if="isDeepSpace"
|
||||
class="edit-btn"
|
||||
plain
|
||||
size="mini"
|
||||
type="primary"
|
||||
icon="el-icon-edit-outline"
|
||||
@click="editDeepSpace"
|
||||
></el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="simpleForm.sampleNum"
|
||||
size="mini"
|
||||
placeholder="请输入样本个数"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="samplesCk">确定</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
v-loading="loading"
|
||||
element-loading-text="拼命加载中"
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)"
|
||||
:data="simpleData"
|
||||
tooltip-effect="dark"
|
||||
:header-cell-style="headerRowClass"
|
||||
style="width: 98%; margin-left: 1%"
|
||||
@selection-change="handleSelectionChange"
|
||||
:stripe="true"
|
||||
:cell-style="tableRowClassName"
|
||||
height="400"
|
||||
size="medium"
|
||||
>
|
||||
<el-table-column type="selection" width="55"> </el-table-column>
|
||||
<el-table-column label="序号" type="index" width="70">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="sampleId"
|
||||
label="样本编号"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lat"
|
||||
label="纬度"
|
||||
sortable
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lon"
|
||||
label="经度"
|
||||
sortable
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="coverName"
|
||||
label="类别"
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dataTime"
|
||||
label="采样时间"
|
||||
sortable
|
||||
show-overflow-tooltip
|
||||
min-width="120px;"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope"
|
||||
><i
|
||||
class="el-icon-delete"
|
||||
@click="deleteSelected(scope.$index, simpleData)"
|
||||
></i
|
||||
></template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pixelDeal" v-if="false">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">像元级处理模型设置</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="cardsp">目标分辨率：{{ pixelNum }}</span>
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="pixelFormData"
|
||||
class="demo-form-inline"
|
||||
>
|
||||
<el-form-item label="像元级处理模型:">
|
||||
<el-select
|
||||
size="mini"
|
||||
v-model="pixelFormData.pixelDealFun"
|
||||
placeholder="选择像元级处理方法"
|
||||
:disabled="pdShow"
|
||||
>
|
||||
<el-option label="" value=""></el-option>
|
||||
<el-option label="均值法" value="0"></el-option>
|
||||
<el-option label="最邻近法" value="1"></el-option>
|
||||
<el-option label="克里格法" value="2"></el-option>
|
||||
<el-option label="块克里格法" value="3"></el-option>
|
||||
<el-option label="MSN法" value="4"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">确认</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="qsRight">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span
|
||||
><span class="sp2">待检验产品及样本分布结果</span>
|
||||
</div>
|
||||
<div
|
||||
id="sceneShowContent"
|
||||
@click="pickValue"
|
||||
style="overflow: hidden; position: relative"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
<SampleSetting
|
||||
:stepSampling="stepSampling"
|
||||
@handleStepSampling="handleStepSampling"
|
||||
@handleDepthList="handleDepthList"
|
||||
:sampleCldFun="sampleCldFun"
|
||||
ref="sampleSettingPanel"
|
||||
></SampleSetting>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getCoverTypes,
|
||||
getSampleData,
|
||||
getOrderSamples,
|
||||
getSamplesByLayer,
|
||||
deleteOrderSamplesByID,
|
||||
} from "@/api/pendingOrder";
|
||||
import cu from "@/lib/cesiumUtils";
|
||||
import SampleSetting from "@/components/ration/sampleSetting/index.vue";
|
||||
import WKT from "terraformer-wkt-parser";
|
||||
import Formator from "@/mixins/formator";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
SampleSetting,
|
||||
},
|
||||
mixins: [Formator],
|
||||
props: {
|
||||
sampleFun: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
sampleCldFun: {
|
||||
require: false,
|
||||
type: String,
|
||||
},
|
||||
pixelFun: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
geoWorkSpace: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
geoLayerName: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
geoLayerPos: {
|
||||
require: true,
|
||||
},
|
||||
pixelNum: {
|
||||
require: true,
|
||||
},
|
||||
orderId: {
|
||||
require: true,
|
||||
},
|
||||
productSubType: {
|
||||
require: true,
|
||||
},
|
||||
},
|
||||
filters: {
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
featureMapData: [],
|
||||
rfNameOpt: [],
|
||||
simpleForm: {
|
||||
sampleFun: "",
|
||||
sampleNum: "",
|
||||
},
|
||||
simpleData: [],
|
||||
loading: true,
|
||||
allSampleData: [],
|
||||
simpleDataTotal: 0,
|
||||
multipleSelection: [],
|
||||
pixelFormData: {
|
||||
pixelDealFun: "",
|
||||
},
|
||||
stepSampling: false,
|
||||
funcOpt: [],
|
||||
isDeepSpace: false,
|
||||
depthList: [],
|
||||
};
|
||||
},
|
||||
// watch:{
|
||||
// geoWorkSpace:function(value){
|
||||
// cu.addlayer(value,this.geoLayerName)
|
||||
// cu.flyToLayer(this.geoLayerPos[0],this.geoLayerPos[1]);
|
||||
// }
|
||||
// },
|
||||
mounted() {
|
||||
cu.initCesium("sceneShowContent");
|
||||
cu.handleClick();
|
||||
cu.addlayer(this.geoWorkSpace, this.geoLayerName);
|
||||
let gp = this.geoLayerPos;
|
||||
cu.flyToLayerRect(gp[0], gp[1], gp[2], gp[3]);
|
||||
},
|
||||
created() {
|
||||
if (this.productSubType === 6) {
|
||||
this.rfNameOpt = this.configration.groTypeName;
|
||||
} else if (this.productSubType === 12) {
|
||||
this.rfNameOpt = this.configration.vegetationPhenologyGroTypeName;
|
||||
}
|
||||
|
||||
this.funcOpt = this.configration.funcOpt;
|
||||
this.getCoverType();
|
||||
this.getSplData();
|
||||
this.initParam();
|
||||
},
|
||||
methods: {
|
||||
handleStepSampling(newVal) {
|
||||
this.stepSampling = newVal;
|
||||
},
|
||||
handleDepthList(newVal) {
|
||||
// console.log('handleDepthList', newVal)
|
||||
this.depthList = newVal;
|
||||
},
|
||||
editDeepSpace() {
|
||||
this.stepSampling = true;
|
||||
},
|
||||
initParam() {
|
||||
if (this.pixelFun !== "") this.pdShow = true;
|
||||
this.pixelFormData.pixelDealFun = this.pixelFun;
|
||||
if (this.sampleCldFun) {
|
||||
this.simpleForm.sampleFun = new Array(
|
||||
this.sampleFun,
|
||||
this.sampleCldFun
|
||||
);
|
||||
} else {
|
||||
this.simpleForm.sampleFun = new Array(this.sampleFun);
|
||||
}
|
||||
const ssf = Number(this.simpleForm.sampleFun[0]);
|
||||
if (
|
||||
this.simpleForm.sampleFun.length >= 1 &&
|
||||
ssf === 1 &&
|
||||
Number(this.simpleForm.sampleFun[1]) === 0
|
||||
) {
|
||||
this.isDeepSpace = true;
|
||||
} else {
|
||||
this.isDeepSpace = false;
|
||||
}
|
||||
// this.stepSampling = this.sampleFun == "1" && this?.sampleCldFun == "0";
|
||||
},
|
||||
onSubmit() {},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA;text-align:center";
|
||||
} else {
|
||||
return "background:#FFFFFF;text-align:center";
|
||||
}
|
||||
},
|
||||
headerRowClass() {
|
||||
return "background: #E4E9F1;text-align:center";
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
cu.removePoint();
|
||||
if (val.length !== 0) {
|
||||
for (let i in val) {
|
||||
cu.addPoint(val[i].lon, val[i].lat, val[i].alt);
|
||||
}
|
||||
}
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
selectRfName(row) {
|
||||
const typeNameMap = {
|
||||
城市: "01",
|
||||
水体: "02",
|
||||
森林: "03",
|
||||
灌木地: "20",
|
||||
草地: "10",
|
||||
水域: "60",
|
||||
山地: "80",
|
||||
出芽期: "1",
|
||||
分蘖期: "2",
|
||||
越冬期: "3",
|
||||
返青期: "4",
|
||||
起身期: "5",
|
||||
拔节期: "6",
|
||||
孕穗期: "7",
|
||||
抽穗期: "8",
|
||||
扬花期: "9",
|
||||
灌浆期: "10",
|
||||
成熟期: "11",
|
||||
};
|
||||
row.typeIdKg = typeNameMap[row.typeNameKg];
|
||||
},
|
||||
getRealVal(name) {
|
||||
const typeNameMap = {
|
||||
城市: "01",
|
||||
水体: "02",
|
||||
森林: "03",
|
||||
灌木地: "20",
|
||||
草地: "10",
|
||||
水域: "60",
|
||||
山地: "80",
|
||||
出芽期: "1",
|
||||
分蘖期: "2",
|
||||
越冬期: "3",
|
||||
返青期: "4",
|
||||
起身期: "5",
|
||||
拔节期: "6",
|
||||
孕穗期: "7",
|
||||
抽穗期: "8",
|
||||
扬花期: "9",
|
||||
灌浆期: "10",
|
||||
成熟期: "11",
|
||||
};
|
||||
return typeNameMap[name];
|
||||
},
|
||||
getCoverType() {
|
||||
getCoverTypes(this.orderId).then((res) => {
|
||||
if (res.msg === "操作成功" && res?.data) {
|
||||
const rd = res.data;
|
||||
if (rd.length > 0) {
|
||||
for (let i = 0; i < rd.length; i++) {
|
||||
rd[i].typeNameKg = rd[i].typeName;
|
||||
rd[i].typeIdKg = this.getRealVal(rd[i].typeName);
|
||||
}
|
||||
}
|
||||
this.featureMapData = rd;
|
||||
}
|
||||
});
|
||||
},
|
||||
getSplData() {
|
||||
// console.log(this.productSubType)
|
||||
getOrderSamples(this.orderId, this.productSubType).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.multipleSelection =
|
||||
this.allSampleData =
|
||||
this.simpleData =
|
||||
res.data;
|
||||
this.loading = false;
|
||||
this.$refs.multipleTable.toggleAllSelection();
|
||||
let min = Number.MAX_SAFE_INTEGER;
|
||||
let max = Number.MIN_SAFE_INTEGER;
|
||||
this.$store.commit("setAltRange", null);
|
||||
this.allSampleData.forEach((k, v) => {
|
||||
k.dataTime = this.formatDatetime(k.dataTime);
|
||||
min = min > k.alt ? k.alt : min;
|
||||
max = max < k.alt ? k.alt : max;
|
||||
});
|
||||
if (this.allSampleData.length > 0) {
|
||||
this.$store.commit("setAltRange", min + "," + (max + 1));
|
||||
}
|
||||
this.simpleDataTotal = res.data.length;
|
||||
}
|
||||
});
|
||||
},
|
||||
changeSampleFun(sfVal) {
|
||||
if (Array.isArray(sfVal)) {
|
||||
const ssf = Number(sfVal[0]);
|
||||
this.$store.commit("setSampleFun", sfVal.length === 0 ? null : ssf);
|
||||
if (sfVal.length >= 1 && ssf === 1 && Number(sfVal[1]) === 0) {
|
||||
this.isDeepSpace = true;
|
||||
} else {
|
||||
this.isDeepSpace = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
samplesCk() {
|
||||
const self = this;
|
||||
if (self.simpleForm.sampleFun[0] === "") {
|
||||
self.$message.error("请选择抽样方法");
|
||||
return false;
|
||||
}
|
||||
const ssf = self.simpleForm.sampleFun,
|
||||
st = self.simpleDataTotal,
|
||||
ssn = self.simpleForm.sampleNum;
|
||||
if (ssn == "") {
|
||||
this.$message.error("请选择抽样个数");
|
||||
this.getSplData();
|
||||
return false;
|
||||
}
|
||||
if (ssn > st) {
|
||||
this.$message.error("抽样数不可大于总样本数量");
|
||||
return false;
|
||||
}
|
||||
if (ssn < 0) {
|
||||
this.$message.error("样本个数不可为负数");
|
||||
return false;
|
||||
}
|
||||
if (Number(ssf[0]) === 1) {
|
||||
// self.stepSampling = true;
|
||||
const stepSampParams = self.$refs.sampleSettingPanel;
|
||||
// const hierarchyVal = stepSampParams.hierarchyVal;
|
||||
const hierarchyVal = ssf[1];
|
||||
if (hierarchyVal === "" || hierarchyVal === undefined) {
|
||||
self.stepSampling = true;
|
||||
return false;
|
||||
}
|
||||
const ssForm = new FormData();
|
||||
ssForm.append("samplesList", JSON.stringify(this.allSampleData));
|
||||
ssForm.append("stepType", Number(hierarchyVal));
|
||||
ssForm.append("orderID", this.orderId);
|
||||
// ssForm.append("productType",this.productSubType);
|
||||
if (hierarchyVal === "0") {
|
||||
// const depthList = stepSampParams.depthList;
|
||||
const depthList = this.depthList;
|
||||
// console.log('=====', depthList)
|
||||
ssForm.append("condition", JSON.stringify(depthList));
|
||||
} else if (hierarchyVal === "2") {
|
||||
const jsonContent = JSON.parse(stepSampParams.jsonContent);
|
||||
// const jsonContentWKT = WKT.convert(jsonContent.geometries[0]);
|
||||
const jg = jsonContent.geometries;
|
||||
const newPolygon = [];
|
||||
for (let i in jg) {
|
||||
const jsonContentWKT = WKT.convert(jg[i]);
|
||||
newPolygon.push({ coordinates: jsonContentWKT });
|
||||
}
|
||||
ssForm.append("condition", JSON.stringify(newPolygon));
|
||||
}
|
||||
ssForm.append("splCount", ssn);
|
||||
getSamplesByLayer(ssForm).then((res) => {
|
||||
if (res.length === 0 || res === []) {
|
||||
self.multipleSelection = self.simpleData = [];
|
||||
cu.removePoint();
|
||||
this.$message.error("当前分层设置返回列表为空");
|
||||
return false;
|
||||
} else {
|
||||
const dl = [];
|
||||
for (let i in res) {
|
||||
const ri = res[i];
|
||||
for (let j in ri) {
|
||||
dl.push(ri[j]);
|
||||
}
|
||||
}
|
||||
self.multipleSelection = self.simpleData = dl;
|
||||
self.$refs.multipleTable.toggleAllSelection();
|
||||
cu.removePoint();
|
||||
for (let i in dl) {
|
||||
cu.addPoint(dl[i].lon, dl[i].lat, dl[i].alt);
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
const spFrom = new FormData();
|
||||
spFrom.append("sampleFun", Number(ssf[0])); //抽样方法
|
||||
spFrom.append("minNum", 0);
|
||||
spFrom.append("MaxNum", st - 1); //样本总数
|
||||
spFrom.append("splCount", ssn); //抽样个数
|
||||
getSampleData(spFrom).then((res) => {
|
||||
const dl = [];
|
||||
for (const i in res) {
|
||||
dl.push(self.allSampleData[res[i]]);
|
||||
}
|
||||
self.multipleSelection = self.simpleData = dl;
|
||||
self.$refs.multipleTable.toggleAllSelection();
|
||||
cu.removePoint();
|
||||
for (let i in dl) {
|
||||
cu.addPoint(dl[i].lon, dl[i].lat, dl[i].alt);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
deleteSelected(index, simpleData) {
|
||||
simpleData.splice(index, 1);
|
||||
// deleteOrderSamplesByID(sampleId, this.productSubType).then((res) => {
|
||||
// if (res.code == 200) {
|
||||
// this.getSplData();
|
||||
// }
|
||||
// });
|
||||
},
|
||||
pickValue() {
|
||||
cu.handleClick();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.featureMap {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
background-color: white;
|
||||
margin-top: 10px;
|
||||
}
|
||||
/deep/.featureMap .el-select .el-input__inner {
|
||||
height: 35px;
|
||||
}
|
||||
.qualiteSample {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.qsLeft {
|
||||
width: 56%;
|
||||
height: 500px;
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.qsRight {
|
||||
width: calc(44% - 4px);
|
||||
height: 500px;
|
||||
background-color: white;
|
||||
float: left;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.smps {
|
||||
height: 500px;
|
||||
background-color: white;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
/deep/.smps .el-form-item {
|
||||
margin-left: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
// /deep/.smps .el-table th > .cell {
|
||||
// font-size: 15px;
|
||||
// }
|
||||
// /deep/.smps .el-table .cell {
|
||||
// font-size: 13px;
|
||||
// }
|
||||
|
||||
.pixelDeal {
|
||||
height: 165px;
|
||||
background-color: white;
|
||||
}
|
||||
/deep/.pixelDeal .el-form-item {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.cardsp {
|
||||
display: block;
|
||||
margin-left: 17px;
|
||||
font-size: 15px;
|
||||
color: #606266;
|
||||
line-height: 40px;
|
||||
}
|
||||
#sceneShowContent {
|
||||
margin: 10px;
|
||||
height: calc(100% - 60px);
|
||||
background-color: rgb(110, 110, 207);
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
vertical-align: top;
|
||||
margin-left: 20px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
vertical-align: top;
|
||||
}
|
||||
// 分层抽样弹出框设置
|
||||
/deep/.sampleFunParam .el-upload-dragger .el-icon-upload {
|
||||
margin: 0;
|
||||
line-height: 30px;
|
||||
font-size: 20px;
|
||||
color: black;
|
||||
}
|
||||
.sampleFunParam .upload-demo {
|
||||
display: inline-block;
|
||||
}
|
||||
/deep/.sampleFunParam .el-upload-dragger {
|
||||
width: 150px;
|
||||
height: 35px;
|
||||
margin-left: 15px;
|
||||
margin-top: 20px;
|
||||
border: 1px solid #d9d9d9;
|
||||
}
|
||||
/deep/.sampleFunParam .el-dialog__body {
|
||||
padding: 20px 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.edit-btn {
|
||||
margin-left: 15px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,265 @@
|
|||
<template>
|
||||
<div class="sampleFunParam">
|
||||
<el-dialog title="深度空间分层抽样设置" :visible.sync="stepSampling" width="35%">
|
||||
<!-- <el-select
|
||||
v-model="hierarchyVal"
|
||||
placeholder="分层选择"
|
||||
@change="setHierarchy"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in hierarchyOpt"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select> -->
|
||||
<div class="hint">
|
||||
<!-- <span>{{ hierarchyVal === "0" ? altRangeText : "" }}</span> -->
|
||||
<span>{{ altRangeText }}</span>
|
||||
</div>
|
||||
<div v-if="hierarchyVal === '2'">
|
||||
<span class="sp3">范围数据上传</span>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
drag
|
||||
multiple
|
||||
accept=".json,.geoJson,.topoJson"
|
||||
action="/"
|
||||
:http-request="uploadJsonFile"
|
||||
:show-file-list="false"
|
||||
>
|
||||
<i class="el-icon-upload"></i>上传geoJson
|
||||
</el-upload>
|
||||
</div>
|
||||
<div class="cardtable">
|
||||
<el-table :data="depthList" style="width: 66%; margin-left: 20%">
|
||||
<el-table-column label="序号" width="60" align="center" type="index">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="startDepth"
|
||||
label="起始范围"
|
||||
align="center"
|
||||
width="80"
|
||||
>
|
||||
<template slot-scope="{ row, $index }">
|
||||
<div
|
||||
@click.stop="
|
||||
{
|
||||
{
|
||||
changeNum($index, 'editStartDepthInput');
|
||||
}
|
||||
}
|
||||
"
|
||||
>
|
||||
<el-input
|
||||
v-if="editable[$index]"
|
||||
v-model="row.startDepth"
|
||||
size="mini"
|
||||
class="editStartDepthInput"
|
||||
></el-input>
|
||||
<span v-else>{{ row.startDepth }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="endDepth"
|
||||
label="结束范围"
|
||||
align="center"
|
||||
width="80"
|
||||
>
|
||||
<template slot-scope="{ row, $index }">
|
||||
<div
|
||||
@click.stop="
|
||||
{
|
||||
{
|
||||
changeNum($index, 'editEndDepthInput');
|
||||
}
|
||||
}
|
||||
"
|
||||
>
|
||||
<el-input
|
||||
v-if="editable[$index]"
|
||||
v-model="row.endDepth"
|
||||
size="mini"
|
||||
class="editEndDepthInput"
|
||||
></el-input>
|
||||
<span v-else>{{ row.endDepth }}</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
style="height: 25px"
|
||||
type="danger"
|
||||
size="small"
|
||||
icon="el-icon-plus"
|
||||
@click="addDepthT(scope.$index, scope.row)"
|
||||
></el-button>
|
||||
<el-button
|
||||
style="height: 25px"
|
||||
type="danger"
|
||||
size="small"
|
||||
icon="el-icon-minus"
|
||||
@click="removeDepthT(scope.$index, scope.row)"
|
||||
></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="cancelSampleFunSet">取消</el-button>
|
||||
<el-button type="primary" @click="submitSampleFunSet">确定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
stepSampling: {
|
||||
require: true,
|
||||
},
|
||||
sampleCldFun: {
|
||||
require: false,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// stepShow: false,
|
||||
hierarchyVal: "0",
|
||||
hierarchyOpt: [
|
||||
{
|
||||
value: "0",
|
||||
label: "深度空间分层",
|
||||
},
|
||||
{
|
||||
value: "1",
|
||||
label: "场站网空间分层",
|
||||
},
|
||||
// , {
|
||||
// value: '2',
|
||||
// label: '空间区域分层'
|
||||
// }
|
||||
],
|
||||
depthList: [],
|
||||
editable: [],
|
||||
jsonContent: null,
|
||||
depths: []
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
stepSampling: function (value) {},
|
||||
'$store.state.altRange': function(value) {
|
||||
const temp = (value === null || value === "") ? [1, 5] : value.split(',');
|
||||
this.depths = temp;
|
||||
this.depthList = [{
|
||||
startDepth: this.depths[0],
|
||||
endDepth: this.depths[1],
|
||||
}]
|
||||
this.$emit('handleDepthList', this.depthList)
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
altRangeText: function () {
|
||||
return this.$store.state.altRange === null ||
|
||||
this.$store.state.altRange === ""
|
||||
? ""
|
||||
: "分层深度区间不包括结束深度值；实际样本深度范围：[" +
|
||||
this.$store.state.altRange +
|
||||
")";
|
||||
},
|
||||
},
|
||||
created() {},
|
||||
mounted() {
|
||||
this.initParams();
|
||||
this.changeNum(0, 'editStartDepthInput');
|
||||
this.changeNum(0, 'editEndDepthInput');
|
||||
},
|
||||
methods: {
|
||||
initParams() {
|
||||
this.depthList = [{
|
||||
startDepth: this.depths[0],
|
||||
endDepth: this.depths[1],
|
||||
}];
|
||||
this.$emit('handleDepthList', this.depthList);
|
||||
},
|
||||
// 修改地表覆盖
|
||||
changeNum(index, className) {
|
||||
// tableList为表格数据
|
||||
this.editable = new Array(this.depthList.length);
|
||||
this.editable[index] = true;
|
||||
// this.saveItem = this.depthList[index];
|
||||
this.$set(this.editable, index, true);
|
||||
//让input自动获取焦点
|
||||
this.$nextTick(function () {
|
||||
var editInputList = document.getElementsByClassName(className);
|
||||
editInputList[0]?.children[0]?.focus();
|
||||
});
|
||||
},
|
||||
addDepthT() {
|
||||
this.depthList.push({ startDepth: this.depths[0], endDepth: this.depths[1] });
|
||||
},
|
||||
removeDepthT(index) {
|
||||
if(this.depthList.length === 1) return;
|
||||
this.depthList.splice(index, 1);
|
||||
},
|
||||
setHierarchy(val) {
|
||||
// console.log("当前值", val);
|
||||
if (val === "0") {
|
||||
this.depthList = [
|
||||
{
|
||||
startDepth: "1",
|
||||
endDepth: "5",
|
||||
},
|
||||
];
|
||||
} else {
|
||||
this.depthList = [];
|
||||
}
|
||||
},
|
||||
uploadJsonFile(option) {
|
||||
console.log(option.file);
|
||||
const self = this;
|
||||
//新建一个FileReader
|
||||
const reader = new FileReader();
|
||||
//读取文件
|
||||
reader.readAsText(option.file, "UTF-8");
|
||||
//读取完文件之后会回来这里
|
||||
reader.onload = function (evt) {
|
||||
// 读取文件内容
|
||||
const fileString = evt.target.result;
|
||||
// console.log(fileString);
|
||||
self.jsonContent = fileString;
|
||||
};
|
||||
},
|
||||
submitSampleFunSet() {
|
||||
// console.log(this.jsonContent)
|
||||
if (this.hierarchyVal === "2" && this.jsonContent === null) {
|
||||
this.$message.error("请上传深度JSON文件");
|
||||
return false;
|
||||
}
|
||||
// this.stepShow = false;
|
||||
this.$emit('handleStepSampling', false);
|
||||
this.$emit('handleDepthList', this.depthList);
|
||||
},
|
||||
cancelSampleFunSet() {
|
||||
// this.stepShow = false;
|
||||
this.$emit('handleStepSampling', false);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.sp3 {
|
||||
position: relative;
|
||||
top: -13px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.sampleFunParam .upload-demo {
|
||||
display: inline-block;
|
||||
}
|
||||
.hint {
|
||||
padding: 15px 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,562 @@
|
|||
<template>
|
||||
<div class="soilMositure">
|
||||
<div class="smBodyLeft">
|
||||
<div class="smps">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">样本库</span>
|
||||
</div>
|
||||
<div>
|
||||
<el-form :inline="true" :model="simpleForm" class="demo-form-inline">
|
||||
<el-form-item>
|
||||
<!-- <el-select
|
||||
v-model="simpleForm.sampleFun"
|
||||
:disabled="sampleFun !== ''"
|
||||
size="mini"
|
||||
placeholder="请选择抽样方法"
|
||||
@change="changeSampleFun"
|
||||
>
|
||||
<el-option label="" value=""></el-option>
|
||||
<el-option label="随机抽样" value="0"></el-option>
|
||||
<el-option label="分层抽样" value="1"></el-option>
|
||||
<el-option label="等距抽样" value="2"></el-option>
|
||||
</el-select> -->
|
||||
<el-cascader
|
||||
v-model="simpleForm.sampleFun"
|
||||
:disabled="sampleFun !== ''"
|
||||
:options="funcOpt"
|
||||
size="mini"
|
||||
placeholder="请选择抽样方法"
|
||||
popper-class="cascader-popper"
|
||||
@change="changeSampleFun"
|
||||
clearable
|
||||
:show-all-levels="false"
|
||||
></el-cascader>
|
||||
<el-button
|
||||
v-if="isDeepSpace"
|
||||
class="edit-btn"
|
||||
plain
|
||||
size="mini"
|
||||
type="primary"
|
||||
icon="el-icon-edit-outline"
|
||||
@click="editDeepSpace"
|
||||
></el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-input
|
||||
v-model="simpleForm.sampleNum"
|
||||
size="mini"
|
||||
placeholder="请输入样本个数"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="samplesCk">确定</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
ref="multipleTable"
|
||||
v-loading="loading"
|
||||
element-loading-text="拼命加载中"
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)"
|
||||
:data="simpleData"
|
||||
tooltip-effect="dark"
|
||||
:header-cell-style="headerRowClass"
|
||||
style="width: 98%; margin-left: 1%"
|
||||
@selection-change="handleSelectionChange"
|
||||
:stripe="true"
|
||||
:cell-style="tableRowClassName"
|
||||
height="460"
|
||||
>
|
||||
<el-table-column type="selection" width="55"> </el-table-column>
|
||||
<el-table-column label="序号" type="index" width="70">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="sampleId"
|
||||
label="样本编号"
|
||||
show-overflow-tooltip
|
||||
min-width="100px;"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lat"
|
||||
label="纬度"
|
||||
sortable
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="lon"
|
||||
label="经度"
|
||||
sortable
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dataValue"
|
||||
:label="productSubTypeName"
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
min-width="150px;"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dataTime"
|
||||
label="采样时间"
|
||||
sortable
|
||||
show-overflow-tooltip
|
||||
min-width="120px;"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope"
|
||||
><i
|
||||
class="el-icon-delete"
|
||||
@click="deleteSelected(scope.$index, simpleData)"
|
||||
></i
|
||||
></template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="smBodyRight">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span
|
||||
><span class="sp2">待检验产品及样本分布结果</span>
|
||||
</div>
|
||||
<div
|
||||
class="sceneShowContent"
|
||||
id="cesiumView"
|
||||
@click="pickValue"
|
||||
style="overflow: hidden; position: relative"
|
||||
></div>
|
||||
</div>
|
||||
<SampleSetting
|
||||
:stepSampling="stepSampling"
|
||||
@handleStepSampling="handleStepSampling"
|
||||
@handleDepthList="handleDepthList"
|
||||
:sampleCldFun="sampleCldFun"
|
||||
ref="sampleSettingPanel"
|
||||
></SampleSetting>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getSampleData,
|
||||
getOrderSamples,
|
||||
getSamplesByLayer,
|
||||
deleteOrderSamplesByID,
|
||||
} from "@/api/pendingOrder";
|
||||
import cu from "@/lib/cesiumUtils";
|
||||
import SampleSetting from "@/components/ration/sampleSetting/index.vue";
|
||||
import WKT from "terraformer-wkt-parser";
|
||||
import Formator from "@/mixins/formator";
|
||||
export default {
|
||||
components: {
|
||||
SampleSetting,
|
||||
},
|
||||
mixins: [Formator],
|
||||
props: {
|
||||
sampleFun: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
sampleCldFun: {
|
||||
require: false,
|
||||
type: String,
|
||||
},
|
||||
pixelFun: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
geoWorkSpace: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
geoLayerName: {
|
||||
require: true,
|
||||
type: String,
|
||||
},
|
||||
geoLayerPos: {
|
||||
require: true,
|
||||
},
|
||||
pixelNum: {
|
||||
require: true,
|
||||
},
|
||||
orderId: {
|
||||
require: true,
|
||||
},
|
||||
productSubType: {
|
||||
require: true,
|
||||
},
|
||||
},
|
||||
filters: {
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
simpleForm: {
|
||||
sampleFun: "",
|
||||
sampleNum: "",
|
||||
},
|
||||
simpleData: [],
|
||||
loading: true,
|
||||
allSampleData: [],
|
||||
simpleDataTotal: 0,
|
||||
smLabel: "土壤水分",
|
||||
pixelFormData: {
|
||||
pixelDealFun: "",
|
||||
},
|
||||
multipleSelection: [],
|
||||
pdShow: false,
|
||||
stepSampling: false,
|
||||
funcOpt: [],
|
||||
isDeepSpace: false,
|
||||
depthList: [],
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
cu.initCesium("cesiumView");
|
||||
cu.handleClick();
|
||||
cu.addlayer(this.geoWorkSpace, this.geoLayerName);
|
||||
let gp = this.geoLayerPos;
|
||||
cu.flyToLayerRect(gp[0], gp[1], gp[2], gp[3]);
|
||||
},
|
||||
created() {
|
||||
this.funcOpt = this.configration.funcOpt;
|
||||
this.getSplData();
|
||||
this.initParam();
|
||||
},
|
||||
methods: {
|
||||
handleStepSampling(newVal) {
|
||||
this.stepSampling = newVal;
|
||||
},
|
||||
handleDepthList(newVal) {
|
||||
// console.log('handleDepthList', newVal)
|
||||
this.depthList = newVal;
|
||||
},
|
||||
editDeepSpace() {
|
||||
this.stepSampling = true;
|
||||
},
|
||||
initParam() {
|
||||
if (this.sampleCldFun) {
|
||||
this.simpleForm.sampleFun = new Array(
|
||||
this.sampleFun,
|
||||
this.sampleCldFun
|
||||
);
|
||||
} else {
|
||||
this.simpleForm.sampleFun = new Array(this.sampleFun);
|
||||
}
|
||||
const ssf = Number(this.simpleForm.sampleFun[0]);
|
||||
if (
|
||||
this.simpleForm.sampleFun.length >= 1 &&
|
||||
ssf === 1 &&
|
||||
Number(this.simpleForm.sampleFun[1]) === 0
|
||||
) {
|
||||
this.isDeepSpace = true;
|
||||
} else {
|
||||
this.isDeepSpace = false;
|
||||
}
|
||||
// this.stepSampling = this.sampleFun == "1" && this?.sampleCldFun == "0";
|
||||
},
|
||||
pickValue() {
|
||||
cu.handleClick();
|
||||
},
|
||||
changeSampleFun(sfVal) {
|
||||
//保存样本抽样方法
|
||||
if (Array.isArray(sfVal)) {
|
||||
const ssf = Number(sfVal[0]);
|
||||
this.$store.commit("setSampleFun", sfVal.length === 0 ? null : ssf);
|
||||
if (sfVal.length >= 1 && ssf === 1 && Number(sfVal[1]) === 0) {
|
||||
this.isDeepSpace = true;
|
||||
} else {
|
||||
this.isDeepSpace = false;
|
||||
}
|
||||
}
|
||||
},
|
||||
samplesCk() {
|
||||
const self = this;
|
||||
if (self.simpleForm.sampleFun[0] === "") {
|
||||
self.$message.error("请选择抽样方法");
|
||||
return false;
|
||||
}
|
||||
const ssf = self.simpleForm.sampleFun,
|
||||
st = self.simpleDataTotal,
|
||||
ssn = self.simpleForm.sampleNum;
|
||||
if (ssn == "") {
|
||||
this.$message.error("请选择抽样个数");
|
||||
this.getSplData();
|
||||
return false;
|
||||
}
|
||||
if (ssn > st) {
|
||||
this.$message.error("抽样数不可大于总样本数量");
|
||||
return false;
|
||||
}
|
||||
if (ssn < 0) {
|
||||
this.$message.error("样本个数不可为负数");
|
||||
return false;
|
||||
}
|
||||
if (Number(ssf[0]) === 1) {
|
||||
const stepSampParams = self.$refs.sampleSettingPanel;
|
||||
// const hierarchyVal = stepSampParams.hierarchyVal;
|
||||
const hierarchyVal = ssf[1];
|
||||
if (hierarchyVal === "" || hierarchyVal === undefined) {
|
||||
self.stepSampling = true;
|
||||
return false;
|
||||
}
|
||||
const ssForm = new FormData();
|
||||
ssForm.append("samplesList", JSON.stringify(self.allSampleData));
|
||||
ssForm.append("stepType", Number(hierarchyVal));
|
||||
ssForm.append("orderID", self.orderId);
|
||||
// ssForm.append("productType",this.productSubType);
|
||||
if (hierarchyVal === "0") {
|
||||
// const depthList = stepSampParams.depthList;
|
||||
const depthList = this.depthList;
|
||||
// console.log('=====', depthList)
|
||||
ssForm.append("condition", JSON.stringify(depthList));
|
||||
} else if (hierarchyVal === "2") {
|
||||
const jsonContent = JSON.parse(stepSampParams.jsonContent);
|
||||
// const jsonContentWKT = WKT.convert(jsonContent.geometries[0]);
|
||||
const jg = jsonContent.geometries;
|
||||
const newPolygon = [];
|
||||
for (let i in jg) {
|
||||
const jsonContentWKT = WKT.convert(jg[i]);
|
||||
newPolygon.push({ coordinates: jsonContentWKT });
|
||||
}
|
||||
ssForm.append("condition", JSON.stringify(newPolygon));
|
||||
}
|
||||
ssForm.append("splCount", ssn);
|
||||
getSamplesByLayer(ssForm).then((res) => {
|
||||
if (res.length === 0 || res === []) {
|
||||
self.multipleSelection = self.simpleData = [];
|
||||
cu.removePoint();
|
||||
self.$message.error("当前分层设置返回列表为空");
|
||||
return false;
|
||||
} else {
|
||||
const dl = [];
|
||||
for (let i in res) {
|
||||
const ri = res[i];
|
||||
for (let j in ri) {
|
||||
ri[j]["hierarchicalIdentification"] = i;
|
||||
dl.push(ri[j]);
|
||||
}
|
||||
}
|
||||
self.multipleSelection = self.simpleData = dl;
|
||||
self.$refs.multipleTable.toggleAllSelection();
|
||||
cu.removePoint();
|
||||
for (let i in dl) {
|
||||
cu.addPoint(dl[i].lon, dl[i].lat, dl[i].alt);
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
const spFrom = new FormData();
|
||||
spFrom.append("sampleFun", Number(ssf[0])); //抽样方法
|
||||
spFrom.append("minNum", 0);
|
||||
spFrom.append("MaxNum", st - 1); //样本总数
|
||||
spFrom.append("splCount", ssn); //抽样个数
|
||||
getSampleData(spFrom).then((res) => {
|
||||
const dl = [];
|
||||
for (const i in res) {
|
||||
let sri = self.allSampleData[res[i]];
|
||||
sri["hierarchicalIdentification"] = "0";
|
||||
dl.push(sri);
|
||||
}
|
||||
self.multipleSelection = self.simpleData = dl;
|
||||
self.$refs.multipleTable.toggleAllSelection();
|
||||
cu.removePoint();
|
||||
for (let i in dl) {
|
||||
cu.addPoint(dl[i].lon, dl[i].lat, dl[i].alt);
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA;text-align:center";
|
||||
} else {
|
||||
return "background:#FFFFFF;text-align:center";
|
||||
}
|
||||
},
|
||||
headerRowClass() {
|
||||
return "background: #E4E9F1;text-align:center";
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
cu.removePoint();
|
||||
if (val.length !== 0) {
|
||||
for (let i in val) {
|
||||
cu.addPoint(val[i].lon, val[i].lat, val[i].alt);
|
||||
}
|
||||
}
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
getSplData() {
|
||||
getOrderSamples(this.orderId, this.productSubType).then((res) => {
|
||||
if (res.code == 200) {
|
||||
let rd = res.data;
|
||||
for (const i in rd) {
|
||||
rd[i]["hierarchicalIdentification"] = "0";
|
||||
}
|
||||
this.multipleSelection = this.allSampleData = this.simpleData = rd;
|
||||
this.loading = false;
|
||||
this.$refs.multipleTable.toggleAllSelection();
|
||||
let min = Number.MAX_SAFE_INTEGER;
|
||||
let max = Number.MIN_SAFE_INTEGER;
|
||||
this.$store.commit("setAltRange", null);
|
||||
this.allSampleData.forEach((k, v) => {
|
||||
k.dataTime = this.formatDatetime(k.dataTime);
|
||||
min = min > k.alt ? k.alt : min;
|
||||
max = max < k.alt ? k.alt : max;
|
||||
});
|
||||
if (this.allSampleData.length > 0) {
|
||||
this.$store.commit("setAltRange", min + "," + (max + 1));
|
||||
}
|
||||
this.simpleDataTotal = this.simpleForm.total = rd.length;
|
||||
}
|
||||
});
|
||||
},
|
||||
deleteSelected(index, simpleData) {
|
||||
simpleData.splice(index, 1);
|
||||
// deleteOrderSamplesByID(sampleId, this.productSubType).then((res) => {
|
||||
// if (res.code == 200) {
|
||||
// this.getSplData();
|
||||
// }
|
||||
// });
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
productSubTypeName: function () {
|
||||
return this.configration.subProductName[this.productSubType];
|
||||
},
|
||||
globalSampleFun: function () {
|
||||
return this.$store.state.sampleFun;
|
||||
},
|
||||
globalPixelFun: function () {
|
||||
return this.$store.state.pixelFun;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.soilMositure {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.smBodyLeft {
|
||||
width: 56%;
|
||||
height: 570px;
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.smBodyRight {
|
||||
width: calc(44% - 4px);
|
||||
height: 570px;
|
||||
background-color: white;
|
||||
float: left;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.smps {
|
||||
height: 570px;
|
||||
background-color: white;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
/deep/.smps .el-form-item {
|
||||
margin-left: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
/deep/.smps .el-table th > .cell {
|
||||
font-size: 15px;
|
||||
}
|
||||
/deep/.smps .el-table .cell {
|
||||
font-size: 13px;
|
||||
}
|
||||
.block .pagination-container {
|
||||
padding: 0px;
|
||||
margin-top: 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pixelDeal {
|
||||
height: 165px;
|
||||
background-color: white;
|
||||
}
|
||||
/deep/.pixelDeal .el-form-item {
|
||||
margin-left: 15px;
|
||||
}
|
||||
.cardsp {
|
||||
display: block;
|
||||
margin-left: 17px;
|
||||
font-size: 15px;
|
||||
color: #606266;
|
||||
line-height: 40px;
|
||||
}
|
||||
.sceneShowContent {
|
||||
margin: 10px;
|
||||
height: calc(100% - 60px);
|
||||
background-color: rgb(110, 110, 207);
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
vertical-align: top;
|
||||
margin-left: 20px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
vertical-align: top;
|
||||
}
|
||||
.sp3 {
|
||||
position: relative;
|
||||
top: -13px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
// 分层抽样弹出框设置
|
||||
/deep/.sampleFunParam .el-upload-dragger .el-icon-upload {
|
||||
margin: 0;
|
||||
line-height: 30px;
|
||||
font-size: 20px;
|
||||
color: black;
|
||||
}
|
||||
.sampleFunParam .upload-demo {
|
||||
display: inline-block;
|
||||
}
|
||||
/deep/.sampleFunParam .el-upload-dragger {
|
||||
width: 150px;
|
||||
height: 35px;
|
||||
margin-left: 15px;
|
||||
margin-top: 20px;
|
||||
border: 1px solid #d9d9d9;
|
||||
}
|
||||
/deep/.sampleFunParam .el-dialog__body {
|
||||
padding: 20px 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.edit-btn {
|
||||
margin-left: 15px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,279 @@
|
|||
<template>
|
||||
<div class="qtReportTable">
|
||||
<el-table
|
||||
:header-cell-style="headerRowClass"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 100%"
|
||||
:data="tData"
|
||||
:stripe="true"
|
||||
size="medium"
|
||||
height="400"
|
||||
>
|
||||
<el-table-column
|
||||
label="待检验地物类型"
|
||||
property="待检验地物类型"
|
||||
align="center"
|
||||
width="160"
|
||||
>
|
||||
<el-table-column
|
||||
label="样本真值"
|
||||
property="样本真值"
|
||||
align="center"
|
||||
width="160"
|
||||
>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-for="(item, index) in tHeader"
|
||||
:key="index"
|
||||
:label="item"
|
||||
:property="item"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">{{ scope.row[item] }}</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
errorMatrix: {
|
||||
require: false,
|
||||
},
|
||||
preResults: {
|
||||
require: false,
|
||||
},
|
||||
activeTabs: {
|
||||
require: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
realCheckRes: [],
|
||||
tableKey: [],
|
||||
tData: [],
|
||||
tHeader: [],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.creatTableData();
|
||||
},
|
||||
methods: {
|
||||
headerRowClass() {
|
||||
return "background: #E4E9F1;text-align:center";
|
||||
},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA;text-align:center";
|
||||
} else {
|
||||
return "background:#FFFFFF;text-align:center";
|
||||
}
|
||||
},
|
||||
creatTableData() {
|
||||
if (this.errorMatrix[0]) {
|
||||
const em = this.errorMatrix;
|
||||
const at = this.activeTabs;
|
||||
const pr = this.preResults;
|
||||
let tes = null;
|
||||
this.tHeader.push("样本真值");
|
||||
let rowHeaderRaw = em[em[0].length];
|
||||
for (let i = 0; i < rowHeaderRaw.length; i++) {
|
||||
this.tHeader.push(rowHeaderRaw[i]);
|
||||
}
|
||||
switch (at) {
|
||||
//像元数count
|
||||
case "pixel":
|
||||
tes = "count";
|
||||
this.tHeader.push("合计");
|
||||
break;
|
||||
// percentage(百分比)
|
||||
// case "percentage":
|
||||
// tes = "percentage";
|
||||
// this.tHeader.push("合计");
|
||||
// break;
|
||||
// userViscosity(用户精度)
|
||||
case "userPre":
|
||||
tes = "count";
|
||||
this.tHeader.push("用户精度");
|
||||
// tes = "userViscosity";
|
||||
break;
|
||||
// producerAccuracy(生产者精度)
|
||||
case "producerPre":
|
||||
tes = "count";
|
||||
// tes = "producerAccuracy";
|
||||
break;
|
||||
// commissionErrors(错分误差)
|
||||
case "errorPre":
|
||||
tes = "count";
|
||||
this.tHeader.push("错分精度");
|
||||
break;
|
||||
// omissionErrors(漏分误差)
|
||||
case "LeakagePre":
|
||||
tes = "count";
|
||||
this.tHeader.push("漏分精度");
|
||||
// tes = "omissionErrors";
|
||||
break;
|
||||
}
|
||||
|
||||
let rows = [];
|
||||
let colHeaderRaw = em[em[0].length + 1];
|
||||
let rcr = [];
|
||||
let all = 0;
|
||||
for (let i = 0; i < em[0].length; i++) {
|
||||
const ei = em[i];
|
||||
let objR = new Object();
|
||||
let tv = 0;
|
||||
let rowJson = {};
|
||||
rowJson[this.tHeader[0]] = colHeaderRaw[i];
|
||||
for (let j = 0; j < em[i].length; j++) {
|
||||
rowJson[this.tHeader[j + 1]] = parseFloat(ei[j][tes].toFixed(4));
|
||||
objR[[j]] = ei[j][tes];
|
||||
//计算合计值
|
||||
tv += ei[j][tes];
|
||||
}
|
||||
all += tv;
|
||||
// if (pr !== undefined) {
|
||||
if (at === "userPre" || at === "errorPre" || at === "LeakagePre")
|
||||
rowJson[this.tHeader[em[i].length + 1]] = parseFloat(
|
||||
pr[rowJson[this.tHeader[0]]].toFixed(3)
|
||||
);
|
||||
else rowJson[this.tHeader[em[i].length + 1]] = tv.toFixed(0);
|
||||
// }
|
||||
rows.push(rowJson);
|
||||
rcr.push(objR);
|
||||
}
|
||||
const newRcr = this.verticalTotal(rcr);
|
||||
newRcr.push(all);
|
||||
let lastRow = {};
|
||||
if (at === "pixel") {
|
||||
lastRow[this.tHeader[0]] = "合计";
|
||||
let m = 1;
|
||||
for (let i in newRcr) {
|
||||
lastRow[this.tHeader[m++]] = newRcr[i].toFixed(0);
|
||||
}
|
||||
rows.push(lastRow);
|
||||
} else if (at === "producerPre") {
|
||||
lastRow[this.tHeader[0]] = "生产者精度";
|
||||
// if (pr !== undefined) {
|
||||
for (var i in pr) {
|
||||
lastRow[i] = parseFloat(pr[i].toFixed(3));
|
||||
}
|
||||
// }
|
||||
rows.push(lastRow);
|
||||
}
|
||||
this.tHeader = this.tHeader.slice(1);
|
||||
this.tData = rows;
|
||||
}
|
||||
},
|
||||
// 数组根据key值进行合并
|
||||
newMap(a1, a2, key) {
|
||||
let ttt = [];
|
||||
for (let i in a1) {
|
||||
const rv = a1[i][key];
|
||||
let newObj = {};
|
||||
for (let j in a2) {
|
||||
const rv2 = a2[j][key];
|
||||
if (rv2 === rv) {
|
||||
ttt.push(Object.assign(newObj, a1[i], a2[j]));
|
||||
}
|
||||
}
|
||||
}
|
||||
return ttt;
|
||||
},
|
||||
// 数组对象根据key值去重
|
||||
deweight(arr, key) {
|
||||
let ret = [];
|
||||
arr.forEach((item) => {
|
||||
let compare = [];
|
||||
ret.forEach((retitem) => {
|
||||
compare.push(retitem[key]);
|
||||
});
|
||||
if (compare.indexOf(item[key]) === -1) {
|
||||
ret.push(item);
|
||||
}
|
||||
});
|
||||
return ret;
|
||||
},
|
||||
verticalTotal(matrix) {
|
||||
let result = [];
|
||||
let len = matrix.length;
|
||||
for (let i = 0; i < len; i++) {
|
||||
let sum = 0;
|
||||
for (let j = 0; j < len; j++) {
|
||||
sum += matrix[j][i];
|
||||
}
|
||||
result.push(sum);
|
||||
}
|
||||
return result;
|
||||
},
|
||||
arrSum(a) {
|
||||
let res = a.reduce((result, next) => {
|
||||
if (!result) result = {};
|
||||
Object.keys(next).forEach((key) => {
|
||||
//数值类型
|
||||
if (typeof next[key] == "number") {
|
||||
result[key] = (result[key] ? result[key] : 0) + next[key];
|
||||
}
|
||||
//数组类型
|
||||
if (next[key] instanceof Array) {
|
||||
result[key] = (result[key] ? result[key] : []).concat(next[key]);
|
||||
}
|
||||
});
|
||||
return result;
|
||||
});
|
||||
return res;
|
||||
},
|
||||
changeRowCodeToName(rowCode, rowCodeMap) {
|
||||
if (rowCode == null) return null;
|
||||
else return rowCodeMap[rowCode];
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less">
|
||||
.qtReportTable {
|
||||
.el-table thead.is-group th {
|
||||
background: none;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.el-table thead.is-group tr:first-of-type th:first-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
.el-table thead.is-group tr:first-of-type th:first-of-type div.cell {
|
||||
text-align: right;
|
||||
}
|
||||
.el-table thead.is-group tr:last-of-type th:first-of-type div.cell {
|
||||
text-align: left;
|
||||
}
|
||||
.el-table thead.is-group tr:first-of-type th:first-of-type:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 2px;
|
||||
height: 200px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #000;
|
||||
opacity: 0.3;
|
||||
display: block;
|
||||
transform: rotate(-73.5deg);
|
||||
-webkit-transform-origin: top;
|
||||
transform-origin: top;
|
||||
}
|
||||
.el-table thead.is-group tr:last-of-type th:first-of-type:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 2px;
|
||||
height: 200px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background-color: #000;
|
||||
opacity: 0.3;
|
||||
display: block;
|
||||
transform: rotate(-74deg);
|
||||
-webkit-transform-origin: bottom;
|
||||
transform-origin: bottom;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,542 @@
|
|||
<template>
|
||||
<div class="rtReport">
|
||||
<div class="realResult">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">真实性检验结果</span>
|
||||
</div>
|
||||
<div class="resContent">
|
||||
<el-table
|
||||
:header-cell-style="headerRowClass"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 100%"
|
||||
:data="tDatas"
|
||||
:stripe="true"
|
||||
class="table-head-transparent"
|
||||
size="medium"
|
||||
>
|
||||
<el-table-column
|
||||
v-for="(item, index) in Object.keys(tData).slice(0, midValue)"
|
||||
:key="index"
|
||||
:label="item | truthFunFilter"
|
||||
:property="item"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">{{ scope.row[item] }}</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-table
|
||||
:header-cell-style="headerRowClass"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 100%; margin-top: 16px"
|
||||
:data="tDatas"
|
||||
:stripe="true"
|
||||
class="table-head-transparent"
|
||||
size="medium"
|
||||
>
|
||||
<el-table-column
|
||||
v-for="(item, index) in Object.keys(tData).slice(midValue)"
|
||||
:key="index"
|
||||
:label="item | truthFunFilter"
|
||||
:property="item"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">{{ scope.row[item] }}</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--<span v-for="(item,index) in resMap" :key="index">{{item.name | truthFunFilter}}：{{item.val}}</span>-->
|
||||
<div v-if="meanError.length !== 0 && meanError !== []">
|
||||
<el-table
|
||||
:header-cell-style="headerRowClass"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 100%"
|
||||
:data="meanError"
|
||||
:stripe="true"
|
||||
size="medium"
|
||||
>
|
||||
<el-table-column
|
||||
prop="3_0"
|
||||
label="平均相对误差：相对X轴误差"
|
||||
align="center"
|
||||
v-if="meanError[0]['3_0'] != null"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="3_1"
|
||||
label="平均相对误差：相对Y轴误差"
|
||||
align="center"
|
||||
v-if="meanError[0]['3_1'] != null"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="4_0"
|
||||
label="平均绝对相对误差：相对X轴误差"
|
||||
align="center"
|
||||
v-if="meanError[0]['4_0'] != null"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="4_1"
|
||||
label="平均绝对相对误差：相对Y轴误差"
|
||||
align="center"
|
||||
v-if="meanError[0]['4_1'] != null"
|
||||
>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<!--<span>相对误差：</span>-->
|
||||
<!-- <div v-if="relativeError.length !== 0 && relativeError !== []">
|
||||
<el-table
|
||||
:data="relativeError"
|
||||
size="medium"
|
||||
>
|
||||
<el-table-column
|
||||
prop="cre_orthoXRelativeError"
|
||||
label="相对误差：相对X轴误差"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="cre_orthoYRelativeError"
|
||||
label="相对误差：相对Y轴误差"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="errorGraph">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span
|
||||
><span class="sp2">{{ pdSubTypeName }}误差结果图</span>
|
||||
</div>
|
||||
<div class="errContent">
|
||||
<div id="rtReportEcharts" ref="chart"></div>
|
||||
<div class="legend" v-if="pdSubType === 1">
|
||||
<div class="line">
|
||||
<span class="circle"></span>
|
||||
<span>样本点</span>
|
||||
</div>
|
||||
<div class="line">
|
||||
<span class="circle_2"></span>
|
||||
<span>选取点</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { productTypeMap } from "@/lib/variateMap";
|
||||
import { truthFunVal, productSubTypeVal } from "@/lib/contract";
|
||||
|
||||
export default {
|
||||
props: {
|
||||
realRes: {
|
||||
require: true,
|
||||
},
|
||||
pdSubType: {
|
||||
require: true,
|
||||
},
|
||||
},
|
||||
filters: {
|
||||
truthFunFilter(truthFun) {
|
||||
const truthFunMap = {
|
||||
0: "平均误差",
|
||||
1: "平均绝对误差",
|
||||
2: "相对误差",
|
||||
3: "平均相对误差",
|
||||
4: "平均绝对相对误差",
|
||||
5: "均方根误差",
|
||||
6: "平面中误差",
|
||||
7: "相关系数",
|
||||
8: "误差矩阵",
|
||||
9: "总体分类精度",
|
||||
10: "Kappa系数",
|
||||
};
|
||||
return truthFunMap[truthFun];
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
resMap: [],
|
||||
myCharts: null,
|
||||
relativeError: [],
|
||||
meanError: [],
|
||||
pdSubTypeName: "",
|
||||
tData: {},
|
||||
tDatas: null,
|
||||
midValue: 10,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.initParam();
|
||||
},
|
||||
mounted() {
|
||||
this.myCharts = this.$echarts.init(this.$refs.chart);
|
||||
if (this.pdSubType === 1) {
|
||||
this.drawOtgEchart(this.realRes.otgVal);
|
||||
let da = {};
|
||||
let dae = {};
|
||||
for (let i = 0; i < this.resMap.length; i++) {
|
||||
const o = this.resMap[i];
|
||||
if (typeof o.val === "number" || typeof o.val === "string") {
|
||||
da[o.name] = o.val;
|
||||
} else if (Number(o.name) === truthFunVal.ACM_MEANRELATIVEERROR) {
|
||||
dae[o.name + "_0"] = o.val.X轴平均相对误差;
|
||||
dae[o.name + "_1"] = o.val.Y轴平均相对误差;
|
||||
} else if (
|
||||
Number(o.name) === truthFunVal.ACM_MEANABSOLUTERELATIVEERROR
|
||||
) {
|
||||
dae[o.name + "_0"] = o.val.X轴平均相对绝对误差;
|
||||
dae[o.name + "_1"] = o.val.Y轴平均相对绝对误差;
|
||||
}
|
||||
}
|
||||
if (Object.keys(dae).length !== 0) {
|
||||
this.meanError = [dae];
|
||||
}
|
||||
this.tData = da;
|
||||
this.tDatas = [da];
|
||||
} else {
|
||||
this.drawPie(this.realRes.errorImageValue);
|
||||
let da = {};
|
||||
this.midValue =
|
||||
this.resMap.length - 1 >= 3
|
||||
? Math.ceil((this.resMap.length - 1) / 2)
|
||||
: this.resMap.length;
|
||||
|
||||
for (let i = 0; i < this.resMap.length; i++) {
|
||||
const o = this.resMap[i];
|
||||
if (
|
||||
Number(o.name) === truthFunVal.ACM_RELATIVEERROR ||
|
||||
Number(o.name) === truthFunVal.ACM_REALVALLIST
|
||||
)
|
||||
continue; //跳过执行相对误差与真值列表
|
||||
da[o.name] =
|
||||
typeof o.val === "number" || typeof o.val === "string"
|
||||
? o.val
|
||||
: o.val[0];
|
||||
}
|
||||
this.tDatas = [da];
|
||||
this.tData = da;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
headerRowClass() {
|
||||
return "background: #E4E9F1;text-align:center";
|
||||
},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA;text-align:center";
|
||||
} else {
|
||||
return "background:#FFFFFF;text-align:center";
|
||||
}
|
||||
},
|
||||
getProductDes() {
|
||||
let prodDes = null;
|
||||
switch (this.pdSubType) {
|
||||
case 2:
|
||||
prodDes = "高程值，单位：米";
|
||||
break;
|
||||
case 3:
|
||||
prodDes = "后向散射系数,单位：dB";
|
||||
break;
|
||||
case 4:
|
||||
prodDes = "延迟相位值";
|
||||
break;
|
||||
case 5:
|
||||
prodDes = "形变量，单位：米";
|
||||
break;
|
||||
case 7:
|
||||
prodDes = "土壤含水量";
|
||||
break;
|
||||
case 8:
|
||||
prodDes = "土壤盐碱度";
|
||||
break;
|
||||
case 9:
|
||||
prodDes = "地表粗糙度";
|
||||
break;
|
||||
case 10:
|
||||
prodDes = "植被高度值，单位：米";
|
||||
break;
|
||||
case 11:
|
||||
prodDes = "叶面积指数";
|
||||
break;
|
||||
}
|
||||
return prodDes;
|
||||
},
|
||||
initParam() {
|
||||
// console.log('报告信息',this.realRes)
|
||||
if (this.realRes !== undefined) {
|
||||
this.pdSubTypeName = productTypeMap(this.pdSubType);
|
||||
const rr = this.realRes.report;
|
||||
if (this.pdSubType === productSubTypeVal.ACS_ORTHOPHOTO) {
|
||||
for (var i in rr) {
|
||||
let rVal = rr[i];
|
||||
switch (Number(i)) {
|
||||
case truthFunVal.ACM_RELATIVEERROR: //相对误差
|
||||
this.relativeError = rVal;
|
||||
break;
|
||||
case truthFunVal.ACM_MEANRELATIVEERROR: //平均相对误差
|
||||
const objMap1 = {
|
||||
cre_orthoXMeanRelativeError: "X轴平均相对误差",
|
||||
cre_orthoYMeanRelativeError: "Y轴平均相对误差",
|
||||
};
|
||||
rVal = Object.fromEntries(
|
||||
Object.entries(rVal).map(([k, v]) => [objMap1[k] || k, v])
|
||||
);
|
||||
this.resMap.push({ name: i, val: rVal });
|
||||
break;
|
||||
case truthFunVal.ACM_MEANABSOLUTERELATIVEERROR: //平均绝对相对误差
|
||||
const objMap2 = {
|
||||
cre_orthoXMeanAbsoluteRelativeError: "X轴平均相对绝对误差",
|
||||
cre_orthoYMeanAbsoluteRelativeError: "Y轴平均相对绝对误差",
|
||||
};
|
||||
rVal = Object.fromEntries(
|
||||
Object.entries(rVal).map(([k, v]) => [objMap2[k] || k, v])
|
||||
);
|
||||
this.resMap.push({ name: i, val: rVal });
|
||||
break;
|
||||
default:
|
||||
this.resMap.push({ name: i, val: rVal });
|
||||
}
|
||||
}
|
||||
} else {
|
||||
for (var i in rr) {
|
||||
let rVal = rr[i];
|
||||
this.resMap.push({ name: i, val: rVal });
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
drawPie(errorVala) {
|
||||
let data = [];
|
||||
let xArr = [];
|
||||
for (let i in errorVala) {
|
||||
const a = [errorVala[i].cre_imageValue, errorVala[i].cre_deviation];
|
||||
xArr.push(errorVala[i].cre_imageValue);
|
||||
data.push(a);
|
||||
}
|
||||
const x_limit = Math.abs(Math.max(...xArr) / xArr.length);
|
||||
//多项式回归
|
||||
// var myRegression = this.$ecstat.regression("polynomial", data, 3);
|
||||
let myRegression = this.$ecstat.regression("linear", data);
|
||||
|
||||
myRegression.points.sort(function (a, b) {
|
||||
return a[0] - b[0];
|
||||
});
|
||||
var option = {
|
||||
animation: false,
|
||||
xAxis: {
|
||||
name: "像元值（" + this.getProductDes() + "）",
|
||||
nameLocation: "middle",
|
||||
min: (Math.min(...xArr) - x_limit).toFixed(5),
|
||||
max: (Math.max(...xArr) + x_limit).toFixed(5),
|
||||
nameTextStyle: {
|
||||
lineHeight: 30,
|
||||
height: 60,
|
||||
fontWeight: "bold",
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: "误差",
|
||||
nameTextStyle: {
|
||||
lineHeight: 30,
|
||||
height: 60,
|
||||
fontWeight: "bold",
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
symbolSize: 10,
|
||||
type: "scatter",
|
||||
data: data,
|
||||
},
|
||||
{
|
||||
type: "line",
|
||||
smooth: true,
|
||||
showSymbol: false,
|
||||
data: myRegression.points,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: "#91cc75",
|
||||
lineStyle: {
|
||||
width: 3,
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
option && this.myCharts.setOption(option);
|
||||
},
|
||||
drawOtgEchart(otgVal) {
|
||||
let xl = [];
|
||||
let yl = [];
|
||||
let allData = [];
|
||||
for (let i in otgVal) {
|
||||
xl.push(otgVal[i].x);
|
||||
yl.push(otgVal[i].y);
|
||||
|
||||
let ad = [];
|
||||
ad.push(otgVal[i].x, otgVal[i].y);
|
||||
allData.push(ad);
|
||||
const j = Number(i) + 1;
|
||||
if (Number.isInteger(j / 2)) {
|
||||
allData.push("-");
|
||||
}
|
||||
}
|
||||
let xMax = Math.max(...xl),
|
||||
xMin = Math.min(...xl);
|
||||
let yMax = Math.max(...yl),
|
||||
yMin = Math.min(...yl);
|
||||
const avgxVal = (xMax - xMin) / 8;
|
||||
const avgyVal = (yMax - yMin) / 8;
|
||||
let option = {
|
||||
grid: {
|
||||
left: "14%",
|
||||
},
|
||||
animation: false,
|
||||
xAxis: {
|
||||
name: "经度（°）",
|
||||
nameLocation: "middle",
|
||||
nameTextStyle: {
|
||||
lineHeight: 30,
|
||||
height: 60,
|
||||
fontWeight: "bold",
|
||||
},
|
||||
min: Number(xMin - avgxVal * 2).toFixed(4),
|
||||
max: Number(xMax + avgxVal * 2).toFixed(4),
|
||||
axisLabel: {
|
||||
formatter: function (value) {
|
||||
return Number(value);
|
||||
},
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
name: "纬度（°）",
|
||||
nameTextStyle: {
|
||||
lineHeight: 30,
|
||||
height: 60,
|
||||
fontWeight: "bold",
|
||||
},
|
||||
min: Number(yMin - avgyVal * 2).toFixed(4),
|
||||
max: Number(yMax + avgyVal * 2).toFixed(4),
|
||||
axisLabel: {
|
||||
formatter: function (value) {
|
||||
return Number(value);
|
||||
},
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
symbolSize: 8,
|
||||
data: allData,
|
||||
type: "line",
|
||||
itemStyle: {
|
||||
color: function (params) {
|
||||
if ((params.dataIndex + 1) % 3 === 2) return "#0000CD";
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
};
|
||||
option && this.myCharts.setOption(option);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.rtReport {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.realResult {
|
||||
width: 100%;
|
||||
height: calc(55% - 5px);
|
||||
background-color: white;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.errorGraph {
|
||||
width: 100%;
|
||||
height: 45%;
|
||||
background-color: white;
|
||||
}
|
||||
.resContent {
|
||||
border: 1px black solid;
|
||||
height: calc(100% - 60px);
|
||||
width: calc(100% - 20px);
|
||||
margin: 10px;
|
||||
font-size: 20px;
|
||||
overflow-y: scroll;
|
||||
span {
|
||||
display: block;
|
||||
margin: 10px;
|
||||
}
|
||||
}
|
||||
.errContent {
|
||||
border: 1px black solid;
|
||||
height: calc(100% - 60px);
|
||||
width: calc(100% - 20px);
|
||||
margin: 10px;
|
||||
position: relative;
|
||||
}
|
||||
#rtReportEcharts {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
vertical-align: top;
|
||||
margin-left: 20px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.legend {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.line {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin: 0 5px;
|
||||
.circle {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border: 1px solid rgb(194, 53, 49);
|
||||
border-radius: 50%;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.circle_2 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 50%;
|
||||
margin-right: 5px;
|
||||
border: 1px solid #0000cd;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
const path = {
|
||||
daichuli: "/daichuli", //待处理订单列表
|
||||
orderUnprocessed: "/orderUnprocessed", //订单反馈
|
||||
inspection: "/inspection", //检验处理
|
||||
report: "/report", //报告生成
|
||||
yichuli: "/yichuli",
|
||||
daishenhe: "/daishenhe",
|
||||
yishenhe: "/yishenhe",
|
||||
login: "/"
|
||||
};
|
||||
|
||||
const url = {
|
||||
otgSamplesPath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/otgSamples.xlsx", //正射1
|
||||
lcSamplesPath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/lcSamples.xlsx", //地表覆盖6
|
||||
solSamplesPath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/solSamples.xlsx", //土壤水分7
|
||||
adcSamplePath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/Atmospheric_Delay_Correction_Sample.xlsx", //干涉测量大气延迟校正4
|
||||
bscSamplePath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/Back_Scattering_Coefficient_Sample.xlsx", // 后向散射系数3
|
||||
dSamplePath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/Deformation_Sample.xlsx", // 干涉测量形变5
|
||||
glaiSamplePath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/Ground_Leaf_Area_Index_Sample.xlsx", // 叶面积指数11
|
||||
gvhSamplePath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/Ground_Vegetation_Height_Sample.xlsx", // 植被高度10
|
||||
demSamplePath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/demSample.xlsx", // 高程产品2
|
||||
ssiSamplePath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/Soil_Salinity_Inversion_Sample.xlsx", // 土壤盐碱度8
|
||||
srSamplePath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/Surface_Roughness_Sample.xlsx", // 地表粗糙度9
|
||||
vpSamplePath:
|
||||
"/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData/Vegetation_Phenology_Sample.xlsx" //Vegetation_Phenology_Sample.xlsx',// 植被物候12
|
||||
};
|
||||
const urlprefix = {
|
||||
pdfUrlPrefix: "http://10.0.36.121:8085/microwaveData/pdf/", ///192.168.106.132
|
||||
geoserverUrl: "http://10.0.36.121:8087/geoserver/gwc/service/wmts",
|
||||
otgGeoServerUrl: "http://10.0.36.121:8087/geoserver/gwc/service/wmts"
|
||||
};
|
||||
|
||||
const subProductName = [
|
||||
"", //0
|
||||
"正射校正", //1
|
||||
"高程产品", //2
|
||||
"后向散射系数", //3
|
||||
"大气延迟校正", //4
|
||||
"干涉测量形变", //5
|
||||
"地表覆盖类型", //6
|
||||
"土壤水分", //7
|
||||
"土壤盐碱度", //8
|
||||
"地表粗糙度", //9
|
||||
"植被高度", //10
|
||||
"叶面积指数", //11
|
||||
"植被物候" //12
|
||||
];
|
||||
|
||||
// 地物类型名称
|
||||
const groTypeName = [
|
||||
{
|
||||
value: "城市",
|
||||
label: "城市"
|
||||
},
|
||||
{
|
||||
value: "水体",
|
||||
label: "水体"
|
||||
},
|
||||
{
|
||||
value: "森林",
|
||||
label: "森林"
|
||||
},
|
||||
{
|
||||
value: "灌木地",
|
||||
label: "灌木地"
|
||||
},
|
||||
{
|
||||
value: "草地",
|
||||
label: "草地"
|
||||
},
|
||||
{
|
||||
value: "林地",
|
||||
label: "林地"
|
||||
},
|
||||
{
|
||||
value: "湖泊",
|
||||
label: "湖泊"
|
||||
},
|
||||
{
|
||||
value: "大棚旱地",
|
||||
label: "大棚旱地"
|
||||
},
|
||||
{
|
||||
value: "水域",
|
||||
label: "水域"
|
||||
},
|
||||
{
|
||||
value: "有林地阔叶林",
|
||||
label: "有林地阔叶林"
|
||||
},
|
||||
{
|
||||
value: "城镇用地",
|
||||
label: "城镇用地"
|
||||
},
|
||||
{
|
||||
value: "道路交通",
|
||||
label: "道路交通"
|
||||
},
|
||||
{
|
||||
value: "出芽期",
|
||||
label: "出芽期"
|
||||
}
|
||||
];
|
||||
|
||||
export default {
|
||||
path,
|
||||
url,
|
||||
urlprefix,
|
||||
subProductName,
|
||||
groTypeName
|
||||
};
|
||||
|
|
@ -0,0 +1,223 @@
|
|||
const path = {
|
||||
daichuli: "/daichuli", //待处理订单列表
|
||||
orderUnprocessed: "/orderUnprocessed", //订单反馈
|
||||
inspection: "/inspection", //检验处理
|
||||
report: "/report", //报告生成
|
||||
yichuli: "/yichuli",
|
||||
daishenhe: "/daishenhe",
|
||||
yishenhe: "/yishenhe",
|
||||
login: "/"
|
||||
};
|
||||
|
||||
const prefix = "D:/deveEnvironment/nginx-1.18.0/html/microwaveData/sampleExcel";
|
||||
// const newPrefix = "/home/estar/eStarProject/webProject/microwave-project/microwaveData/sampleData";
|
||||
const newPrefix = "D:/deveEnvironment/nginx-1.18.0/html/microwaveData/sampleExcelNew";
|
||||
|
||||
const url = {
|
||||
otgSamplesPath: `${newPrefix}/otgSamples.xlsx`, //正射1
|
||||
lcSamplesPath: `${newPrefix}/lcSamples.xlsx`, //地表覆盖6
|
||||
solSamplesPath: `${newPrefix}/solSamples.xlsx`, //土壤水分7
|
||||
adcSamplePath: `${newPrefix}/Atmospheric_Delay_Correction_Sample.xlsx`, //干涉测量大气延迟校正4
|
||||
bscSamplePath: `${newPrefix}/Back_Scattering_Coefficient_Sample.xlsx`, // 后向散射系数3
|
||||
dSamplePath: `${newPrefix}/Deformation_Sample.xlsx`, // 干涉测量形变5
|
||||
glaiSamplePath: `${newPrefix}/Ground_Leaf_Area_Index_Sample.xlsx`, // 叶面积指数11
|
||||
gvhSamplePath: `${newPrefix}/Ground_Vegetation_Height_Sample.xlsx`, // 植被高度10
|
||||
demSamplePath: `${newPrefix}/demSample.xlsx`, // 高程产品2
|
||||
ssiSamplePath: `${newPrefix}/Soil_Salinity_Inversion_Sample.xlsx`, // 土壤盐碱度8
|
||||
srSamplePath: `${newPrefix}/Surface_Roughness_Sample.xlsx`, // 地表粗糙度9
|
||||
vpSamplePath: `${newPrefix}/Vegetation_Phenology_Sample.xlsx` //Vegetation_Phenology_Sample.xlsx,// 植被物候12
|
||||
};
|
||||
// const serverUrl = "http://10.0.36.121";
|
||||
const serverUrl = "http://192.168.1.104";
|
||||
// const serverUrl = "http://211.157.180.211";
|
||||
const urlprefix = {
|
||||
pdfUrlPrefix: `${serverUrl}:18085/microwaveData/pdf/`,
|
||||
samePoiImgsUrl: `${serverUrl}:18085/microwaveData/samePoiImgs/`,
|
||||
geoserverUrl: `${serverUrl}:8087/geoserver/gwc/service/wmts`,
|
||||
otgGeoServerUrl: `${serverUrl}:8087/geoserver/gwc/service/wmts`
|
||||
};
|
||||
|
||||
const subProductName = [
|
||||
"", //0
|
||||
"正射校正", //1
|
||||
"高程产品", //2
|
||||
"后向散射系数", //3
|
||||
"大气延迟校正", //4
|
||||
"干涉测量形变", //5
|
||||
"地表覆盖类型", //6
|
||||
"土壤水分", //7
|
||||
"土壤盐碱度", //8
|
||||
"地表粗糙度", //9
|
||||
"植被高度", //10
|
||||
"叶面积指数", //11
|
||||
"植被物候" //12
|
||||
];
|
||||
|
||||
// 地物类型名称
|
||||
const groTypeName = [
|
||||
{
|
||||
value: "城市",
|
||||
label: "城市"
|
||||
},
|
||||
{
|
||||
value: "水体",
|
||||
label: "水体"
|
||||
},
|
||||
{
|
||||
value: "森林",
|
||||
label: "森林"
|
||||
},
|
||||
{
|
||||
value: "灌木地",
|
||||
label: "灌木地"
|
||||
},
|
||||
{
|
||||
value: "草地",
|
||||
label: "草地"
|
||||
},
|
||||
{
|
||||
value: "水域",
|
||||
label: "水域"
|
||||
},
|
||||
{
|
||||
value: "山地",
|
||||
label: "山地"
|
||||
}
|
||||
];
|
||||
|
||||
// 植被物候地物类型名称
|
||||
const vegetationPhenologyGroTypeName = [
|
||||
{
|
||||
value: "出芽期",
|
||||
label: "出芽期"
|
||||
},
|
||||
{
|
||||
value: "分蘖期",
|
||||
label: "分蘖期"
|
||||
},
|
||||
{
|
||||
value: "越冬期",
|
||||
label: "越冬期"
|
||||
},
|
||||
{
|
||||
value: "返青期",
|
||||
label: "返青期"
|
||||
},
|
||||
{
|
||||
value: "起身期",
|
||||
label: "起身期"
|
||||
},
|
||||
{
|
||||
value: "拔节期",
|
||||
label: "拔节期"
|
||||
},
|
||||
{
|
||||
value: "孕穗期",
|
||||
label: "孕穗期"
|
||||
},
|
||||
{
|
||||
value: "抽穗期",
|
||||
label: "抽穗期"
|
||||
},
|
||||
{
|
||||
value: "扬花期",
|
||||
label: "扬花期"
|
||||
},
|
||||
{
|
||||
value: "灌浆期",
|
||||
label: "灌浆期"
|
||||
},
|
||||
{
|
||||
value: "成熟期",
|
||||
label: "成熟期"
|
||||
}
|
||||
];
|
||||
|
||||
// 抽样方法
|
||||
const funcOpt = [
|
||||
{
|
||||
name: "随机抽样",
|
||||
label: "随机抽样",
|
||||
value: "0",
|
||||
pixelDealFun: [
|
||||
{
|
||||
name: "均值法",
|
||||
value: "0"
|
||||
},
|
||||
{
|
||||
name: "最邻近法",
|
||||
value: "1"
|
||||
},
|
||||
{
|
||||
name: "克里格法",
|
||||
value: "2"
|
||||
},
|
||||
{
|
||||
name: "块克里格法",
|
||||
value: "3"
|
||||
},
|
||||
{
|
||||
name: "MSN法",
|
||||
value: "4"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: "分层抽样",
|
||||
label: "分层抽样",
|
||||
value: "1",
|
||||
pixelDealFun: [
|
||||
{
|
||||
name: "MSN法",
|
||||
value: "4"
|
||||
}
|
||||
],
|
||||
children: [
|
||||
{
|
||||
value: "0",
|
||||
label: "深度空间分层"
|
||||
},
|
||||
{
|
||||
value: "1",
|
||||
label: "场站网空间分层"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: "等距抽样",
|
||||
label: "等距抽样",
|
||||
value: "2",
|
||||
pixelDealFun: [
|
||||
{
|
||||
name: "均值法",
|
||||
value: "0"
|
||||
},
|
||||
{
|
||||
name: "最邻近法",
|
||||
value: "1"
|
||||
},
|
||||
{
|
||||
name: "克里格法",
|
||||
value: "2"
|
||||
},
|
||||
{
|
||||
name: "块克里格法",
|
||||
value: "3"
|
||||
},
|
||||
{
|
||||
name: "MSN法",
|
||||
value: "4"
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
export default {
|
||||
path,
|
||||
url,
|
||||
urlprefix,
|
||||
subProductName,
|
||||
groTypeName,
|
||||
vegetationPhenologyGroTypeName,
|
||||
funcOpt
|
||||
};
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
import Cookies from 'js-cookie'
|
||||
|
||||
const TokenKey = 'microwave_check_token'
|
||||
|
||||
export function getToken() {
|
||||
return Cookies.get(TokenKey)
|
||||
}
|
||||
|
||||
export function setToken(token) {
|
||||
return Cookies.set(TokenKey, token)
|
||||
}
|
||||
|
||||
export function removeToken() {
|
||||
return Cookies.remove(TokenKey)
|
||||
}
|
||||
|
|
@ -0,0 +1,287 @@
|
|||
import CesiumNavigation from "cesium-navigation-es6";
|
||||
import configValue from "../config/config.js";
|
||||
import { getProductValue } from "@/api/common";
|
||||
|
||||
const iconClose = require("@/assets/images/close.png");
|
||||
|
||||
class CesiumUtils {
|
||||
//初始化地图
|
||||
static initCesium(divMapId) {
|
||||
let Cesium = window.Cesium;
|
||||
this.Cesium = Cesium;
|
||||
let options = {
|
||||
selectionIndicator: false,
|
||||
homeButton: false, //主页按钮，默认true
|
||||
// scene3DOnly: true, // 每个几何实例仅以3D渲染以节省GPU内存
|
||||
animation: false, //动画控制，默认true
|
||||
baseLayerPicker: false, //是否显示图层选择控件
|
||||
geocoder: false, //地名查找,默认true
|
||||
timeline: false, //时间线,默认true
|
||||
navigationHelpButton: false, //导航帮助说明,默认true
|
||||
sceneModePicker: false, //是否显示投影方式控件
|
||||
infoBox: false, //点击要素之后显示的信息,默认true
|
||||
fullscreenButton: false, //全屏按钮,默认显示true
|
||||
navigationInstructionsInitiallyVisible: false,
|
||||
mapMode2D: Cesium.MapMode2D.INFINITE_SCROLL,
|
||||
imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
|
||||
url:
|
||||
"http://{s}.tianditu.gov.cn/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=d7648495378ad7ebe74327207dfc09a8",
|
||||
layer: "tdtBasicLayer",
|
||||
style: "default",
|
||||
maximumLevel: 18,
|
||||
format: "image/jpeg",
|
||||
tileMatrixSetID: "GoogleMapsCompatible",
|
||||
show: true,
|
||||
subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"]
|
||||
})
|
||||
};
|
||||
let viewer = new Cesium.Viewer(divMapId, options);
|
||||
window.selfDefine.viewer = viewer;
|
||||
this.viewer = viewer;
|
||||
viewer.scene.globe.depthTestAgainstTerrain = false;
|
||||
viewer.camera.setView({
|
||||
destination: Cesium.Cartesian3.fromDegrees(105.973421, 38.757527, 7000000.0),
|
||||
duration: 4
|
||||
});
|
||||
var optionsNav = {};
|
||||
// 用于在使用重置导航重置地图视图时设置默认视图控制。接受的值是Cesium.Cartographic 和 Cesium.Rectangle.
|
||||
optionsNav.defaultResetView = new Cesium.Cartographic.fromDegrees(
|
||||
105.973421,
|
||||
38.757527,
|
||||
7000000
|
||||
);
|
||||
// 用于启用或禁用罗盘。true是启用罗盘，false是禁用罗盘。默认值为true。如果将选项设置为false，则罗盘将不会添加到地图中。
|
||||
optionsNav.enableCompass = true;
|
||||
// 用于启用或禁用缩放控件。true是启用，false是禁用。默认值为true。如果将选项设置为false，则缩放控件将不会添加到地图中。
|
||||
optionsNav.enableZoomControls = true;
|
||||
// 用于启用或禁用距离图例。true是启用，false是禁用。默认值为true。如果将选项设置为false，距离图例将不会添加到地图中。
|
||||
optionsNav.enableDistanceLegend = true;
|
||||
// 用于启用或禁用指南针外环。true是启用，false是禁用。默认值为true。如果将选项设置为false，则该环将可见但无效。
|
||||
optionsNav.enableCompassOuterRing = false;
|
||||
// console.log('CesiumNavigation:', CesiumNavigation);
|
||||
CesiumNavigation(viewer, optionsNav);
|
||||
}
|
||||
|
||||
//添加wms
|
||||
static addlayer(geoWorkspace, layerName) {
|
||||
let matrixIds = [
|
||||
"EPSG:4326:0",
|
||||
"EPSG:4326:1",
|
||||
"EPSG:4326:2",
|
||||
"EPSG:4326:3",
|
||||
"EPSG:4326:4",
|
||||
"EPSG:4326:5",
|
||||
"EPSG:4326:6",
|
||||
"EPSG:4326:7",
|
||||
"EPSG:4326:8",
|
||||
"EPSG:4326:9",
|
||||
"EPSG:4326:10",
|
||||
"EPSG:4326:11",
|
||||
"EPSG:4326:12",
|
||||
"EPSG:4326:13",
|
||||
"EPSG:4326:14",
|
||||
"EPSG:4326:15",
|
||||
"EPSG:4326:16",
|
||||
"EPSG:4326:17",
|
||||
"EPSG:4326:18",
|
||||
"EPSG:4326:19",
|
||||
"EPSG:4326:20",
|
||||
"EPSG:4326:21"
|
||||
];
|
||||
let privide = new Cesium.WebMapTileServiceImageryProvider({
|
||||
url: configValue.urlprefix.geoserverUrl,
|
||||
// url: 'http://39.105.100.186:8087/geoserver/gwc/service/wmts',
|
||||
layer: geoWorkspace + ":" + layerName,
|
||||
style: "",
|
||||
format: "image/png",
|
||||
tileMatrixSetID: "EPSG:4326",
|
||||
tileMatrixLabels: matrixIds,
|
||||
tilingScheme: new Cesium.GeographicTilingScheme({
|
||||
numberOfLevelZeroTilesX: 2,
|
||||
numberOfLevelZeroTilesY: 1
|
||||
})
|
||||
});
|
||||
let layer1 = new this.Cesium.ImageryLayer(privide);
|
||||
this.privide = layer1;
|
||||
//wms服务
|
||||
this.viewer.imageryLayers.add(layer1);
|
||||
// this.viewer.camera.flyTo({
|
||||
// destination: Cesium.Cartesian3.fromDegrees(113.3706577887299, 22.99824617654343, 300000.0)
|
||||
// });
|
||||
}
|
||||
|
||||
// 定位到tif影像处
|
||||
static flyToLayer(cLon, cLat) {
|
||||
this.viewer.camera.flyTo({
|
||||
destination: Cesium.Cartesian3.fromDegrees(cLon, cLat, 30000)
|
||||
});
|
||||
}
|
||||
|
||||
static flyToLayerRect(minLon, minLat, maxLon, maxLat) {
|
||||
minLon = Number(minLon);
|
||||
minLat = Number(minLat);
|
||||
maxLon = Number(maxLon);
|
||||
maxLat = Number(maxLat);
|
||||
const ctLon = ((minLon + maxLon) / 2).toFixed(8);
|
||||
const ctLat = ((minLat + maxLat) / 2).toFixed(8);
|
||||
const west = minLon * 2 - ctLon;
|
||||
const south = minLat * 2 - ctLat;
|
||||
const east = maxLon * 2 - ctLon;
|
||||
const north = maxLat * 2 - ctLat;
|
||||
const rectangle = Cesium.Rectangle.fromDegrees(west, south, east, north);
|
||||
this.viewer.camera.flyTo({
|
||||
destination: rectangle
|
||||
});
|
||||
}
|
||||
|
||||
static clearLayers() {
|
||||
for (var i = this.viewer.imageryLayers.length - 1; i >= 0; --i) {
|
||||
if (!this.viewer.imageryLayers.get(i).isBaseLayer()) {
|
||||
this.viewer.imageryLayers.remove(this.viewer.imageryLayers.get(i));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//删除wms
|
||||
static closelayer() {
|
||||
//wms服务
|
||||
this.viewer.imageryLayers.remove(this.privide);
|
||||
}
|
||||
|
||||
static addPoint(pLon, pLat, pAlt) {
|
||||
var pointEntity = this.viewer.entities.add({
|
||||
position: Cesium.Cartesian3.fromDegrees(pLon, pLat, pAlt),
|
||||
point: {
|
||||
pixelSize: 10,
|
||||
color: Cesium.Color.YELLOW
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
static removePoint() {
|
||||
this.viewer.entities.removeAll();
|
||||
}
|
||||
|
||||
//鼠标点击
|
||||
static handleClick() {
|
||||
var scene = this.viewer.scene;
|
||||
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
|
||||
const that = this;
|
||||
|
||||
handler.setInputAction(function(movement) {
|
||||
// 清除历史单击点
|
||||
handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
||||
// movement.position 像素的x、y坐标
|
||||
var cartesian = that.viewer.camera.pickEllipsoid(
|
||||
movement.position,
|
||||
scene.globe.ellipsoid
|
||||
);
|
||||
if (cartesian) {
|
||||
var cartographic = Cesium.Cartographic.fromCartesian(cartesian); // 转弧度
|
||||
// 将弧度转换为度数
|
||||
var longitudeString = Cesium.Math.toDegrees(cartographic.longitude).toFixed(6);
|
||||
var latitudeString = Cesium.Math.toDegrees(cartographic.latitude).toFixed(6);
|
||||
}
|
||||
// 取回像元值
|
||||
let pValue = 0;
|
||||
const of = new FormData();
|
||||
of.append("dataPath", sessionStorage.getItem("tifPath"));
|
||||
of.append("lon", longitudeString);
|
||||
of.append("lat", latitudeString);
|
||||
|
||||
getProductValue(of).then(res => {
|
||||
pValue = res;
|
||||
// 清空容器
|
||||
const pendPreview =
|
||||
document.getElementById("PendPreview") ||
|
||||
document.getElementById("cesium_container") ||
|
||||
document.getElementById("cesiumView") ||
|
||||
document.getElementById("auditPreview") ||
|
||||
document.getElementById("checkedPreview") ||
|
||||
document.getElementById("sceneShowContent");
|
||||
const closeIcon = document.getElementsByClassName("close-icon");
|
||||
if (closeIcon.length > 0) {
|
||||
for (let i = 0; i < closeIcon.length; i++) {
|
||||
pendPreview.removeChild(closeIcon[i]);
|
||||
}
|
||||
}
|
||||
const closeDom = document.createElement("div");
|
||||
closeDom.classList.add("close-icon");
|
||||
closeDom.style.cssText = `display: none;`;
|
||||
closeDom.innerHTML = `
|
||||
<div style='padding: 20px; border-radius: 10px; background: white; font-family: sans-serif; font-size: 20px;'>
|
||||
<div style=''>像素值:${pValue}</div>
|
||||
<img class='closeIcon' src='${iconClose}' style='cursor: pointer; width: 20px; height: 20px; position: absolute; top: 3px; right: 3px;' />
|
||||
</div>
|
||||
`;
|
||||
that.viewer.container.append(closeDom);
|
||||
scene.postRender.addEventListener(() => {
|
||||
const windowCoord = Cesium.SceneTransforms.wgs84ToWindowCoordinates(
|
||||
that.viewer.scene,
|
||||
Cesium.Cartesian3.fromDegrees(
|
||||
Number(longitudeString),
|
||||
Number(latitudeString),
|
||||
50
|
||||
)
|
||||
);
|
||||
// const x = windowCoord.x - closeDom.offsetWidth / 2
|
||||
// const y = windowCoord.y - closeDom.offsetHeight
|
||||
const x = windowCoord.x;
|
||||
const y = windowCoord.y;
|
||||
closeDom.style.cssText = `
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
transform: translate3d(${Math.round(x)}px, ${Math.round(y)}px, 0);
|
||||
display: inline-block;
|
||||
`;
|
||||
});
|
||||
const close = document.getElementsByClassName("closeIcon")[0];
|
||||
close.addEventListener(
|
||||
"click",
|
||||
() => {
|
||||
const pendPreview =
|
||||
document.getElementById("PendPreview") ||
|
||||
document.getElementById("cesium_container") ||
|
||||
document.getElementById("cesiumView") ||
|
||||
document.getElementById("auditPreview") ||
|
||||
document.getElementById("checkedPreview") ||
|
||||
document.getElementById("sceneShowContent");
|
||||
const closeIcon = document.getElementsByClassName("close-icon");
|
||||
if (closeIcon.length > 0) {
|
||||
for (let i = 0; i < closeIcon.length; i++) {
|
||||
pendPreview.removeChild(closeIcon[i]);
|
||||
}
|
||||
}
|
||||
},
|
||||
false
|
||||
);
|
||||
|
||||
// pValue = res;
|
||||
// dataSource.entities.add({
|
||||
// position: new Cesium.Cartesian3.fromDegrees(
|
||||
// Number(longitudeString),
|
||||
// Number(latitudeString),
|
||||
// 50
|
||||
// ),
|
||||
// label: {
|
||||
// text: "像素值:" + pValue,
|
||||
// font: "20px sans-serif",
|
||||
// showBackground: true,
|
||||
// eyeOffset: new Cesium.Cartesian3(0, 3.5, 0),
|
||||
// fillColor: Cesium.Color.BLACK, //字体颜色
|
||||
// backgroundColor: Cesium.Color.WHITE, //背景颜色
|
||||
// style: Cesium.LabelStyle.FILL, //label样式
|
||||
// outlineWidth: 2,
|
||||
// verticalOrigin: Cesium.VerticalOrigin.CENTER, //垂直位置
|
||||
// horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //水平位置
|
||||
// pixelOffset: new Cesium.Cartesian2(0, -20) //偏移
|
||||
// }
|
||||
// });
|
||||
// that.viewer.dataSources.add(dataSource);
|
||||
});
|
||||
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
||||
}
|
||||
}
|
||||
|
||||
export default CesiumUtils;
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
export const productSubTypeVal = {
|
||||
ACS_ORTHOPHOTO: 1, // 正射产品校验
|
||||
ACS_DEM: 2, // 高程产品校验
|
||||
ACS_BACKSCATTERINGCOEFFICIENT: 3, // 后向散射系数产品校验
|
||||
ACS_ATMOSPHERICDELAYCORRECTION: 4, // 大气延迟校正产品校验
|
||||
ACS_DEFORMATION: 5, // 干涉测量形变产品校验
|
||||
ACS_TYPESOFLANDCOVER: 6, // 地表覆盖类型产品校验
|
||||
ACS_SOILMOISTURE: 7, // 土壤水分产品校验
|
||||
ACS_SOILSALINITYINVERSION: 8, // 土壤盐碱度产品校验
|
||||
ACS_SURFACEROUGHNESS: 9, // 地表粗糙度产品校验
|
||||
ACS_GROUNDVEGETATIONHEIGHT: 10, // 植被高度产品校验
|
||||
ACS_GROUNDLEAFAREAINDEX: 11, // 叶面积指数产品校验
|
||||
ACS_VEGETATIONPHENOLOGY: 12 // 植被物候产品校验
|
||||
};
|
||||
export const pixelFunVal = {
|
||||
PHM_AVERAGING: 0, // 均值法
|
||||
PHM_NEIGHBOR: 1, // 最邻近法
|
||||
PHM_POINTKRIGING: 2, // 克里格法
|
||||
PHM_BLOCKKRIGING: 3, // 块克里格法
|
||||
PHM_MSN: 4 // MSN法
|
||||
};
|
||||
export const truthFunVal = {
|
||||
ACM_MEANERROR: 0, // 平均误差
|
||||
ACM_MEANABSOLUTEERROR: 1, // 平均绝对误差
|
||||
ACM_RELATIVEERROR: 2, // 相对误差
|
||||
ACM_MEANRELATIVEERROR: 3, // 平均相对误差
|
||||
ACM_ROOTMANSQUAREERROR: 5, // 均方根误差
|
||||
ACM_CORRELATIONCOEFFICIENT: 7, // 相关系数
|
||||
ACM_ERRORMATRIX: 8, // 误差矩阵（混淆矩阵）
|
||||
ACM_OVERALLACCURACY: 9, // 总体分类精度
|
||||
ACM_KAPPA: 10, // Kappa系数
|
||||
ACM_MEANABSOLUTERELATIVEERROR: 4, // 平均绝对相对误差
|
||||
ACM_PLANENESSERROR: 6, // 平面中误差
|
||||
ACM_REALVALLIST: 11, //真值数组记录
|
||||
ACM_OTGERROR:12, //正射误差记录
|
||||
};
|
||||
|
|
@ -0,0 +1,311 @@
|
|||
import configValue from "../config/config.js";
|
||||
import { getProductValue } from "@/api/common";
|
||||
class otgCesiumUtils {
|
||||
//初始化地图
|
||||
static initCesium(divMapId) {
|
||||
let Cesium = window.Cesium;
|
||||
this.Cesium = Cesium;
|
||||
let options = {
|
||||
selectionIndicator: false,
|
||||
homeButton: false, //主页按钮，默认true
|
||||
// scene3DOnly: true, // 每个几何实例仅以3D渲染以节省GPU内存
|
||||
animation: false, //动画控制，默认true
|
||||
baseLayerPicker: false, //是否显示图层选择控件
|
||||
geocoder: false, //地名查找,默认true
|
||||
timeline: false, //时间线,默认true
|
||||
navigationHelpButton: false, //导航帮助说明,默认true
|
||||
sceneModePicker: false, //是否显示投影方式控件
|
||||
infoBox: false, //点击要素之后显示的信息,默认true
|
||||
fullscreenButton: false, //全屏按钮,默认显示true
|
||||
navigationInstructionsInitiallyVisible: false,
|
||||
mapMode2D: Cesium.MapMode2D.INFINITE_SCROLL,
|
||||
imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
|
||||
url:
|
||||
"http://{s}.tianditu.gov.cn/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=d7648495378ad7ebe74327207dfc09a8",
|
||||
layer: "tdtBasicLayer",
|
||||
style: "default",
|
||||
maximumLevel: 18,
|
||||
format: "image/jpeg",
|
||||
tileMatrixSetID: "GoogleMapsCompatible",
|
||||
show: true,
|
||||
subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"]
|
||||
})
|
||||
};
|
||||
let farViewer = new Cesium.Viewer(divMapId[0], options);
|
||||
let nearViewer = new Cesium.Viewer(divMapId[1], options);
|
||||
window.selfDefine.farViewer = farViewer;
|
||||
window.selfDefine.nearViewer = nearViewer;
|
||||
this.farViewer = farViewer;
|
||||
this.nearViewer = nearViewer;
|
||||
|
||||
farViewer.scene.globe.depthTestAgainstTerrain = false;
|
||||
nearViewer.scene.globe.depthTestAgainstTerrain = false;
|
||||
}
|
||||
|
||||
//添加wms
|
||||
static addlayer(geoWorkspace, layerName) {
|
||||
// let privide2 = new Cesium.WebMapServiceImageryProvider({
|
||||
// url: "http://127.0.0.1:8087/geoserver/microwave/wms", //服务地址
|
||||
// layers: geoWorkspace+':'+layerName, //服务图层，需要修改成你自己发布的名称
|
||||
// parameters: {
|
||||
// service: "WMS",
|
||||
// format: "image/png",
|
||||
// transparent: true
|
||||
// }
|
||||
// });
|
||||
// let layer2= new this.Cesium.ImageryLayer(privide2)
|
||||
// this.privide2=layer2
|
||||
let privide1 = this.creatTwoViewerLayer(geoWorkspace, layerName);
|
||||
let layer1 = new Cesium.ImageryLayer(privide1);
|
||||
let privide2 = this.creatTwoViewerLayer(geoWorkspace, layerName);
|
||||
let layer2 = new Cesium.ImageryLayer(privide2);
|
||||
this.nearViewer.imageryLayers.add(layer1);
|
||||
this.farViewer.imageryLayers.add(layer2);
|
||||
}
|
||||
//切换添加产品展示图层
|
||||
static addFarlayer(geoWorkspace, layerName) {
|
||||
let privide2 = this.creatTwoViewerLayer(geoWorkspace, layerName);
|
||||
let layer2 = new Cesium.ImageryLayer(privide2);
|
||||
this.farViewer.imageryLayers.add(layer2);
|
||||
}
|
||||
//切换添加局部放大图图层
|
||||
static addNearlayer(geoWorkspace, layerName) {
|
||||
let privide1 = this.creatTwoViewerLayer(geoWorkspace, layerName);
|
||||
let layer1 = new Cesium.ImageryLayer(privide1);
|
||||
this.nearViewer.imageryLayers.add(layer1);
|
||||
}
|
||||
|
||||
static creatTwoViewerLayer(geoWorkspace, layerName) {
|
||||
let matrixIds = [
|
||||
"EPSG:4326:0",
|
||||
"EPSG:4326:1",
|
||||
"EPSG:4326:2",
|
||||
"EPSG:4326:3",
|
||||
"EPSG:4326:4",
|
||||
"EPSG:4326:5",
|
||||
"EPSG:4326:6",
|
||||
"EPSG:4326:7",
|
||||
"EPSG:4326:8",
|
||||
"EPSG:4326:9",
|
||||
"EPSG:4326:10",
|
||||
"EPSG:4326:11",
|
||||
"EPSG:4326:12",
|
||||
"EPSG:4326:13",
|
||||
"EPSG:4326:14",
|
||||
"EPSG:4326:15",
|
||||
"EPSG:4326:16",
|
||||
"EPSG:4326:17",
|
||||
"EPSG:4326:18",
|
||||
"EPSG:4326:19",
|
||||
"EPSG:4326:20",
|
||||
"EPSG:4326:21"
|
||||
];
|
||||
return new Cesium.WebMapTileServiceImageryProvider({
|
||||
url: configValue.urlprefix.otgGeoServerUrl,
|
||||
// url: 'http://39.105.100.186:8087/geoserver/gwc/service/wmts',
|
||||
layer: geoWorkspace + ":" + layerName,
|
||||
style: "",
|
||||
format: "image/png",
|
||||
tileMatrixSetID: "EPSG:4326",
|
||||
tileMatrixLabels: matrixIds,
|
||||
tilingScheme: new Cesium.GeographicTilingScheme({
|
||||
numberOfLevelZeroTilesX: 2,
|
||||
numberOfLevelZeroTilesY: 1
|
||||
})
|
||||
});
|
||||
}
|
||||
// 定位到tif影像处
|
||||
static flyToLayer(cLon, cLat) {
|
||||
this.farViewer.camera.flyTo({
|
||||
destination: Cesium.Cartesian3.fromDegrees(cLon, cLat, 50000.0)
|
||||
});
|
||||
this.nearViewer.camera.flyTo({
|
||||
destination: Cesium.Cartesian3.fromDegrees(cLon, cLat, 30000.0)
|
||||
});
|
||||
}
|
||||
//删除wms
|
||||
static closelayer() {
|
||||
//wms服务
|
||||
this.farViewer.imageryLayers.remove(this.privide);
|
||||
this.nearViewer.imageryLayers.remove(this.privide);
|
||||
}
|
||||
static clearFarLayers() {
|
||||
for (var i = this.farViewer.imageryLayers.length - 1; i >= 0; --i) {
|
||||
if (!this.farViewer.imageryLayers.get(i).isBaseLayer()) {
|
||||
this.farViewer.imageryLayers.remove(this.farViewer.imageryLayers.get(i));
|
||||
}
|
||||
}
|
||||
}
|
||||
static clearNearLayers() {
|
||||
for (var i = this.nearViewer.imageryLayers.length - 1; i >= 0; --i) {
|
||||
if (!this.nearViewer.imageryLayers.get(i).isBaseLayer()) {
|
||||
this.nearViewer.imageryLayers.remove(this.nearViewer.imageryLayers.get(i));
|
||||
}
|
||||
}
|
||||
}
|
||||
static addPointToFarViewer(pLon, pLat, pAlt) {
|
||||
var peOfFarViewer = this.farViewer.entities.add({
|
||||
position: Cesium.Cartesian3.fromDegrees(pLon, pLat, pAlt),
|
||||
point: {
|
||||
pixelSize: 10,
|
||||
color: Cesium.Color.YELLOW
|
||||
}
|
||||
});
|
||||
this.farViewer.camera.flyTo({
|
||||
destination: Cesium.Cartesian3.fromDegrees(pLon, pLat, 5000)
|
||||
});
|
||||
}
|
||||
static addPointToNearViewer(pLon, pLat, pAlt) {
|
||||
var peOfNearViewer = this.nearViewer.entities.add({
|
||||
position: Cesium.Cartesian3.fromDegrees(pLon, pLat, pAlt),
|
||||
point: {
|
||||
pixelSize: 10,
|
||||
color: Cesium.Color.YELLOW
|
||||
}
|
||||
});
|
||||
this.nearViewer.camera.flyTo({
|
||||
destination: Cesium.Cartesian3.fromDegrees(pLon, pLat, 1000)
|
||||
});
|
||||
}
|
||||
|
||||
static removePoint() {
|
||||
this.farViewer.entities.removeAll();
|
||||
this.nearViewer.entities.removeAll();
|
||||
}
|
||||
static drawPoint(callback) {
|
||||
let self = this;
|
||||
//坐标存储
|
||||
// let positions,newPoi;
|
||||
this.handler = new Cesium.ScreenSpaceEventHandler(self.nearViewer.scene.canvas);
|
||||
let ellipsoid = self.nearViewer.scene.globe.ellipsoid;
|
||||
//单击鼠标左键画点
|
||||
this.handler.setInputAction(function(movement) {
|
||||
let cartesian = self.nearViewer.scene.camera.pickEllipsoid(
|
||||
movement.position,
|
||||
self.nearViewer.scene.globe.ellipsoid
|
||||
);
|
||||
let c = ellipsoid.cartesianToCartographic(cartesian);
|
||||
let spLon = Cesium.Math.toDegrees(c.longitude).toFixed(8);
|
||||
let spLat = Cesium.Math.toDegrees(c.latitude).toFixed(8);
|
||||
let spAlt = c.height.toFixed(2);
|
||||
const positions = [spLon, spLat, spAlt];
|
||||
self.nearViewer.entities.removeById("theSamePoint");
|
||||
const newPoi = self.nearViewer.entities.add({
|
||||
id: "theSamePoint",
|
||||
position: cartesian,
|
||||
point: {
|
||||
color: Cesium.Color.RED,
|
||||
pixelSize: 10
|
||||
// heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
|
||||
}
|
||||
});
|
||||
callback(positions);
|
||||
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
||||
}
|
||||
static stopDrowPoi() {
|
||||
this.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
||||
}
|
||||
//Far viewer 鼠标点击
|
||||
static handleClickFar() {
|
||||
var scene = this.farViewer.scene;
|
||||
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
|
||||
const that = this;
|
||||
handler.setInputAction(function onLeftClick(movement) {
|
||||
//清除历史单击点
|
||||
handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
||||
var cartesian = that.farViewer.camera.pickEllipsoid(
|
||||
movement.position,
|
||||
scene.globe.ellipsoid
|
||||
);
|
||||
if (cartesian) {
|
||||
var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
|
||||
var longitudeString = Cesium.Math.toDegrees(cartographic.longitude).toFixed(6);
|
||||
var latitudeString = Cesium.Math.toDegrees(cartographic.latitude).toFixed(6);
|
||||
}
|
||||
//取回像元值
|
||||
let pValue = 0;
|
||||
that.farViewer.dataSources.removeAll();
|
||||
const dataSource = new Cesium.CustomDataSource("textPoint");
|
||||
const of = new FormData();
|
||||
of.append("dataPath", sessionStorage.getItem("tifPath"));
|
||||
of.append("lon", longitudeString);
|
||||
of.append("lat", latitudeString);
|
||||
getProductValue(of).then(res => {
|
||||
pValue = res;
|
||||
dataSource.entities.add({
|
||||
position: new Cesium.Cartesian3.fromDegrees(
|
||||
Number(longitudeString),
|
||||
Number(latitudeString),
|
||||
50
|
||||
),
|
||||
label: {
|
||||
text: "像素值:" + pValue,
|
||||
font: "20px sans-serif",
|
||||
showBackground: true,
|
||||
eyeOffset: new Cesium.Cartesian3(0, 3.5, 0),
|
||||
fillColor: Cesium.Color.BLACK, //字体颜色
|
||||
backgroundColor: Cesium.Color.WHITE, //背景颜色
|
||||
style: Cesium.LabelStyle.FILL, //label样式
|
||||
outlineWidth: 2,
|
||||
verticalOrigin: Cesium.VerticalOrigin.CENTER, //垂直位置
|
||||
horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //水平位置
|
||||
pixelOffset: new Cesium.Cartesian2(0, -20) //偏移
|
||||
}
|
||||
});
|
||||
that.farViewer.dataSources.add(dataSource);
|
||||
});
|
||||
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
||||
}
|
||||
//Near viewer 鼠标点击
|
||||
static handleClickNear() {
|
||||
var scene = this.nearViewer.scene;
|
||||
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
|
||||
const that = this;
|
||||
handler.setInputAction(function onLeftClick(movement) {
|
||||
//清除历史单击点
|
||||
handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
||||
var cartesian = that.nearViewer.camera.pickEllipsoid(
|
||||
movement.position,
|
||||
scene.globe.ellipsoid
|
||||
);
|
||||
if (cartesian) {
|
||||
var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
|
||||
var longitudeString = Cesium.Math.toDegrees(cartographic.longitude).toFixed(6);
|
||||
var latitudeString = Cesium.Math.toDegrees(cartographic.latitude).toFixed(6);
|
||||
}
|
||||
//取回像元值
|
||||
let pValue = 0;
|
||||
that.nearViewer.dataSources.removeAll();
|
||||
const dataSource = new Cesium.CustomDataSource("textPoint");
|
||||
const of = new FormData();
|
||||
of.append("dataPath", sessionStorage.getItem("tifPath"));
|
||||
of.append("lon", longitudeString);
|
||||
of.append("lat", latitudeString);
|
||||
getProductValue(of).then(res => {
|
||||
dataSource.entities.add({
|
||||
position: new Cesium.Cartesian3.fromDegrees(
|
||||
Number(longitudeString),
|
||||
Number(latitudeString),
|
||||
50
|
||||
),
|
||||
label: {
|
||||
text: "像素值:" + pValue,
|
||||
font: "20px sans-serif",
|
||||
showBackground: true,
|
||||
eyeOffset: new Cesium.Cartesian3(0, 3.5, 0),
|
||||
fillColor: Cesium.Color.BLACK, //字体颜色
|
||||
backgroundColor: Cesium.Color.WHITE, //背景颜色
|
||||
style: Cesium.LabelStyle.FILL, //label样式
|
||||
outlineWidth: 2,
|
||||
verticalOrigin: Cesium.VerticalOrigin.CENTER, //垂直位置
|
||||
horizontalOrigin: Cesium.HorizontalOrigin.CENTER, //水平位置
|
||||
pixelOffset: new Cesium.Cartesian2(0, -20) //偏移
|
||||
}
|
||||
});
|
||||
that.nearViewer.dataSources.add(dataSource);
|
||||
});
|
||||
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
||||
}
|
||||
}
|
||||
|
||||
export default otgCesiumUtils;
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
import axios from 'axios'
|
||||
import { Message } from 'element-ui'
|
||||
|
||||
// create an axios instance
|
||||
const service = axios.create({
|
||||
baseURL: process.env.VUE_APP_FILE_API, // url = base url + request url
|
||||
// withCredentials: true, // send cookies when cross-domain requests
|
||||
timeout: 5000000 // request timeout
|
||||
})
|
||||
|
||||
// request interceptor
|
||||
service.interceptors.request.use(
|
||||
config => {
|
||||
// do something before request is sent
|
||||
// if (store.getters.token) {
|
||||
// config.headers['X-Token'] = getToken()
|
||||
// }
|
||||
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 !== 200) {
|
||||
// if(res.code === 500){
|
||||
// return res
|
||||
// }
|
||||
// Message({
|
||||
// message: res.message || 'Error',
|
||||
// type: 'error',
|
||||
// duration: 5 * 1000
|
||||
// })
|
||||
// // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
|
||||
// if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
|
||||
// return Promise.reject(new Error(res.message || 'Error'))
|
||||
// }
|
||||
// } else {
|
||||
return res
|
||||
// }
|
||||
},
|
||||
error => {
|
||||
console.log('err' + error) // for debug
|
||||
Message({
|
||||
message: error.message,
|
||||
type: 'error',
|
||||
duration: 5 * 1000
|
||||
})
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
export default service
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
import axios from 'axios'
|
||||
import { Message } from 'element-ui'
|
||||
|
||||
// create an axios instance
|
||||
const service = axios.create({
|
||||
baseURL: process.env.VUE_APP_REALITY_API, // url = base url + request url
|
||||
// withCredentials: true, // send cookies when cross-domain requests
|
||||
timeout: 5000000 // request timeout
|
||||
})
|
||||
|
||||
// request interceptor
|
||||
service.interceptors.request.use(
|
||||
config => {
|
||||
// do something before request is sent
|
||||
// if (store.getters.token) {
|
||||
// config.headers['X-Token'] = getToken()
|
||||
// }
|
||||
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 !== 200) {
|
||||
// if(res.code === 500){
|
||||
// return res
|
||||
// }
|
||||
// Message({
|
||||
// message: res.message || 'Error',
|
||||
// type: 'error',
|
||||
// duration: 5 * 1000
|
||||
// })
|
||||
// // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
|
||||
// if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
|
||||
// return Promise.reject(new Error(res.message || 'Error'))
|
||||
// }
|
||||
// } else {
|
||||
return res
|
||||
// }
|
||||
},
|
||||
error => {
|
||||
console.log('err' + error) // for debug
|
||||
Message({
|
||||
message: error.message,
|
||||
type: 'error',
|
||||
duration: 5 * 1000
|
||||
})
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
export default service
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
import axios from 'axios'
|
||||
import { Message } from 'element-ui'
|
||||
|
||||
// create an axios instance
|
||||
const service = axios.create({
|
||||
baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
|
||||
// withCredentials: true, // send cookies when cross-domain requests
|
||||
timeout: 5000000 // request timeout
|
||||
})
|
||||
|
||||
// request interceptor
|
||||
service.interceptors.request.use(
|
||||
config => {
|
||||
// do something before request is sent
|
||||
// if (store.getters.token) {
|
||||
// config.headers['X-Token'] = getToken()
|
||||
// }
|
||||
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 !== 200) {
|
||||
// if(res.code === 500){
|
||||
// return res
|
||||
// }
|
||||
// Message({
|
||||
// message: res.message || 'Error',
|
||||
// type: 'error',
|
||||
// duration: 5 * 1000
|
||||
// })
|
||||
// // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
|
||||
// if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
|
||||
// return Promise.reject(new Error(res.message || 'Error'))
|
||||
// }
|
||||
// } else {
|
||||
return res
|
||||
// }
|
||||
},
|
||||
error => {
|
||||
console.log('err' + error) // for debug
|
||||
Message({
|
||||
message: error.message,
|
||||
type: 'error',
|
||||
duration: 5 * 1000
|
||||
})
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
export default service
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
Math.easeInOutQuad = function(t, b, c, d) {
|
||||
t /= d / 2
|
||||
if (t < 1) {
|
||||
return c / 2 * t * t + b
|
||||
}
|
||||
t--
|
||||
return -c / 2 * (t * (t - 2) - 1) + b
|
||||
}
|
||||
|
||||
// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
|
||||
var requestAnimFrame = (function() {
|
||||
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) }
|
||||
})()
|
||||
|
||||
/**
|
||||
* Because it's so fucking difficult to detect the scrolling element, just move them all
|
||||
* @param {number} amount
|
||||
*/
|
||||
function move(amount) {
|
||||
document.documentElement.scrollTop = amount
|
||||
document.body.parentNode.scrollTop = amount
|
||||
document.body.scrollTop = amount
|
||||
}
|
||||
|
||||
function position() {
|
||||
return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
|
||||
}
|
||||
|
||||
/**
|
||||
* @param {number} to
|
||||
* @param {number} duration
|
||||
* @param {Function} callback
|
||||
*/
|
||||
export function scrollTo(to, duration, callback) {
|
||||
const start = position()
|
||||
const change = to - start
|
||||
const increment = 20
|
||||
let currentTime = 0
|
||||
duration = (typeof (duration) === 'undefined') ? 500 : duration
|
||||
var animateScroll = function() {
|
||||
// increment the time
|
||||
currentTime += increment
|
||||
// find the value with the quadratic in-out easing function
|
||||
var val = Math.easeInOutQuad(currentTime, start, change, duration)
|
||||
// move the document.body
|
||||
move(val)
|
||||
// do the animation unless its over
|
||||
if (currentTime < duration) {
|
||||
requestAnimFrame(animateScroll)
|
||||
} else {
|
||||
if (callback && typeof (callback) === 'function') {
|
||||
// the animation is done so lets callback
|
||||
callback()
|
||||
}
|
||||
}
|
||||
}
|
||||
animateScroll()
|
||||
}
|
||||
|
|
@ -0,0 +1,106 @@
|
|||
//产品枚举映射
|
||||
export function productTypeMap(pdtype) {
|
||||
const pdtypeMap = {
|
||||
1: "正射产品",
|
||||
2: "高程产品",
|
||||
3: "后向散射系数产品",
|
||||
4: "大气延迟校正产品",
|
||||
5: "干涉测量形变产品",
|
||||
6: "地表覆盖类型产品",
|
||||
7: "土壤水分产品",
|
||||
8: "土壤盐碱度产品",
|
||||
9: "地表粗糙度产品",
|
||||
10: "植被高度产品",
|
||||
11: "叶面积指数产品",
|
||||
12: "植被物候产品"
|
||||
};
|
||||
if (pdtype == null) return null;
|
||||
else return pdtypeMap[pdtype];
|
||||
}
|
||||
|
||||
//产品--样本类型映射
|
||||
export function productTypeSplMap(pdtype) {
|
||||
const pdtypeMap = {
|
||||
1: "正射样本",
|
||||
2: "高程样本",
|
||||
3: "后向散射系数样本",
|
||||
4: "大气延迟校正样本",
|
||||
5: "干涉测量形变样本",
|
||||
6: "地表覆盖类型样本",
|
||||
7: "土壤水分样本",
|
||||
8: "土壤盐碱度样本",
|
||||
9: "地表粗糙度样本",
|
||||
10: "植被高度样本",
|
||||
11: "叶面积指数样本",
|
||||
12: "植被物候样本"
|
||||
};
|
||||
if (pdtype == null) return null;
|
||||
else return pdtypeMap[pdtype];
|
||||
}
|
||||
|
||||
//真实性检验方法映射
|
||||
export function truthFunctionsMap(truthFun) {
|
||||
const truthFunMap = {
|
||||
0: "平均误差",
|
||||
1: "平均绝对误差",
|
||||
2: "相对误差",
|
||||
3: "平均相对误差",
|
||||
4: "平均绝对相对误差",
|
||||
5: "均方根误差",
|
||||
6: "平面中误差",
|
||||
7: "相关系数",
|
||||
8: "误差矩阵",
|
||||
9: "总体分类精度",
|
||||
10: "Kappa系数",
|
||||
11: "产品真值",
|
||||
12: "正射误差列表"
|
||||
};
|
||||
if (truthFun == null) return null;
|
||||
else return truthFunMap[truthFun];
|
||||
}
|
||||
|
||||
// 抽样方法枚举转换
|
||||
export function transformSlp(sampleFun) {
|
||||
const sampleFunMap = {
|
||||
"0": "随机抽样",
|
||||
"1": "分层抽样",
|
||||
"2": "等距抽样"
|
||||
};
|
||||
if (sampleFun == null) return null;
|
||||
else return sampleFunMap[sampleFun];
|
||||
}
|
||||
// 像元级方法枚举转换
|
||||
export function transformPcMethod(pixelDealFun) {
|
||||
const pixelDealFunMap = {
|
||||
"0": "均值法",
|
||||
"1": "最邻近法",
|
||||
"2": "克里格法",
|
||||
"3": "块克里格法",
|
||||
"4": "MSN法"
|
||||
};
|
||||
if (pixelDealFun == null) return null;
|
||||
else return pixelDealFunMap[pixelDealFun];
|
||||
}
|
||||
|
||||
export const PIXELDEALFUNOPTION = [
|
||||
{
|
||||
value: "0",
|
||||
label: "均值法"
|
||||
},
|
||||
{
|
||||
value: "1",
|
||||
label: "最邻近法"
|
||||
},
|
||||
{
|
||||
value: "2",
|
||||
label: "克里格法"
|
||||
},
|
||||
{
|
||||
value: "3",
|
||||
label: "块克里格法"
|
||||
},
|
||||
{
|
||||
value: "4",
|
||||
label: "MSN法"
|
||||
}
|
||||
];
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import store from './store'
|
||||
import moment from 'moment'
|
||||
import "animate.css"
|
||||
import "./assets/css/global.css";
|
||||
import ElementUI from 'element-ui';
|
||||
import 'element-ui/lib/theme-chalk/index.css';
|
||||
import 'element-ui/lib/theme-chalk/base.css';
|
||||
import config from './config/config.js'
|
||||
Vue.use(ElementUI)
|
||||
|
||||
import '../node_modules/cesium/Build/Cesium/Widgets/widgets.css';
|
||||
import * as Cesium from "../node_modules/cesium/Build/Cesium/Cesium.js";
|
||||
window.Cesium = Cesium;
|
||||
|
||||
|
||||
//全局bus 组件传值
|
||||
Vue.prototype.bus=new Vue();
|
||||
|
||||
// 加入moment所有的组件
|
||||
Vue.prototype.$moment = moment;
|
||||
// echarts
|
||||
import echarts from 'echarts' //引入echarts
|
||||
import ecstat from 'echarts-stat'/*echarts统计组件*/
|
||||
Vue.prototype.$ecstat = ecstat /*echarts统计组件*/
|
||||
Vue.prototype.$echarts = echarts; //引入组件
|
||||
Vue.prototype.configration = config;
|
||||
|
||||
Vue.config.productionTip = false
|
||||
|
||||
window.selfDefine = {
|
||||
viewer: null
|
||||
};
|
||||
|
||||
new Vue({
|
||||
router,
|
||||
store,
|
||||
render: h => h(App)
|
||||
}).$mount('#app')
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
export default {
|
||||
methods:{
|
||||
formatDatetime(inputTime){
|
||||
//如果为空值则返回空字符串
|
||||
if(!inputTime ){//&& typeof inputTime !== 'number'){
|
||||
return '';
|
||||
}
|
||||
var localTime = '';
|
||||
//获取毫秒数
|
||||
inputTime = new Date(inputTime).getTime();
|
||||
const offset = (new Date()).getTimezoneOffset();
|
||||
localTime = (new Date(inputTime - offset * 60000)).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf('.'));
|
||||
localTime = localTime.replace('T', ' ');
|
||||
return localTime;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
import Vue from 'vue'
|
||||
import VueRouter from 'vue-router'
|
||||
import Home from '../views/Home.vue'
|
||||
import Login from '../views/Login.vue'
|
||||
|
||||
Vue.use(VueRouter)
|
||||
|
||||
import about from "../views/About.vue"
|
||||
import daichuli from "../views/Daichuli/index.vue"
|
||||
import yichuli from "../views/Yichuli/index.vue"
|
||||
import daishenhe from "../views/Daishenhe/index.vue"
|
||||
import yishenhe from "../views/Yishenhe/index.vue"
|
||||
import orderUnprocessed from '../views/Daichuli/Feedback/index.vue'
|
||||
import AuditDsh from '../views/Daishenhe/Audit/index.vue'
|
||||
import feedbackYcl from '../views/Yichuli/Feedback/index.vue'
|
||||
import feedbackYsh from '../views/Yishenhe/Feedback/index.vue'
|
||||
import Inspection from '../views/Daichuli/Feedback/Inspection/index.vue'
|
||||
import Report from '../views/Daichuli/Feedback/Inspection/Report/index.vue'
|
||||
|
||||
const routes = [
|
||||
{
|
||||
path: '/',
|
||||
name: 'Login',
|
||||
component: Login,
|
||||
meta: { title: "首页" }
|
||||
},
|
||||
{
|
||||
path: '/home',
|
||||
name: 'Home',
|
||||
component: Home,
|
||||
meta: { title: "首页" }
|
||||
},
|
||||
{
|
||||
path: '/about',
|
||||
component: about,
|
||||
children: [
|
||||
{
|
||||
path: '/daichuli',
|
||||
component: daichuli,
|
||||
name: '待处理的检验订单',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/orderUnprocessed',
|
||||
component: orderUnprocessed,
|
||||
name: '订单反馈',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
breadNumber: 2
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/inspection',
|
||||
component: Inspection,
|
||||
name: '检验处理',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
breadNumber: 3
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/report',
|
||||
component: Report,
|
||||
name: '报告生成',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
breadNumber: 4
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/yichuli',
|
||||
component: yichuli,
|
||||
name: '已处理检验订单',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/feedbackycl',
|
||||
component: feedbackYcl,
|
||||
name: '订单处理信息',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
breadNumber: 2
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/daishenhe',
|
||||
component: daishenhe,
|
||||
name: '待审核检验订单',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/auditdsh',
|
||||
component: AuditDsh,
|
||||
name: '订单审核',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
breadNumber: 2
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/yishenhe',
|
||||
component: yishenhe,
|
||||
name: '已审核检验订单',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/feedbackysh',
|
||||
component: feedbackYsh,
|
||||
name: '已审核订单信息',
|
||||
meta: {
|
||||
requireAuth: true,
|
||||
breadNumber: 2
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
//获取原型对象上的push函数
|
||||
const originalPush = VueRouter.prototype.push
|
||||
//修改原型对象中的push方法
|
||||
VueRouter.prototype.push = function push(location) {
|
||||
return originalPush.call(this, location).catch(err => err)
|
||||
}
|
||||
|
||||
const router = new VueRouter({
|
||||
mode:'history',
|
||||
routes
|
||||
})
|
||||
|
||||
router.beforeEach((to, from, next) => {
|
||||
sessionStorage.setItem('prePage',from.path)
|
||||
next()
|
||||
})
|
||||
|
||||
export default router
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
|
||||
Vue.use(Vuex);
|
||||
const state = {
|
||||
breadListState: [], // 面包屑列表数据
|
||||
pixelFun:null,
|
||||
sampleFun:null,
|
||||
altRange:null
|
||||
};
|
||||
|
||||
export default new Vuex.Store({
|
||||
state,
|
||||
mutations: {
|
||||
breadListMutations (getters, list) {
|
||||
getters.breadListState = list;
|
||||
},
|
||||
setPixelFun(getters, val){
|
||||
getters.pixelFun=val;
|
||||
},
|
||||
setSampleFun(getters, val){
|
||||
getters.sampleFun=val
|
||||
},
|
||||
setAltRange(getters, val){
|
||||
getters.altRange=val
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,298 @@
|
|||
<template>
|
||||
<div class="layout">
|
||||
<el-container>
|
||||
<!-- 侧边栏 -->
|
||||
<div style="max-width: 300px; height: 100%; background-color: #061278">
|
||||
<el-menu
|
||||
:default-active="activeMenu"
|
||||
class="el-menu-vertical-demo"
|
||||
background-color="#061278"
|
||||
text-color="#fff"
|
||||
active-text-color="#ffd04b"
|
||||
:router="true"
|
||||
:collapse="isCollapse"
|
||||
>
|
||||
<el-menu-item index="/daichuli" v-show="userType === '2'">
|
||||
<i class="el-icon-s-order"></i>
|
||||
<span slot="title">待处理的检验订单</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/yichuli" v-show="userType === '2'">
|
||||
<i class="el-icon-s-claim"></i>
|
||||
<span slot="title">已处理的检验订单</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/daishenhe" v-show="userType === '3'">
|
||||
<i class="el-icon-s-open"></i>
|
||||
<span slot="title">待审核的检验订单</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/yishenhe" v-show="userType === '3'">
|
||||
<i class="el-icon-s-check"></i>
|
||||
<span slot="title">已审核的检验订单</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/" class="toHome">
|
||||
<i class="el-icon-s-home"></i>
|
||||
<span slot="title">返回首页</span>
|
||||
</el-menu-item>
|
||||
</el-menu>
|
||||
</div>
|
||||
<el-container>
|
||||
<!-- 页码头部标题 -->
|
||||
<el-header>
|
||||
<vheader></vheader>
|
||||
</el-header>
|
||||
<div class="lline">
|
||||
<!-- 导航折叠按钮 -->
|
||||
<el-radio-group
|
||||
v-model="isCollapse"
|
||||
style="margin-bottom: 20px"
|
||||
@change="btnClick"
|
||||
class="navbtn"
|
||||
>
|
||||
<el-radio-button :label="false" class="icon1" v-show="btn1Show">
|
||||
<i class="el-icon-s-unfold"></i>
|
||||
</el-radio-button>
|
||||
<el-radio-button :label="true" class="icon2" v-show="btn2Show">
|
||||
<i class="el-icon-s-fold"></i>
|
||||
</el-radio-button>
|
||||
</el-radio-group>
|
||||
<!--面包屑列表-->
|
||||
<el-breadcrumb class="navbread" separator="/">
|
||||
<el-breadcrumb-item
|
||||
v-for="(item, index) in breadList"
|
||||
:key="index"
|
||||
@click.native="breadcrumbClick(item)"
|
||||
:v-if="item.name"
|
||||
style="cursor: pointer"
|
||||
>
|
||||
{{ item.name }}
|
||||
</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
</div>
|
||||
<!-- 主页 -->
|
||||
<el-main>
|
||||
<!-- 路由组件 -->
|
||||
<transition name="Fade" mode="out-in">
|
||||
<router-view></router-view>
|
||||
</transition>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</el-container>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import vheader from "../components/home/header/index.vue";
|
||||
|
||||
export default {
|
||||
// name:'nav',
|
||||
components: { vheader },
|
||||
data() {
|
||||
return {
|
||||
breadList: [],
|
||||
isCollapse: false,
|
||||
btn1Show: false,
|
||||
btn2Show: true,
|
||||
activeMenu: "/daichuli",
|
||||
userType: null,
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
$route() {
|
||||
this.getBreadcrumb();
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getBreadcrumb();
|
||||
this.userType = localStorage.userType;
|
||||
this.activeMenu = this.$route.path;
|
||||
},
|
||||
methods: {
|
||||
btnClick() {
|
||||
this.btn1Show = !this.btn1Show;
|
||||
this.btn2Show = !this.btn1Show;
|
||||
},
|
||||
// 面包屑数据处理
|
||||
getBreadcrumb() {
|
||||
let that = this;
|
||||
// 由于本项目大部分属于‘一级’页面，所以在设置路由时候，一级页面不设置breadNumber = 1，‘二级’页面以上才设置breadNumber
|
||||
let breadNumber =
|
||||
typeof this.$route.meta.breadNumber !== "undefined"
|
||||
? this.$route.meta.breadNumber
|
||||
: 1;
|
||||
// 获取当前页面的名字和路由，并组合成新的对象
|
||||
let newBread = { name: this.$route.name, path: this.$route.fullPath };
|
||||
let vuexBreadList = []; // 默认初始化面包屑数据
|
||||
if (breadNumber !== 1) {
|
||||
// 当前面包屑breadNumber大于1时才会从vuex中获取值
|
||||
vuexBreadList = that.$store.state.breadListState; // 获取breadList数组
|
||||
}
|
||||
if (breadNumber < vuexBreadList.length) {
|
||||
// "回退"面包屑----判断条件：当前路由breadNumber小于vuexBreadList的长度
|
||||
vuexBreadList.splice(
|
||||
breadNumber - vuexBreadList.length,
|
||||
vuexBreadList.length - breadNumber
|
||||
);
|
||||
}
|
||||
if (breadNumber > vuexBreadList.length) {
|
||||
// 添加面包屑----判断条件：当前路由breadNumber大于vuexBreadList的长度
|
||||
vuexBreadList.push(newBread);
|
||||
}
|
||||
// 处理完数据后，将最终的数据更新到vuex（用于页面刷新）
|
||||
that.$store.commit("breadListMutations", vuexBreadList);
|
||||
// 处理完数据后，将最终的数据更新为新的面包屑数组
|
||||
that.breadList = vuexBreadList;
|
||||
},
|
||||
// 面包屑点击事件
|
||||
breadcrumbClick(item) {
|
||||
this.$router.push({
|
||||
path: item.path,
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang='less'>
|
||||
.Fade-enter,
|
||||
.Fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
.Fade-enter-to,
|
||||
.Fade-leave {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.Fade-enter-active,
|
||||
.Fade-leave-active {
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
.lline {
|
||||
padding-left: 20px;
|
||||
padding-top: 15px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
// background-color: gainsboro;
|
||||
background-color: #e4e8f1;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
/deep/.el-breadcrumb__inner.is-link:hover {
|
||||
color: #303133;
|
||||
}
|
||||
/deep/.el-menu {
|
||||
border-right: 0;
|
||||
}
|
||||
/deep/.el-breadcrumb__inner.is-link {
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.navbtn {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.navbread {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: 20px;
|
||||
// font-weight: 400;
|
||||
position: relative;
|
||||
top: 2.5px;
|
||||
}
|
||||
.icon1 {
|
||||
position: relative;
|
||||
left: 0px;
|
||||
}
|
||||
.icon2 {
|
||||
position: relative;
|
||||
left: 0px;
|
||||
}
|
||||
/deep/.el-radio-button__inner:hover {
|
||||
color: #333;
|
||||
}
|
||||
/deep/.el-radio-button__orig-radio:checked + .el-radio-button__inner {
|
||||
border-color: #e4ebf1;
|
||||
// border-color:gainsboro;
|
||||
box-shadow: -1px 0 0 0 #e4ebf1;
|
||||
}
|
||||
/deep/.el-radio-button__inner {
|
||||
font-size: 25px;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
/deep/.el-radio-button__orig-radio:checked + .el-radio-button__inner {
|
||||
background-color: #e4ebf1;
|
||||
}
|
||||
/deep/.el-radio-button__inner {
|
||||
background-color: #e4ebf1;
|
||||
}
|
||||
.el-menu-vertical-demo:not(.el-menu--collapse) {
|
||||
width: 260px;
|
||||
height: 100%;
|
||||
}
|
||||
.el-menu-item {
|
||||
font-size: 20px;
|
||||
font-family: "PingFangSC-Medium";
|
||||
position: relative;
|
||||
top: 60px;
|
||||
}
|
||||
.el-menu-item,
|
||||
.el-submenu__title {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
}
|
||||
.el-menu-item.is-active {
|
||||
background-color: #409eff !important;
|
||||
color: white !important;
|
||||
}
|
||||
.layout .el-container {
|
||||
height: 100vh;
|
||||
}
|
||||
.el-header {
|
||||
background-color: white;
|
||||
color: #333;
|
||||
}
|
||||
.el-aside {
|
||||
background-color: #354595;
|
||||
color: #333;
|
||||
|
||||
line-height: 200px;
|
||||
}
|
||||
|
||||
.el-main {
|
||||
// background-color: gainsboro;
|
||||
background-color: #e4e8f1;
|
||||
color: #333;
|
||||
padding-top: 0px;
|
||||
}
|
||||
.el-breadcrumb {
|
||||
margin-left: 15px;
|
||||
}
|
||||
body > .el-container {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.el-container:nth-child(5) .el-aside,
|
||||
.el-container:nth-child(6) .el-aside {
|
||||
line-height: 260px;
|
||||
}
|
||||
|
||||
.el-container:nth-child(7) .el-aside {
|
||||
line-height: 320px;
|
||||
}
|
||||
h1 {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
.el-menu .toHome {
|
||||
position: absolute;
|
||||
top: unset;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
.el-menu--collapse {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,693 @@
|
|||
<template>
|
||||
<div class="report">
|
||||
<div class="rpHeader">
|
||||
<div class="rphLeft">
|
||||
<QtReport
|
||||
ref="reportQT"
|
||||
:realRes="realRes"
|
||||
:pdSubType="pdSubType"
|
||||
v-if="pdSubType === 6 || pdSubType === 12"
|
||||
></QtReport>
|
||||
<RtReport
|
||||
ref="reportRT"
|
||||
:realRes="realRes"
|
||||
:pdSubType="pdSubType"
|
||||
v-else
|
||||
></RtReport>
|
||||
</div>
|
||||
<div class="rphRight">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">产品检验报告PDF</span>
|
||||
</div>
|
||||
<div
|
||||
class="pdfContent"
|
||||
v-loading="pdfLoading"
|
||||
element-loading-text="PDF生成中..."
|
||||
element-loading-spinner="el-icon-loading"
|
||||
>
|
||||
<!-- <PdfLoad :pdfPath="pdfPath" v-if="pdfLoading === false"></PdfLoad> -->
|
||||
<iframe
|
||||
class="pdfPage"
|
||||
:src="pdfPath"
|
||||
frameborder="0"
|
||||
v-if="pdfLoading === false"
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rpShow">
|
||||
<el-tabs type="card">
|
||||
<el-tab-pane label="查看待检验产品">
|
||||
<div
|
||||
class="earth"
|
||||
id="cesiumView"
|
||||
@click="pickValue"
|
||||
style="overflow: hidden; position: relative"
|
||||
></div>
|
||||
<div class="cstop">
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="rpDataMsg"
|
||||
class="demo-form-inline"
|
||||
:disabled="true"
|
||||
>
|
||||
<el-form-item label="卫星" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="rpDataMsg.satellite"
|
||||
placeholder="采样卫星"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="载荷名称" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="rpDataMsg.load"
|
||||
placeholder="载荷方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="空间分辨率" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="rpDataMsg.spatialRes"
|
||||
placeholder="空间分辨率"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="formatDateStr"
|
||||
placeholder="采样时间"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="级别" prop="resource" class="ysjMsg2">
|
||||
<el-radio-group v-model="rpDataMsg.level">
|
||||
<el-radio label="3"></el-radio>
|
||||
<el-radio label="4"></el-radio>
|
||||
<el-radio label="5"></el-radio>
|
||||
<!-- <el-radio label="其他"></el-radio> -->
|
||||
</el-radio-group> </el-form-item
|
||||
><br />
|
||||
<el-form-item label="坐标系统" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="rpDataMsg.coordinateSys"
|
||||
placeholder="坐标系统"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小纬度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="rpDataMsg.minLat"
|
||||
placeholder="最小纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大纬度" class="ysjMsg2">
|
||||
<el-input
|
||||
style="margin-left: 6px"
|
||||
v-model="rpDataMsg.maxLat"
|
||||
placeholder="最大纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小经度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="rpDataMsg.minLon"
|
||||
placeholder="最小经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大经度" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="rpDataMsg.maxLon"
|
||||
placeholder="最大经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="查看样本数据">
|
||||
<el-table
|
||||
:header-cell-style="headerRowClass"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
:data="sampleData"
|
||||
:stripe="true"
|
||||
height="520"
|
||||
>
|
||||
<el-table-column type="index" label="序号" width="80">
|
||||
</el-table-column>
|
||||
<el-table-column prop="sampleId" label="样本编号" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column prop="lon" label="经度"></el-table-column>
|
||||
<el-table-column prop="lat" label="纬度"></el-table-column>
|
||||
<el-table-column prop="alt" label="高度"></el-table-column>
|
||||
<el-table-column prop="dataTime" label="采样日期" sortable>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.dataTime | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="addTime"
|
||||
label="预处理时间"
|
||||
sortable
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.addTime | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="dataValue"
|
||||
label="可信度"
|
||||
sortable
|
||||
align="center"
|
||||
></el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
<div class="rpBottom">
|
||||
<el-button type="primary" @click="downloadReport">下载PDF报告</el-button>
|
||||
<el-button type="primary" @click="submitReport">保存并提交</el-button>
|
||||
<el-button type="primary" @click="reExamine">重新检验</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import RtReport from "@/components/rtReport";
|
||||
import QtReport from "@/components/qtReport";
|
||||
import PdfLoad from "@/components/pdfLoad";
|
||||
import cu from "@/lib/cesiumUtils";
|
||||
import {
|
||||
downloadPdf,
|
||||
updateOrderStage,
|
||||
updateOrderMsg,
|
||||
disOrderStatus,
|
||||
addReportMsg,
|
||||
exportWord,
|
||||
} from "@/api/pendingOrder";
|
||||
import { productSubTypeVal, truthFunVal } from "@/lib/contract.js";
|
||||
import {
|
||||
truthFunctionsMap,
|
||||
productTypeMap,
|
||||
productTypeSplMap,
|
||||
} from "@/lib/variateMap";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
RtReport,
|
||||
QtReport,
|
||||
PdfLoad,
|
||||
},
|
||||
filters: {
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryParams: null,
|
||||
reportMsg: "",
|
||||
pdSubType: undefined,
|
||||
pdfLoading: true,
|
||||
pdfPath: "", // pdf文件地址
|
||||
sampleData: [],
|
||||
rpDataMsg: {
|
||||
user: "",
|
||||
satellite: "5米光学卫星",
|
||||
load: "可见/近红外相机",
|
||||
spatialRes: "0.00000307°",
|
||||
date: "2021-08-03 16:52:40",
|
||||
level: "3",
|
||||
coordinateSys: "WGS84",
|
||||
centerPoint: "POINT(118.32,34.7)",
|
||||
minLat: "116.13622332",
|
||||
maxLat: "118.3422222",
|
||||
minLon: "34.211234",
|
||||
maxLon: "35.3455667",
|
||||
},
|
||||
realRes: undefined,
|
||||
base64Data: null,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
cu.initCesium("cesiumView");
|
||||
const geoWS = this.reportMsg.geoWS;
|
||||
const geoLN = this.reportMsg.geoLN;
|
||||
cu.addlayer(geoWS, geoLN);
|
||||
const gp = this.reportMsg.geoLayerPos;
|
||||
cu.flyToLayerRect(gp[0], gp[1], gp[2], gp[3]);
|
||||
|
||||
const sd = this.sampleData;
|
||||
for (let i in sd) {
|
||||
cu.addPoint(sd[i].lon, sd[i].lat, sd[i].alt);
|
||||
}
|
||||
|
||||
if (this.pdSubType === 6 || this.pdSubType === 12) {
|
||||
this.base64Data = this.$refs.reportQT.myCharts.getDataURL();
|
||||
} else {
|
||||
this.base64Data = this.$refs.reportRT.myCharts.getDataURL();
|
||||
}
|
||||
this.exportPdf(this.reportMsg);
|
||||
},
|
||||
created() {
|
||||
if (
|
||||
Object.keys(this.$route.params).length > 0 &&
|
||||
sessionStorage.getItem("prePage") === this.configration.path.inspection
|
||||
) {
|
||||
this.queryParams = this.$route.params;
|
||||
} else {
|
||||
this.queryParams = JSON.parse(
|
||||
localStorage.getItem(this.configration.path.inspection)
|
||||
);
|
||||
}
|
||||
document.body.scrollTop = 0;
|
||||
this.init();
|
||||
},
|
||||
methods: {
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA;text-align:center";
|
||||
} else {
|
||||
return "background:#FFFFFF;text-align:center";
|
||||
}
|
||||
},
|
||||
headerRowClass() {
|
||||
return "background: #E4E9F1;text-align:center";
|
||||
},
|
||||
init() {
|
||||
const self = this;
|
||||
const rpm = (self.reportMsg = this.queryParams);
|
||||
// console.log('sendMsg',rpm);
|
||||
self.realRes = rpm.reportResult;
|
||||
self.pdSubType = rpm.pdSubType;
|
||||
const rsl = (self.sampleData = rpm.sampleList);
|
||||
// 设置样本数据展示（正射需要额外设置）
|
||||
if (rpm.pdSubType === productSubTypeVal.ACS_ORTHOPHOTO) {
|
||||
let otgVal = [];
|
||||
for (let i in rsl) {
|
||||
if (rsl[i].sameLon !== null) {
|
||||
otgVal.push({ name: "mPoint", x: rsl[i].lon, y: rsl[i].lat });
|
||||
otgVal.push({
|
||||
name: "sPoint",
|
||||
x: rsl[i].sameLon,
|
||||
y: rsl[i].sameLat,
|
||||
});
|
||||
}
|
||||
}
|
||||
self.realRes.otgVal = otgVal;
|
||||
}
|
||||
const md = rpm.metaData;
|
||||
self.rpDataMsg = {
|
||||
satellite: md.satellite,
|
||||
load: md.load,
|
||||
spatialRes: md.resRatio,
|
||||
date: md.producedDate,
|
||||
level: md.proLevel,
|
||||
coordinateSys: md.coordinateSys,
|
||||
minLat: md.minLat,
|
||||
maxLat: md.maxLat,
|
||||
minLon: md.minLon,
|
||||
maxLon: md.maxLon,
|
||||
centerPoint: "POINT(" + md.centerLon + "," + md.centerLat + ")",
|
||||
};
|
||||
},
|
||||
// 生产报告
|
||||
exportPdf(rpm) {
|
||||
const self = this;
|
||||
const asmo = rpm.orderMsg;
|
||||
const asmp = rpm.productMsg;
|
||||
const asmm = rpm.metaData;
|
||||
// 设置真实性检验参数
|
||||
const rpVal = rpm.reportResult.report;
|
||||
const crTime = rpm.reportResult.time;
|
||||
let iat = "";
|
||||
let iatResArr = [];
|
||||
const psId = self.pdSubType;
|
||||
const psVal = productSubTypeVal;
|
||||
let errorList = [];
|
||||
let realList = [];
|
||||
let otgError = [];
|
||||
for (let i in rpVal) {
|
||||
let ri = rpVal[i];
|
||||
const ni = Number(i);
|
||||
// 真实性检验算法判断（8，2，3）
|
||||
if (
|
||||
ni === truthFunVal.ACM_ERRORMATRIX ||
|
||||
ni === truthFunVal.ACM_RELATIVEERROR ||
|
||||
ni === truthFunVal.ACM_REALVALLIST
|
||||
) {
|
||||
ri = JSON.stringify(rpVal[i]);
|
||||
}
|
||||
if (
|
||||
(ni === truthFunVal.ACM_MEANABSOLUTERELATIVEERROR ||
|
||||
ni === truthFunVal.ACM_MEANRELATIVEERROR) &&
|
||||
psId === psVal.ACS_ORTHOPHOTO
|
||||
) {
|
||||
ri = JSON.stringify(rpVal[i]);
|
||||
}
|
||||
if (ni === truthFunVal.ACM_RELATIVEERROR) errorList = rpVal[i];
|
||||
if (ni === truthFunVal.ACM_REALVALLIST) realList = rpVal[i];
|
||||
if (ni === truthFunVal.ACM_OTGERROR) otgError = rpVal[i];
|
||||
iatResArr.push(truthFunctionsMap(i) + ":" + ri);
|
||||
if (
|
||||
ni !== truthFunVal.ACM_OTGERROR &&
|
||||
ni !== truthFunVal.ACM_REALVALLIST
|
||||
)
|
||||
iat += truthFunctionsMap(i) + ",";
|
||||
}
|
||||
if (iat.length > 0) iat = iat.substr(0, iat.length - 1);
|
||||
// 设置产品类型
|
||||
let category = undefined;
|
||||
if (psId === psVal.ACS_ORTHOPHOTO || psId === psVal.ACS_DEM)
|
||||
category = "几何";
|
||||
else if (
|
||||
psId === psVal.ACS_BACKSCATTERINGCOEFFICIENT ||
|
||||
psId === psVal.ACS_ATMOSPHERICDELAYCORRECTION
|
||||
)
|
||||
category = "辐射";
|
||||
else if (
|
||||
psId === psVal.ACS_GROUNDLEAFAREAINDEX ||
|
||||
psId === psVal.ACS_VEGETATIONPHENOLOGY ||
|
||||
psId === psVal.ACS_GROUNDVEGETATIONHEIGHT
|
||||
)
|
||||
category = "植被";
|
||||
else category = "陆表";
|
||||
const pdfMsg = {
|
||||
category: category,
|
||||
categoryType: productTypeSplMap(self.pdSubType),
|
||||
product: productTypeMap(self.pdSubType),
|
||||
orderID: asmo.order_code,
|
||||
reportMaker: localStorage.userName,
|
||||
orderCreateTime: asmo.create_date,
|
||||
orderStartTime: crTime.startTime,
|
||||
orderEndTime: crTime.endTime,
|
||||
reportCreateTime: asmo.create_date,
|
||||
inspectorName: localStorage.userName,
|
||||
productFileName: asmp.fileName,
|
||||
resolution: asmm.resRatio + "",
|
||||
productCreateTime: asmp.productDate,
|
||||
coordinatSeystem: asmm.coordinateSys,
|
||||
sampleTimeRequest:
|
||||
asmo.simple_start_time + " - " + asmo.simple_end_time,
|
||||
sampleType: "点",
|
||||
sampleCount: rpm.sampleList.length + "",
|
||||
// areaLeftUp: asmm.minLon + "," + asmm.maxLat,
|
||||
// areaRightDown: asmm.maxLon + "," + asmm.minLat,
|
||||
minLon: asmm.minLon,
|
||||
maxLon: asmm.maxLon,
|
||||
minLat: asmm.minLat,
|
||||
maxLat: asmm.maxLat,
|
||||
inspectionAlgorithm: iat,
|
||||
sampleList: JSON.stringify(rpm.sampleList),
|
||||
inspectionResultList: iatResArr,
|
||||
imgData: this.base64Data,
|
||||
errorList: errorList,
|
||||
realList: realList,
|
||||
otgError: otgError,
|
||||
};
|
||||
const pdfName = productTypeMap(self.pdSubType) + "报告";
|
||||
const localTiffPath = rpm.tifPath;
|
||||
const httpTiffPath = null;
|
||||
// console.log("1111111", pdfMsg);
|
||||
exportWord(pdfMsg, pdfName, localTiffPath, httpTiffPath, psId).then(
|
||||
(res) => {
|
||||
if (res.msg === "success") {
|
||||
const ru = res.pdfUrl;
|
||||
const pos = ru.lastIndexOf("/");
|
||||
const pdfName = ru.substr(pos + 1);
|
||||
self.pdfPath = this.configration.urlprefix.pdfUrlPrefix + pdfName;
|
||||
self.pdfLoading = false;
|
||||
}
|
||||
}
|
||||
);
|
||||
},
|
||||
// 下载报告
|
||||
downloadReport() {
|
||||
const pdfPath = this.pdfPath;
|
||||
if (pdfPath !== null || pdfPath !== undefined) {
|
||||
const pdfName = pdfPath.substr(pdfPath.lastIndexOf("/") + 1); //截取文件名称字符串
|
||||
downloadPdf(pdfPath).then((res) => {
|
||||
if (res.size > 0) {
|
||||
const content = res;
|
||||
const blob = new Blob([content]);
|
||||
const fileName = pdfName;
|
||||
if ("download" in document.createElement("a")) {
|
||||
// 非IE下载
|
||||
const elink = document.createElement("a");
|
||||
elink.download = fileName;
|
||||
elink.style.display = "none";
|
||||
elink.href = URL.createObjectURL(blob);
|
||||
document.body.appendChild(elink);
|
||||
elink.click();
|
||||
URL.revokeObjectURL(elink.href); // 释放URL 对象
|
||||
document.body.removeChild(elink);
|
||||
} else {
|
||||
// IE10+下载
|
||||
navigator.msSaveBlob(blob, fileName);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 提交检验结果以及报告结果
|
||||
submitReport() {
|
||||
// 更新订单状态
|
||||
const os = 2; //审核完成
|
||||
this.updateOrder(os);
|
||||
// 上传报告
|
||||
const rpm = this.reportMsg;
|
||||
const pp = this.pdfPath;
|
||||
if (pp !== null || pp !== undefined) {
|
||||
const pos = pp.lastIndexOf("/");
|
||||
const pdfName = pp.substr(pos + 1);
|
||||
const rf = new FormData();
|
||||
rf.append("orderId", rpm.orderId);
|
||||
rf.append("reportName", pdfName);
|
||||
rf.append("reportPath", pp);
|
||||
addReportMsg(rf).then((res) => {
|
||||
// console.log(res);
|
||||
if (res.code === 200) {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "订单处理成功",
|
||||
});
|
||||
updateOrderMsg({
|
||||
id: rpm.orderId,
|
||||
auditId: rpm.userId,
|
||||
auditName: localStorage.userName,
|
||||
});
|
||||
disOrderStatus(rpm.orderId);
|
||||
this.$router.push({ name: "待处理的检验订单" });
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 重新检验
|
||||
reExamine() {
|
||||
const os = 8;
|
||||
this.updateOrder(os);
|
||||
this.$router.push({ name: "待处理的检验订单" });
|
||||
},
|
||||
// 更新订单状态
|
||||
updateOrder(orderStatus) {
|
||||
const rpm = this.reportMsg;
|
||||
const up = new FormData();
|
||||
up.append("orderId", rpm.orderId);
|
||||
up.append("orderStatus", orderStatus);
|
||||
up.append("userId", rpm.userId);
|
||||
updateOrderStage(up);
|
||||
},
|
||||
pickValue() {
|
||||
cu.handleClick();
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
formatDateStr: function () {
|
||||
let inputTime = this.rpDataMsg.date;
|
||||
if (!inputTime) {
|
||||
//&& typeof inputTime !== 'number'){
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime).getTime();
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.rpHeader {
|
||||
height: 1000px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.rphLeft {
|
||||
width: calc(50% - 5px);
|
||||
height: 100%;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.rphRight {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
background-color: white;
|
||||
}
|
||||
.pdfContent {
|
||||
background-color: #343537;
|
||||
height: calc(100% - 60px);
|
||||
margin: 10px;
|
||||
border: 1px solid #343537;
|
||||
.pdfPage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.rpShow {
|
||||
padding-top: 20px;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
height: 650px;
|
||||
.earth {
|
||||
width: 98%;
|
||||
height: 400px;
|
||||
background-color: darkblue;
|
||||
margin-left: 1%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.rpBottom {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
/deep/.rpBottom {
|
||||
.el-button--primary {
|
||||
width: 170px;
|
||||
height: 35px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #354595;
|
||||
margin-left: 10px;
|
||||
border-color: #354595;
|
||||
}
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
vertical-align: top;
|
||||
margin-left: 20px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.cstop {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.ysjMsg {
|
||||
width: 18%;
|
||||
}
|
||||
.ysjMsgMrg {
|
||||
margin-left: 14px;
|
||||
}
|
||||
.ysjMsg2 {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/deep/.cstop .el-input.is-disabled .el-input__inner {
|
||||
width: 140px;
|
||||
height: 33px;
|
||||
}
|
||||
/deep/.cstop .el-form--inline .el-form-item__label {
|
||||
text-align: justify;
|
||||
// text-align-last: justify;
|
||||
font-size: 15px;
|
||||
}
|
||||
/deep/.cstop .el-radio {
|
||||
margin-right: 10px;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: #354595;
|
||||
background: white;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled .el-radio__inner {
|
||||
border-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked + .el-radio__label {
|
||||
color: #606266;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner {
|
||||
border: 2px solid #354595;
|
||||
}
|
||||
|
||||
// /deep/.el-input.is-disabled .el-input__inner {
|
||||
// width: 120px;
|
||||
// }
|
||||
// /deep/.el-form--inline .el-form-item__label {
|
||||
// // width: 90px;
|
||||
// text-align: justify;
|
||||
// // text-align-last: justify;
|
||||
// font-size: 14px;
|
||||
// margin-left: 15px;
|
||||
// padding: 0 5px 0 0;
|
||||
// }
|
||||
/deep/.el-tabs__item:hover {
|
||||
color: black;
|
||||
}
|
||||
/deep/.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
|
||||
color: white;
|
||||
background-color: #409eff;
|
||||
border-color: #409eff;
|
||||
}
|
||||
/deep/.el-tabs__nav-scroll {
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
// display: block;
|
||||
}
|
||||
/deep/.el-tabs--card > .el-tabs__header .el-tabs__nav {
|
||||
display: block;
|
||||
left: 41.5%;
|
||||
// transform: translateX(-50%);
|
||||
// margin: 0 auto;
|
||||
// text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
/deep/.el-tabs--card > .el-tabs__header {
|
||||
border-bottom: 0;
|
||||
// border-bottom: 1px solid #E4E7ED;
|
||||
}
|
||||
/deep/.el-tabs--card > .el-tabs__header .el-tabs__nav {
|
||||
border-bottom: 1px solid #e4e7ed;
|
||||
}
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,963 @@
|
|||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<transition name="Fade" mode="out-in">
|
||||
<router-view></router-view>
|
||||
</transition>
|
||||
</div>
|
||||
<div class="page" v-show="pageshow">
|
||||
<div class="daichuli">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">订单信息</span>
|
||||
</div>
|
||||
<el-table
|
||||
:data="orderData"
|
||||
:header-cell-style="{ background: '#E4E9F1' }"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
:default-sort="{ prop: 'date', order: 'descending' }"
|
||||
>
|
||||
<el-table-column
|
||||
prop="orderCode"
|
||||
label="订单编号"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderSource"
|
||||
label="订单来源"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.orderSource | orderSourceFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="uploadDate" label="提交时间" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.uploadDate | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="fileName" label="文件名" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="fileSize"
|
||||
label="文件大小"
|
||||
sortable
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.fileSize | transformByte }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="fileFormat"
|
||||
label="文件格式"
|
||||
sortable
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="元数据" align="center">
|
||||
<el-button type="primary" @click="changePage">查看</el-button>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="daichuli2" v-show="isShow">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">元数据查看</span>
|
||||
</div>
|
||||
<div class="cstop">
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="formInline"
|
||||
class="demo-form-inline"
|
||||
:disabled="true"
|
||||
>
|
||||
<el-form-item label="卫星" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="formInline.satellite"
|
||||
placeholder="卫星名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="载荷名称" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="formInline.load"
|
||||
placeholder="载荷方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="空间分辨率" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="formInline.resRatio"
|
||||
placeholder="空间分辨率"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间" class="ysjMsg" prop="producedDate">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="formatDateStr"
|
||||
placeholder="生产时间"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="级别" prop="resource" class="ysjMsg2">
|
||||
<el-radio-group v-model="formInline.proLevel">
|
||||
<el-radio label="3"></el-radio>
|
||||
<el-radio label="4"></el-radio>
|
||||
<el-radio label="5"></el-radio>
|
||||
<!-- <el-radio label="其他"></el-radio> -->
|
||||
</el-radio-group> </el-form-item
|
||||
><br />
|
||||
<el-form-item label="坐标系统" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="formInline.coordinateSys"
|
||||
placeholder="坐标系统"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小纬度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="formInline.minLat"
|
||||
placeholder="最小纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大纬度" class="ysjMsg2">
|
||||
<el-input
|
||||
style="margin-left: 6px"
|
||||
v-model="formInline.maxLat"
|
||||
placeholder="最大纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小经度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="formInline.minLon"
|
||||
placeholder="最小经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大经度" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="formInline.maxLon"
|
||||
placeholder="最大经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="daichuli1">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">待检验产品预览</span
|
||||
><el-button type="primary" size="small" @click="downLoadPro"
|
||||
>下载</el-button
|
||||
>
|
||||
</div>
|
||||
<product-info
|
||||
@removeLayer="removeLayer"
|
||||
@addLayer="addLayer"
|
||||
@removeSample="removeSplData"
|
||||
@addSample="getSplData"
|
||||
></product-info>
|
||||
<div class="preview">
|
||||
<div
|
||||
id="PendPreview"
|
||||
@click="pickValue"
|
||||
style="overflow: hidden; position: relative"
|
||||
></div>
|
||||
<!-- <div v-if="shadeIsShow" class="shade" @click="enterPreview">
|
||||
<svg aria-hidden="true" width="22" height="22" focusable="false" data-prefix="fas" data-icon="hand-pointer" class="svg-inline--fa fa-hand-pointer fa-w-14 fa-lg " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path fill="currentColor" d="M448 240v96c0 3.084-.356 6.159-1.063 9.162l-32 136C410.686 499.23 394.562 512 376 512H168a40.004 40.004 0 0 1-32.35-16.473l-127.997-176c-12.993-17.866-9.043-42.883 8.822-55.876 17.867-12.994 42.884-9.043 55.877 8.823L104 315.992V40c0-22.091 17.908-40 40-40s40 17.909 40 40v200h8v-40c0-22.091 17.908-40 40-40s40 17.909 40 40v40h8v-24c0-22.091 17.908-40 40-40s40 17.909 40 40v24h8c0-22.091 17.908-40 40-40s40 17.909 40 40zm-256 80h-8v96h8v-96zm88 0h-8v96h8v-96zm88 0h-8v96h8v-96z"></path>
|
||||
</svg>
|
||||
点击进入
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="daichuli1" v-if="groudClassShow">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span
|
||||
><span class="sp2">{{
|
||||
orderMsg.product_subclass_id == 6
|
||||
? "地表覆盖类型表"
|
||||
: "植被物候类型表"
|
||||
}}</span>
|
||||
</div>
|
||||
<el-table
|
||||
:data="groudClassData"
|
||||
:header-cell-style="{ background: '#E4E9F1' }"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
height="200"
|
||||
>
|
||||
<el-table-column label="序号" align="center" type="index" width="100">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="typeName"
|
||||
label="地物类型名称"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="typeId"
|
||||
label="像素实际值"
|
||||
align="center"
|
||||
></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="dealGrp">
|
||||
<el-button type="primary" @click="inspection">处理</el-button>
|
||||
<el-button type="primary" @click="dialogFormVisible = true"
|
||||
>无法处理</el-button
|
||||
>
|
||||
<el-button type="primary" @click="todaichuli">取消</el-button>
|
||||
</div>
|
||||
<!-- 无法处理弹窗 -->
|
||||
<div class="unableDeal">
|
||||
<el-dialog title="" :visible.sync="dialogFormVisible" width="35%">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">反馈信息</span>
|
||||
</div>
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="unDeal"
|
||||
class="demo-form-inline"
|
||||
ref="feedbackForm"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-form-item label="反馈结果">
|
||||
<el-radio-group v-model="unDeal.udMsg">
|
||||
<el-radio label="无法处理"></el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="原因"
|
||||
prop="udReason"
|
||||
:rules="[{ message: ' ', required: true }]"
|
||||
>
|
||||
<el-select v-model="unDeal.udReason" placeholder="选择原因">
|
||||
<el-option
|
||||
v-for="item in udrOptions"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="图片上传">
|
||||
<div class="tupian">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action="/"
|
||||
accept=".jpg,.jpeg,.png"
|
||||
:before-upload="beforeUpload"
|
||||
:http-request="uploadImgFile"
|
||||
:on-remove="removeUploadFile"
|
||||
list-type="picture"
|
||||
>
|
||||
<el-button size="small" type="white"
|
||||
><i class="el-icon-upload"></i>上传图片</el-button
|
||||
>
|
||||
</el-upload>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<div class="beizhu">
|
||||
<el-form-item label="备注">
|
||||
<el-input
|
||||
type="textarea"
|
||||
v-model="unDeal.remark"
|
||||
style="margin-left: -40px"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="subFeedback">保存</el-button>
|
||||
<el-button type="primary" @click="dialogFormVisible = false"
|
||||
>取 消</el-button
|
||||
>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import cu from "@/lib/cesiumUtils";
|
||||
import {
|
||||
getProductMsg,
|
||||
getProductMetaMsg,
|
||||
getCoverTypes,
|
||||
orderFeedback,
|
||||
updateOrderMsg,
|
||||
disOrderStatus,
|
||||
updateOrderStage,
|
||||
getOrderSamples,
|
||||
downloadPdf,
|
||||
} from "@/api/pendingOrder";
|
||||
import qs from "qs";
|
||||
import ProductInfo from "../../../components/productInfo/index";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
ProductInfo,
|
||||
},
|
||||
mounted() {
|
||||
cu.initCesium("PendPreview");
|
||||
cu.handleClick();
|
||||
},
|
||||
created() {
|
||||
if (
|
||||
Object.keys(this.$route.params).length > 0 &&
|
||||
sessionStorage.getItem("prePage") === this.configration.path.daichuli
|
||||
) {
|
||||
this.queryParams = this.$route.params;
|
||||
} else {
|
||||
this.queryParams = JSON.parse(
|
||||
localStorage.getItem(this.configration.path.daichuli)
|
||||
);
|
||||
}
|
||||
document.body.scrollTop = 0;
|
||||
this.initOrderMsg();
|
||||
this.getSplData();
|
||||
},
|
||||
filters: {
|
||||
orderSourceFilter(orderSource) {
|
||||
const orderSourceMap = {
|
||||
0: "用户上传",
|
||||
1: "历史上传",
|
||||
2: "平台共享",
|
||||
};
|
||||
return orderSourceMap[orderSource];
|
||||
},
|
||||
transformByte(size) {
|
||||
if (!size) {
|
||||
return "0B";
|
||||
}
|
||||
var num = 1024.0;
|
||||
if (size < num) {
|
||||
return size + "B";
|
||||
}
|
||||
if (size < Math.pow(num, 2)) {
|
||||
return (size / num).toFixed(2) + "K";
|
||||
}
|
||||
if (size < Math.pow(num, 3)) {
|
||||
return (size / Math.pow(num, 2)).toFixed(2) + "M";
|
||||
}
|
||||
if (size < Math.pow(num, 4)) {
|
||||
return (size / Math.pow(num, 3)).toFixed(2) + "G";
|
||||
}
|
||||
return (size / Math.pow(num, 4)).toFixed(2) + "T"; // T
|
||||
},
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryParams: null,
|
||||
orderMsg: "",
|
||||
userId: null,
|
||||
productMsg: "",
|
||||
pageshow: true,
|
||||
isShow: false,
|
||||
formInline: {
|
||||
satellite: "", //卫星
|
||||
load: "", //载荷
|
||||
resRatio: "0.000307", //空间分辨率
|
||||
producedDate: "",
|
||||
proLevel: "4", //产品级别
|
||||
coordinateSys: "WGS84", //坐标系
|
||||
minLat: "116.13622332", //最小经度
|
||||
maxLat: "118.342222", //最大经度
|
||||
minLon: "34.211234", //最小纬度
|
||||
maxLon: "35.3455666", //最大纬度
|
||||
centerLon: "",
|
||||
centerLat: "",
|
||||
},
|
||||
orderData: [
|
||||
{
|
||||
orderCode: "219088784675",
|
||||
orderSource: "本地上传",
|
||||
uploadDate: "2021-05-24",
|
||||
fileName: "XXXXX产品.zip",
|
||||
fileSize: "1.0GB",
|
||||
fileFormat: "geotiff",
|
||||
},
|
||||
],
|
||||
tifPath: "",
|
||||
unDeal: {
|
||||
udMsg: "无法处理",
|
||||
udReason: "",
|
||||
remark: "",
|
||||
},
|
||||
udrOptions: [
|
||||
{
|
||||
value: "待检验产品格式不支持",
|
||||
label: "待检验产品格式不支持",
|
||||
},
|
||||
{
|
||||
value: "缺少地面实测数据",
|
||||
label: "缺少地面实测数据",
|
||||
},
|
||||
{
|
||||
value: "添加样本分布不均匀",
|
||||
label: "添加样本分布不均匀",
|
||||
},
|
||||
{
|
||||
value: "实测数据样本数量不满足要求",
|
||||
label: "实测数据样本数量不满足要求",
|
||||
},
|
||||
{
|
||||
value: "其他",
|
||||
label: "其他",
|
||||
},
|
||||
],
|
||||
feedbackImg: null,
|
||||
imgLocalUrl: null,
|
||||
imgFileList: [],
|
||||
dialogTableVisible: false,
|
||||
dialogFormVisible: false,
|
||||
groudClassShow: false,
|
||||
groudClassData: [
|
||||
{
|
||||
groClaName: "林地",
|
||||
pixelNum: "10",
|
||||
},
|
||||
{
|
||||
groClaName: "草地",
|
||||
pixelNum: "02",
|
||||
},
|
||||
],
|
||||
workSpace: null,
|
||||
layerName: null,
|
||||
|
||||
shadeIsShow: true,
|
||||
tempPos: null,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
formatDateStr: function () {
|
||||
let inputTime = this.formInline.producedDate;
|
||||
if (!inputTime) {
|
||||
//&& typeof inputTime !== 'number'){
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime).getTime();
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
enterPreview() {
|
||||
// cu.initCesium("PendPreview");
|
||||
// this.initOrderMsg();
|
||||
const res = this.tempPos;
|
||||
cu.flyToLayerRect(
|
||||
res.boundBoxMinX,
|
||||
res.boundBoxMinY,
|
||||
res.boundingBoxMaxX,
|
||||
res.boundBoxMaxY
|
||||
);
|
||||
this.getSplData();
|
||||
this.shadeIsShow = false;
|
||||
},
|
||||
initOrderMsg() {
|
||||
const self = this;
|
||||
const om = (self.orderMsg = this.queryParams);
|
||||
// console.log("11111111", om);
|
||||
this.userId = Number(localStorage.userId);
|
||||
const orderId = self.orderMsg.id,
|
||||
pdType = self.orderMsg.product_subclass_id,
|
||||
pdUId = self.orderMsg.product_upload_id;
|
||||
getProductMsg(qs.stringify({ productId: pdUId })).then((res) => {
|
||||
// console.log(res[0])
|
||||
if (res || res.length !== 0) {
|
||||
const r = res[0];
|
||||
this.tifPath = r.tifPath;
|
||||
sessionStorage.setItem("tifPath", r.tifPath);
|
||||
self.productMsg = r;
|
||||
self.orderData = [];
|
||||
self.orderData.push({
|
||||
orderCode: om.order_code,
|
||||
orderSource: om.order_resource,
|
||||
uploadDate: om.create_date,
|
||||
fileName: r.fileName,
|
||||
fileSize: r.fileSize,
|
||||
fileFormat: r.fileFormat,
|
||||
});
|
||||
getProductMetaMsg(qs.stringify({ dataPath: r.tifPath })).then(
|
||||
(res) => {
|
||||
if (res !== null) {
|
||||
self.formInline = {
|
||||
satellite: om.satellite_name,
|
||||
load: om.satellite_load_name,
|
||||
resRatio:
|
||||
res.imageResolution > 0.01
|
||||
? res.imageResolution
|
||||
: (res.imageResolution * 111194.926).toFixed(2) + "米",
|
||||
coordinateSys: res.coordinateSystem,
|
||||
minLat: res.boundBoxMinY.toFixed(8),
|
||||
maxLat: res.boundBoxMaxY.toFixed(8),
|
||||
minLon: res.boundBoxMinX.toFixed(8),
|
||||
maxLon: res.boundingBoxMaxX.toFixed(8),
|
||||
centerLon: res.centerPosition.x,
|
||||
centerLat: res.centerPosition.y,
|
||||
producedDate: r.productDate,
|
||||
proLevel: r.productLevel + "",
|
||||
};
|
||||
//cu.flyToLayer(res.centerPosition.x,res.centerPosition.y)
|
||||
// this.tempPos = res;
|
||||
cu.flyToLayerRect(
|
||||
res.boundBoxMinX,
|
||||
res.boundBoxMinY,
|
||||
res.boundingBoxMaxX,
|
||||
res.boundBoxMaxY
|
||||
);
|
||||
}
|
||||
}
|
||||
);
|
||||
const geoWS = r.geoWorkspace;
|
||||
const geoLN = r.layerName;
|
||||
this.workSpace = geoWS;
|
||||
this.layerName = geoLN;
|
||||
cu.addlayer(geoWS, geoLN);
|
||||
}
|
||||
});
|
||||
if (pdType === 6 || pdType === 12) {
|
||||
self.groudClassShow = true;
|
||||
getCoverTypes(orderId).then((res) => {
|
||||
if (res.msg === "操作成功") {
|
||||
self.groudClassData = res.data;
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
inspection() {
|
||||
// this.pageshow=false
|
||||
let param = {
|
||||
userId: this.userId,
|
||||
orderMsg: this.orderMsg,
|
||||
productMsg: this.productMsg,
|
||||
orderData: this.orderData,
|
||||
metaMsg: this.formInline,
|
||||
};
|
||||
localStorage.setItem(
|
||||
this.configration.path.orderUnprocessed,
|
||||
JSON.stringify(param)
|
||||
);
|
||||
this.$router.push({ name: "检验处理", params: param });
|
||||
},
|
||||
changePage() {
|
||||
this.isShow = !this.isShow;
|
||||
},
|
||||
todaichuli() {
|
||||
this.$router.push(this.configration.path.daichuli);
|
||||
},
|
||||
backpage() {
|
||||
this.$router.go(-1);
|
||||
this.bus.$emit("aaaa", true);
|
||||
},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA";
|
||||
} else {
|
||||
return "background:#FFFFFF";
|
||||
}
|
||||
},
|
||||
uploadImgFile(option) {
|
||||
this.feedbackImg = option.file;
|
||||
},
|
||||
beforeUpload(file) {
|
||||
if (this.imgFileList.length > 0) {
|
||||
this.$message({
|
||||
message: "只能保存一张图片，请删除后再次上传！",
|
||||
type: "warning",
|
||||
});
|
||||
return false;
|
||||
}
|
||||
|
||||
this.imgFileList.push(file);
|
||||
this.imgLocalUrl = window.URL.createObjectURL(file);
|
||||
},
|
||||
removeUploadFile(file) {
|
||||
this.imgFileList.pop(file);
|
||||
},
|
||||
//订单反馈
|
||||
subFeedback() {
|
||||
this.$refs["feedbackForm"].validate((valid) => {
|
||||
if (valid) {
|
||||
const fb = new FormData();
|
||||
fb.append("orderId", this.orderMsg.id);
|
||||
fb.append("userId", this.userId);
|
||||
fb.append("feedbackResult", this.unDeal.udMsg);
|
||||
fb.append("feedbackReason", this.unDeal.udReason);
|
||||
fb.append("feedbackContext", this.unDeal.remark);
|
||||
fb.append("imgFile", this.feedbackImg);
|
||||
orderFeedback(fb).then((res) => {
|
||||
if (res.code === 200 || res.message === "反馈成功") {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "反馈成功",
|
||||
});
|
||||
this.imgLocalUrl = null;
|
||||
this.dialogFormVisible = false;
|
||||
updateOrderMsg({
|
||||
id: this.orderMsg.id,
|
||||
auditId: this.userId,
|
||||
auditName: localStorage.userName,
|
||||
});
|
||||
disOrderStatus(this.orderMsg.id);
|
||||
const up = new FormData();
|
||||
up.append("orderId", this.orderMsg.id);
|
||||
up.append("orderStatus", 3);
|
||||
up.append("userId", this.orderMsg.user_id);
|
||||
updateOrderStage(up).then((res) => {
|
||||
if (res.code === 200)
|
||||
this.$router.push({ name: "待处理的检验订单" });
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
message: "无法处理的原因不能为空值！",
|
||||
type: "error",
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 获取样本
|
||||
getSplData() {
|
||||
getOrderSamples(this.orderMsg.id, this.orderMsg.product_subclass_id).then(
|
||||
(res) => {
|
||||
if (res.code == 200) {
|
||||
const sp = res.data;
|
||||
if (sp.length === 0) {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "没有样本数据",
|
||||
});
|
||||
} else {
|
||||
cu.removePoint();
|
||||
for (let i in sp) {
|
||||
cu.addPoint(sp[i].lon, sp[i].lat, sp[i].alt);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
},
|
||||
// 下载产品数据
|
||||
downLoadPro() {
|
||||
// console.log(this.productMsg);
|
||||
const zipPath = this.productMsg.filePath;
|
||||
if (zipPath !== null || zipPath !== undefined) {
|
||||
const pdfName = zipPath.substr(zipPath.lastIndexOf("/") + 1); //截取文件名称字符串
|
||||
if ("download" in document.createElement("a")) {
|
||||
const elink = document.createElement("a");
|
||||
elink.download = pdfName;
|
||||
elink.style.display = "none";
|
||||
elink.href = zipPath;
|
||||
document.body.appendChild(elink);
|
||||
elink.click();
|
||||
document.body.removeChild(elink);
|
||||
} else {
|
||||
location.href = zipPath;
|
||||
}
|
||||
// downloadPdf(zipPath).then((res) => {
|
||||
// // console.log(res);
|
||||
// if (res.size > 0) {
|
||||
// const content = res;
|
||||
// const blob = new Blob([content]);
|
||||
// const fileName = pdfName;
|
||||
// if ("download" in document.createElement("a")) {
|
||||
// // 非IE下载
|
||||
// const elink = document.createElement("a");
|
||||
// elink.download = fileName;
|
||||
// elink.style.display = "none";
|
||||
// elink.href = URL.createObjectURL(blob);
|
||||
// document.body.appendChild(elink);
|
||||
// elink.click();
|
||||
// URL.revokeObjectURL(elink.href); // 释放URL 对象
|
||||
// document.body.removeChild(elink);
|
||||
// } else {
|
||||
// // IE10+下载
|
||||
// navigator.msSaveBlob(blob, fileName);
|
||||
// }
|
||||
// }
|
||||
// });
|
||||
}
|
||||
},
|
||||
pickValue() {
|
||||
cu.handleClick();
|
||||
},
|
||||
addLayer() {
|
||||
cu.addlayer(this.workSpace, this.layerName);
|
||||
},
|
||||
removeLayer() {
|
||||
cu.clearLayers();
|
||||
},
|
||||
removeSplData() {
|
||||
cu.removePoint();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.Fade-enter,
|
||||
.Fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
.Fade-enter-to,
|
||||
.Fade-leave {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.Fade-enter-active,
|
||||
.Fade-leave-active {
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
.daichuli {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.daichuli1 {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.daichuli2 {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
top: 6px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 30px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
/deep/.daichuli .el-button--primary {
|
||||
color: #fff;
|
||||
background-color: #409eff;
|
||||
border-color: #409eff;
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
}
|
||||
/deep/.daichuli .el-button--primary:focus {
|
||||
background-color: #354595;
|
||||
border-color: #354595;
|
||||
}
|
||||
/deep/ .daichuli1 .el-button--primary {
|
||||
color: #fff;
|
||||
background-color: #409eff;
|
||||
border-color: #409eff;
|
||||
width: 100px;
|
||||
height: 30px;
|
||||
margin-left: 30px;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
#PendPreview {
|
||||
width: 98%;
|
||||
height: 600px;
|
||||
background-color: #354595;
|
||||
margin-left: 1%;
|
||||
margin-top: -60px;
|
||||
}
|
||||
.dealGrp {
|
||||
// margin-top: 20px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
}
|
||||
/deep/.dealGrp .el-button--primary {
|
||||
width: 170px;
|
||||
height: 35px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #354595;
|
||||
margin-left: 10px;
|
||||
border-color: #354595;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary:hover {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary:focus {
|
||||
background-color: #6979cc;
|
||||
border-color: #6979cc;
|
||||
}
|
||||
.cstop {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.ysjMsg {
|
||||
width: 18%;
|
||||
}
|
||||
.ysjMsgMrg {
|
||||
margin-left: 14px;
|
||||
}
|
||||
.ysjMsg2 {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/deep/.cstop .el-input.is-disabled .el-input__inner {
|
||||
width: 140px;
|
||||
height: 33px;
|
||||
}
|
||||
/deep/.cstop .el-form--inline .el-form-item__label {
|
||||
text-align: justify;
|
||||
// text-align-last: justify;
|
||||
font-size: 15px;
|
||||
}
|
||||
/deep/.cstop .el-radio {
|
||||
margin-right: 10px;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: #354595;
|
||||
background: white;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled .el-radio__inner {
|
||||
border-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked + .el-radio__label {
|
||||
color: #606266;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner {
|
||||
border: 2px solid #354595;
|
||||
}
|
||||
|
||||
.unableDeal .box1 {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 10px;
|
||||
z-index: 9999;
|
||||
}
|
||||
/deep/.unableDeal .el-radio {
|
||||
padding: 0 30px 0 20px;
|
||||
}
|
||||
/deep/.unableDeal .el-select .el-input {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
/deep/.unableDeal .el-upload-dragger .el-icon-upload {
|
||||
font-size: 20px;
|
||||
color: black;
|
||||
}
|
||||
.upload-demo {
|
||||
display: inline-block;
|
||||
}
|
||||
.el-upload-dragger {
|
||||
margin-left: 0px;
|
||||
}
|
||||
/deep/.unableDeal .el-upload-dragger .el-icon-upload {
|
||||
margin: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
/deep/.unableDeal .el-form-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/deep/.unableDeal .el-input__inner {
|
||||
height: 35px;
|
||||
}
|
||||
/deep/.unableDeal .el-upload-dragger {
|
||||
width: 150px;
|
||||
height: 35px;
|
||||
margin-left: 27px;
|
||||
margin-top: 20px;
|
||||
border: 1px solid #d9d9d9;
|
||||
}
|
||||
/deep/.unableDeal .el-textarea__inner {
|
||||
margin-left: 40px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.sp3 {
|
||||
position: relative;
|
||||
top: -13px;
|
||||
}
|
||||
// /deep/.el-textarea__inner{
|
||||
// margin-left: 70px;
|
||||
// margin-top: 20px;
|
||||
// }
|
||||
/deep/.beizhu .el-form-item__label {
|
||||
margin-top: 20px;
|
||||
}
|
||||
/deep/.dialog-footer {
|
||||
text-align: center;
|
||||
}
|
||||
/deep/.dialog-footer .el-button--primary {
|
||||
width: 150px;
|
||||
height: 35px;
|
||||
background-color: #354595;
|
||||
border-color: #354595;
|
||||
}
|
||||
/deep/.el-button {
|
||||
line-height: 0;
|
||||
}
|
||||
.imgPreview {
|
||||
width: 178px;
|
||||
height: 178px;
|
||||
display: block;
|
||||
}
|
||||
.preview {
|
||||
width: 98%;
|
||||
height: 600px;
|
||||
margin-left: 1%;
|
||||
margin-top: -60px;
|
||||
position: relative;
|
||||
}
|
||||
.shade {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
width: 98%;
|
||||
height: 600px;
|
||||
appearance: none;
|
||||
background-color: rgba(14, 20, 34, 0.3);
|
||||
cursor: pointer;
|
||||
margin-left: 1%;
|
||||
line-height: 600px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
z-index: 1000;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,332 @@
|
|||
<template>
|
||||
<div>
|
||||
<transition name="Fade" mode="in-out">
|
||||
<router-view></router-view>
|
||||
</transition>
|
||||
<div>
|
||||
<div class="daichuli">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">订单查询</span>
|
||||
</div>
|
||||
<OrderSearch
|
||||
:getOrderList="getOrderList"
|
||||
ref="orderSearchPanel"
|
||||
@initPage="initPage"
|
||||
></OrderSearch>
|
||||
</div>
|
||||
<div class="daichuli1">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">查询结果</span>
|
||||
</div>
|
||||
<el-table
|
||||
:header-cell-style="{ background: '#E4E9F1' }"
|
||||
:cell-style="tableRowClassName"
|
||||
:data="pendingData"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
>
|
||||
<el-table-column
|
||||
prop="orderCode"
|
||||
label="订单编号"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.order_code }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="uploadDate"
|
||||
label="提交日期"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.create_date | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="satelliteType" label="卫星类型" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.satellite_name }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="load" label="载荷名称" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.satellite_load_name }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="category" label="产品大类" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.product_id | categoryFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="cldCategory" label="产品小类" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.product_subclass_id | cldCategoryFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
prop="checkoutFun"
|
||||
label="检验类型"
|
||||
align="center"
|
||||
>
|
||||
直接检验
|
||||
</el-table-column> -->
|
||||
<el-table-column prop="user_id" label="订单创建者" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.userName }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="changePage(scope.row)"
|
||||
>订单处理</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<Pagination
|
||||
:page-sizes="[6, 12, 18]"
|
||||
:total="pageForm.total"
|
||||
:page.sync="pageForm.page"
|
||||
:limit.sync="pageForm.limit"
|
||||
@pagination="getOrderList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import OrderSearch from "@/components/orderSearch";
|
||||
import Pagination from "@/components/Pagination";
|
||||
import { getOrderListByStatus } from "@/api/common";
|
||||
import { updateOrderStatus } from "@/api/pendingOrder";
|
||||
export default {
|
||||
components: { Pagination, OrderSearch },
|
||||
filters: {
|
||||
categoryFilter(category) {
|
||||
const categoryMap = {
|
||||
1: "几何产品",
|
||||
2: "辐射产品",
|
||||
3: "陆表产品",
|
||||
4: "植被产品",
|
||||
};
|
||||
return categoryMap[category];
|
||||
},
|
||||
cldCategoryFilter(cldCategory) {
|
||||
const cldCategoryMap = {
|
||||
1: "正射校正",
|
||||
2: "高程产品",
|
||||
5: "干涉测量形变产品",
|
||||
3: "后向散射系数",
|
||||
4: "大气延迟校正",
|
||||
9: "地表粗糙度",
|
||||
6: "地表覆盖类型",
|
||||
7: "土壤水分",
|
||||
8: "地表盐碱度",
|
||||
10: "植被高度",
|
||||
11: "叶面积指数",
|
||||
12: "植被物候",
|
||||
};
|
||||
return cldCategoryMap[cldCategory];
|
||||
},
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
userIdFilter(userId) {
|
||||
const userIdMap = {
|
||||
1: "默认",
|
||||
2: "测试员",
|
||||
3: "陈鹏",
|
||||
4: "卢慧龙",
|
||||
5: "郜琪",
|
||||
};
|
||||
return userIdMap[userId];
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pendingData: [],
|
||||
pageForm: {
|
||||
total: 0,
|
||||
page: 1,
|
||||
limit: 6,
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getOrderList();
|
||||
},
|
||||
methods: {
|
||||
getOrderList() {
|
||||
const searchVal = this.$refs.orderSearchPanel;
|
||||
const sf = searchVal.searchForm;
|
||||
sf.page = this.pageForm.page;
|
||||
sf.limit = this.pageForm.limit;
|
||||
sf.status = [8];
|
||||
getOrderListByStatus(sf).then((res) => {
|
||||
// console.log(res);
|
||||
if (res.code === 200) {
|
||||
this.pendingData = res.data.dataList;
|
||||
this.pageForm.total = res.data.count;
|
||||
}
|
||||
});
|
||||
},
|
||||
initPage() {
|
||||
this.pageForm.page = 1;
|
||||
},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA";
|
||||
} else {
|
||||
return "background:#FFFFFF";
|
||||
}
|
||||
},
|
||||
changePage(orderMsg) {
|
||||
// this.$router.push("/orderUnprocessed");
|
||||
localStorage.setItem(
|
||||
this.configration.path.daichuli,
|
||||
JSON.stringify(orderMsg)
|
||||
);
|
||||
updateOrderStatus(orderMsg.id).then((res) => {
|
||||
if (res?.code === 401) {
|
||||
this.$message.warning(res.msg);
|
||||
return false;
|
||||
} else {
|
||||
this.$router.push({ name: "订单反馈", params: orderMsg });
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.Fade-enter,
|
||||
.Fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
.Fade-enter-to,
|
||||
.Fade-leave {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.Fade-enter-active,
|
||||
.Fade-leave-active {
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
.daichuli {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 16px;
|
||||
}
|
||||
.daichuli1 {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
top: 6px;
|
||||
}
|
||||
/deep/.el-icon-arrow-up:before {
|
||||
content: "\e78f";
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 30px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
|
||||
/deep/.el-date-editor--datetimerange.el-input,
|
||||
.el-date-editor--datetimerange.el-input__inner {
|
||||
width: 270px;
|
||||
height: 35px;
|
||||
line-height: 30px;
|
||||
}
|
||||
/deep/.el-range-editor.el-input__inner {
|
||||
padding: 1px 10px;
|
||||
}
|
||||
// /deep/.daichuli .el-select {
|
||||
// width: 270px;
|
||||
// }
|
||||
// /deep/.daichuli .el-input__inner {
|
||||
// height: 35px;
|
||||
// line-height: 35px;
|
||||
// }
|
||||
.inp1 {
|
||||
width: 270px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
}
|
||||
// /deep/.daichuli .el-input__inner {
|
||||
// width: 270px;
|
||||
// height: 35px;
|
||||
// line-height: 35px;
|
||||
// }
|
||||
.sp31 {
|
||||
display: inline-block;
|
||||
}
|
||||
/deep/.daichuli .el-input {
|
||||
width: 270px;
|
||||
}
|
||||
.box28 {
|
||||
text-align: center;
|
||||
}
|
||||
/deep/.daichuli .el-button--primary {
|
||||
width: 170px;
|
||||
height: 35px;
|
||||
// margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
/deep/.el-button {
|
||||
line-height: 0;
|
||||
}
|
||||
.block {
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary {
|
||||
color: #354595;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary:hover {
|
||||
background-color: #409eff;
|
||||
color: #fff;
|
||||
}
|
||||
/deep/.el-input__icon {
|
||||
line-height: 35px;
|
||||
}
|
||||
/deep/.el-table th > .cell {
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,594 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="orderMsg">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">订单信息</span>
|
||||
</div>
|
||||
<el-table
|
||||
:data="orderList"
|
||||
:header-cell-style="{ background: '#E4E9F1' }"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
:default-sort="{ prop: 'date', order: 'descending' }"
|
||||
>
|
||||
<el-table-column
|
||||
prop="orderCode"
|
||||
label="订单编号"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderSource"
|
||||
label="订单来源"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.orderSource | orderSourceFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="uploadDate" label="提交时间" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.uploadDate | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="fileName" label="文件名" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="fileSize"
|
||||
label="文件大小"
|
||||
sortable
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.fileSize | transformByte }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="fileFormat"
|
||||
label="文件格式"
|
||||
sortable
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="元数据" align="center">
|
||||
<el-button type="primary" @click="openMetaCode">查看</el-button>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="metaMsg" v-show="metaShow">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">元数据信息</span>
|
||||
</div>
|
||||
<div class="cstop">
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="metaFormMsg"
|
||||
class="demo-form-inline"
|
||||
:disabled="true"
|
||||
>
|
||||
<el-form-item label="卫星" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="metaFormMsg.satellite"
|
||||
placeholder="卫星名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="载荷" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="metaFormMsg.load"
|
||||
placeholder="载荷方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="空间分辨率" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="metaFormMsg.resRatio"
|
||||
placeholder="空间分辨率"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="formatDateStr"
|
||||
placeholder="生产时间"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="级别" prop="resource" class="ysjMsg2">
|
||||
<el-radio-group v-model="metaFormMsg.proLevel">
|
||||
<el-radio label="3"></el-radio>
|
||||
<el-radio label="4"></el-radio>
|
||||
<el-radio label="5"></el-radio>
|
||||
<!-- <el-radio label="其他"></el-radio> -->
|
||||
</el-radio-group> </el-form-item
|
||||
><br />
|
||||
<el-form-item label="坐标系统" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="metaFormMsg.coordinateSys"
|
||||
placeholder="坐标系统"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小纬度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="metaFormMsg.minLat"
|
||||
placeholder="最小纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大纬度" class="ysjMsg2">
|
||||
<el-input
|
||||
style="margin-left: 6px"
|
||||
v-model="metaFormMsg.maxLat"
|
||||
placeholder="最大纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小经度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="metaFormMsg.minLon"
|
||||
placeholder="最小经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大经度" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="metaFormMsg.maxLon"
|
||||
placeholder="最大经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showOrderMsg">
|
||||
<div class="orderScene">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">待审核产品预览</span>
|
||||
</div>
|
||||
<div
|
||||
id="auditPreview"
|
||||
@click="pickValue"
|
||||
style="overflow: hidden; position: relative"
|
||||
></div>
|
||||
</div>
|
||||
<div class="orderPdf">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">检验报告</span>
|
||||
</div>
|
||||
<div class="pdfDom">
|
||||
<iframe class="pdfPage" :src="pdfUrl" frameborder="0"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="orderAudit">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">审核信息</span>
|
||||
</div>
|
||||
<div class="radiogroup">
|
||||
<el-radio-group v-model="auditVal">
|
||||
<el-radio label="1">审核通过</el-radio>
|
||||
<el-radio label="2">审核不通过</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
placeholder="请输入内容"
|
||||
v-model="auditText"
|
||||
>
|
||||
</el-input>
|
||||
<div class="btngroup">
|
||||
<el-button class="shbtn" type="primary" @click="cancleSubmit"
|
||||
>取消</el-button
|
||||
>
|
||||
<el-button class="shbtn" type="primary" @click="submitAuditMsg"
|
||||
>确定</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import cu from "@/lib/cesiumUtils";
|
||||
import {
|
||||
getProductMsg,
|
||||
getProductMetaMsg,
|
||||
getOrderSamples,
|
||||
updateOrderMsg,
|
||||
disOrderStatus,
|
||||
updateOrderStage,
|
||||
getReportMsg,
|
||||
} from "@/api/pendingOrder";
|
||||
import { orderExamine } from "@/api/audit";
|
||||
import qs from "qs";
|
||||
|
||||
export default {
|
||||
filters: {
|
||||
orderSourceFilter(orderSource) {
|
||||
const orderSourceMap = {
|
||||
0: "用户上传",
|
||||
1: "历史上传",
|
||||
2: "平台共享",
|
||||
};
|
||||
return orderSourceMap[orderSource];
|
||||
},
|
||||
transformByte(size) {
|
||||
if (!size) {
|
||||
return "0B";
|
||||
}
|
||||
var num = 1024.0;
|
||||
if (size < num) {
|
||||
return size + "B";
|
||||
}
|
||||
if (size < Math.pow(num, 2)) {
|
||||
return (size / num).toFixed(2) + "K";
|
||||
}
|
||||
if (size < Math.pow(num, 3)) {
|
||||
return (size / Math.pow(num, 2)).toFixed(2) + "M";
|
||||
}
|
||||
if (size < Math.pow(num, 4)) {
|
||||
return (size / Math.pow(num, 3)).toFixed(2) + "G";
|
||||
}
|
||||
return (size / Math.pow(num, 4)).toFixed(2) + "T"; // T
|
||||
},
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
cu.initCesium("auditPreview");
|
||||
cu.handleClick();
|
||||
},
|
||||
created() {
|
||||
if (
|
||||
Object.keys(this.$route.params).length > 0 &&
|
||||
sessionStorage.getItem("prePage") === this.configration.path.daishenhe
|
||||
) {
|
||||
this.queryParams = this.$route.params;
|
||||
} else {
|
||||
this.queryParams = JSON.parse(
|
||||
localStorage.getItem(this.configration.path.daishenhe)
|
||||
);
|
||||
}
|
||||
console.log("111111", this.queryParams);
|
||||
document.body.scrollTop = 0;
|
||||
this.initOrderMsg();
|
||||
const samplesList = this.queryParams.sample;
|
||||
this.getSplData(samplesList);
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryParams: null,
|
||||
metaShow: false,
|
||||
orderList: [],
|
||||
metaFormMsg: {
|
||||
satellite: "", //卫星
|
||||
load: "", //载荷
|
||||
resRatio: "0.000307", //空间分辨率
|
||||
proLevel: "4", //产品级别
|
||||
coordinateSys: "WGS84", //坐标系
|
||||
minLat: "116.13622332", //最小经度
|
||||
maxLat: "118.342222", //最大经度
|
||||
minLon: "34.211234", //最小纬度
|
||||
maxLon: "35.3455666", //最大纬度
|
||||
},
|
||||
pdfUrl: "static/data/download.pdf",
|
||||
auditVal: "1",
|
||||
auditText: "",
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
formatDateStr: function () {
|
||||
let inputTime = this.metaFormMsg.producedDate;
|
||||
if (!inputTime) {
|
||||
//&& typeof inputTime !== 'number'){
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime).getTime();
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
initOrderMsg() {
|
||||
const self = this;
|
||||
const om = this.queryParams;
|
||||
const pdUId = om.product_upload_id;
|
||||
getProductMsg(qs.stringify({ productId: pdUId })).then((res) => {
|
||||
if (res || res.length !== 0) {
|
||||
const r = res[0];
|
||||
sessionStorage.setItem("tifPath", r.tifPath);
|
||||
self.orderList = [];
|
||||
self.orderList.push({
|
||||
orderCode: om.order_code,
|
||||
orderSource: om.order_resource,
|
||||
uploadDate: om.create_date,
|
||||
fileName: r.fileName,
|
||||
fileSize: r.fileSize,
|
||||
fileFormat: r.fileFormat,
|
||||
});
|
||||
getProductMetaMsg(qs.stringify({ dataPath: r.tifPath })).then(
|
||||
(res) => {
|
||||
if (res !== null) {
|
||||
self.metaFormMsg = {
|
||||
satellite: om.satellite_name,
|
||||
load: om.satellite_load_name,
|
||||
resRatio:
|
||||
res.imageResolution > 0.01
|
||||
? res.imageResolution
|
||||
: (res.imageResolution * 111194.926).toFixed(2) + "米",
|
||||
coordinateSys: res.coordinateSystem,
|
||||
minLat: res.boundBoxMinY.toFixed(8),
|
||||
maxLat: res.boundBoxMaxY.toFixed(8),
|
||||
minLon: res.boundBoxMinX.toFixed(8),
|
||||
maxLon: res.boundingBoxMaxX.toFixed(8),
|
||||
producedDate: r.productDate,
|
||||
proLevel: r.productLevel + "",
|
||||
};
|
||||
cu.flyToLayerRect(
|
||||
res.boundBoxMinX,
|
||||
res.boundBoxMinY,
|
||||
res.boundingBoxMaxX,
|
||||
res.boundBoxMaxY
|
||||
);
|
||||
}
|
||||
}
|
||||
);
|
||||
const geoWS = r.geoWorkspace;
|
||||
const geoLN = r.layerName;
|
||||
cu.addlayer(geoWS, geoLN);
|
||||
}
|
||||
});
|
||||
this.getNumPages(om.id);
|
||||
},
|
||||
getNumPages(orderId) {
|
||||
getReportMsg(orderId).then((res) => {
|
||||
console.log(res);
|
||||
if (res.code === 200 && res.data.length !== 0) {
|
||||
const rpMsg = res.data[0];
|
||||
this.pdfUrl = rpMsg.validationReportDownload;
|
||||
}
|
||||
});
|
||||
},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA";
|
||||
} else {
|
||||
return "background:#FFFFFF";
|
||||
}
|
||||
},
|
||||
openMetaCode() {
|
||||
this.metaShow = !this.metaShow;
|
||||
},
|
||||
submitAuditMsg() {
|
||||
const om = this.queryParams;
|
||||
const oe = {
|
||||
orderId: om.id,
|
||||
userId: localStorage.userId,
|
||||
exContext: this.auditText,
|
||||
exResult: Number(this.auditVal),
|
||||
};
|
||||
let os = 6;
|
||||
if (this.auditVal === "2") os = 7;
|
||||
orderExamine(qs.stringify(oe)).then((res) => {
|
||||
if (res.code === 200) {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "订单审核成功",
|
||||
});
|
||||
updateOrderMsg({
|
||||
id: om.id,
|
||||
inspectionId: localStorage.userId,
|
||||
inspectionName: localStorage.userName,
|
||||
});
|
||||
disOrderStatus(om.id);
|
||||
const up = new FormData();
|
||||
up.append("orderId", om.id);
|
||||
up.append("orderStatus", os);
|
||||
up.append("userId", om.user_id);
|
||||
updateOrderStage(up).then((res) => {
|
||||
if (res.code === 200) this.$router.push({ name: "待审核检验订单" });
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
cancleSubmit() {
|
||||
this.$router.push({ name: "待审核检验订单" });
|
||||
},
|
||||
// 获取样本
|
||||
getSplData(spl) {
|
||||
const om = this.queryParams;
|
||||
getOrderSamples(om.id, om.product_subclass_id).then((res) => {
|
||||
if (res.code == 200) {
|
||||
const sp = res.data;
|
||||
if (sp.length === 0) {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "没有样本数据",
|
||||
});
|
||||
} else {
|
||||
let sp = JSON.parse(spl);
|
||||
cu.removePoint();
|
||||
for (let i in sp) {
|
||||
cu.addPoint(sp[i].lon, sp[i].lat, sp[i].alt);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
pickValue() {
|
||||
cu.handleClick();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.orderMsg {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
height: 180px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.metaMsg {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.showOrderMsg {
|
||||
width: 100%;
|
||||
// background-color: white;
|
||||
font-size: 20px;
|
||||
margin: 20px 0 20px 0;
|
||||
height: 600px;
|
||||
}
|
||||
.title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.orderScene {
|
||||
width: 50%;
|
||||
height: inherit;
|
||||
background-color: white;
|
||||
float: left;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
#auditPreview {
|
||||
width: 98%;
|
||||
height: calc(100% - 45px);
|
||||
background-color: #354595;
|
||||
margin-left: 1%;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.orderPdf {
|
||||
width: calc(50% - 10px);
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
background-color: white;
|
||||
height: inherit;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.orderPdf {
|
||||
width: calc(50% - 10px);
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
background-color: white;
|
||||
height: inherit;
|
||||
padding-bottom: 5px;
|
||||
.pdfDom {
|
||||
height: 560px;
|
||||
background-color: white;
|
||||
.pdfPage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.orderAudit {
|
||||
background-color: white;
|
||||
}
|
||||
.radiogroup {
|
||||
margin-top: 20px;
|
||||
margin-left: 20px;
|
||||
height: 50px;
|
||||
}
|
||||
.btngroup {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
// margin-left: 40%;
|
||||
text-align: center;
|
||||
}
|
||||
.shbtn {
|
||||
width: 150px;
|
||||
height: 35px;
|
||||
background-color: #354595;
|
||||
border: 0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
top: 6px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 30px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
}
|
||||
.cstop {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.ysjMsg {
|
||||
width: 18%;
|
||||
}
|
||||
.ysjMsgMrg {
|
||||
margin-left: 14px;
|
||||
}
|
||||
.ysjMsg2 {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/deep/.cstop .el-input.is-disabled .el-input__inner {
|
||||
width: 140px;
|
||||
height: 33px;
|
||||
}
|
||||
/deep/.cstop .el-form--inline .el-form-item__label {
|
||||
text-align: justify;
|
||||
// text-align-last: justify;
|
||||
font-size: 15px;
|
||||
}
|
||||
/deep/.cstop .el-radio {
|
||||
margin-right: 10px;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: #354595;
|
||||
background: white;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled .el-radio__inner {
|
||||
border-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked + .el-radio__label {
|
||||
color: #606266;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner {
|
||||
border: 2px solid #354595;
|
||||
}
|
||||
/deep/.el-button {
|
||||
line-height: 0;
|
||||
}
|
||||
/deep/.el-textarea__inner {
|
||||
margin-left: 20px;
|
||||
width: 50%;
|
||||
}
|
||||
/deep/.el-textarea__inner:focus {
|
||||
border-color: #354595;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,260 @@
|
|||
<template>
|
||||
<div>
|
||||
<router-view></router-view>
|
||||
<div>
|
||||
<div class="daichuli">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">订单查询</span>
|
||||
</div>
|
||||
<OrderSearch
|
||||
:getOrderList="getOrderList"
|
||||
ref="orderSearchPanel"
|
||||
@initPage="initPage"
|
||||
></OrderSearch>
|
||||
</div>
|
||||
<div class="daichuli1">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">查询结果</span>
|
||||
</div>
|
||||
<el-table
|
||||
:header-cell-style="{ background: '#E4E9F1' }"
|
||||
:cell-style="tableRowClassName"
|
||||
:data="auditData"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
>
|
||||
<el-table-column
|
||||
prop="order_code"
|
||||
label="订单编号"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="create_date"
|
||||
label="提交日期"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.create_date | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="satellite_name"
|
||||
label="卫星类型"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="satellite_load_name"
|
||||
label="载荷"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column prop="product_id" label="产品大类" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.product_id | categoryFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="product_subclass_id"
|
||||
label="产品小类"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.product_subclass_id | cldCategoryFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="validation_method_desc"
|
||||
label="检验类型"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column prop="userName" label="创建人员" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column prop="auditName" label="检验人员" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="openAudit(scope.row)"
|
||||
>订单审核</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<Pagination
|
||||
:page-sizes="[6, 12, 18]"
|
||||
:total="pageForm.total"
|
||||
:page.sync="pageForm.page"
|
||||
:limit.sync="pageForm.limit"
|
||||
@pagination="getOrderList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import OrderSearch from "@/components/orderSearch";
|
||||
import Pagination from "@/components/Pagination";
|
||||
import { getOrderListByStatus } from "@/api/common";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
OrderSearch,
|
||||
Pagination,
|
||||
},
|
||||
filters: {
|
||||
categoryFilter(category) {
|
||||
const categoryMap = {
|
||||
1: "几何产品",
|
||||
2: "辐射产品",
|
||||
3: "陆表产品",
|
||||
4: "植被产品",
|
||||
};
|
||||
return categoryMap[category];
|
||||
},
|
||||
cldCategoryFilter(cldCategory) {
|
||||
const cldCategoryMap = {
|
||||
1: "正射校正",
|
||||
2: "高程产品",
|
||||
5: "干涉测量形变产品",
|
||||
3: "后向散射系数",
|
||||
4: "大气延迟校正",
|
||||
9: "地表粗糙度",
|
||||
6: "地表覆盖类型",
|
||||
7: "土壤水分",
|
||||
8: "地表盐碱度",
|
||||
10: "植被高度",
|
||||
11: "叶面积指数",
|
||||
12: "植被物候",
|
||||
};
|
||||
return cldCategoryMap[cldCategory];
|
||||
},
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
auditData: [],
|
||||
pageForm: {
|
||||
total: 0,
|
||||
page: 1,
|
||||
limit: 6,
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getOrderList();
|
||||
},
|
||||
methods: {
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA";
|
||||
} else {
|
||||
return "background:#FFFFFF";
|
||||
}
|
||||
},
|
||||
openAudit(orderMsg) {
|
||||
localStorage.setItem(
|
||||
this.configration.path.daishenhe,
|
||||
JSON.stringify(orderMsg)
|
||||
);
|
||||
this.$router.push({ name: "订单审核", params: orderMsg });
|
||||
},
|
||||
getOrderList() {
|
||||
const searchVal = this.$refs.orderSearchPanel;
|
||||
const sf = searchVal.searchForm;
|
||||
sf.page = this.pageForm.page;
|
||||
sf.limit = this.pageForm.limit;
|
||||
sf.status = [2];
|
||||
|
||||
getOrderListByStatus(sf).then((res) => {
|
||||
if (res.code === 200) {
|
||||
this.auditData = res.data.dataList;
|
||||
this.pageForm.total = res.data.count;
|
||||
}
|
||||
});
|
||||
},
|
||||
initPage() {
|
||||
this.pageForm.page = 1;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.daichuli {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
}
|
||||
.daichuli1 {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
/deep/.el-icon-arrow-up:before {
|
||||
content: "\e78f";
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
top: 6px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 30px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.block {
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary {
|
||||
color: #354595;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary:hover {
|
||||
background-color: #409eff;
|
||||
color: #fff;
|
||||
}
|
||||
/deep/.el-input__icon {
|
||||
line-height: 35px;
|
||||
}
|
||||
/deep/.el-table th > .cell {
|
||||
font-size: 16px;
|
||||
}
|
||||
/deep/.el-button {
|
||||
line-height: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
<template>
|
||||
<div class="home">
|
||||
<div class="header">
|
||||
<img
|
||||
src="/static/images/header.png"
|
||||
alt="#"
|
||||
style="height: 50px; margin-top: 5px;margin-left:300px"
|
||||
/>
|
||||
<i class="el-icon-user-solid userName" >
|
||||
<span>{{userName}}</span>
|
||||
</i>
|
||||
</div>
|
||||
<div id="cesium_container"></div>
|
||||
<TestProduct v-show="showRightcard"></TestProduct>
|
||||
<Parameter v-show="showLeftcard"></Parameter>
|
||||
<Iconbox></Iconbox>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import cu from "@/lib/cesiumUtils";
|
||||
import TestProduct from "../components/home/testProduct/index.vue";
|
||||
import Parameter from '../components/home/parameter/index.vue';
|
||||
import Iconbox from '../components/home/iconbox/index.vue';
|
||||
export default {
|
||||
name: "Home",
|
||||
data() {
|
||||
return {
|
||||
showRightcard:false,
|
||||
// sendToProParam:{
|
||||
// proID:'1',
|
||||
// ifShow:true,
|
||||
// labelCla:'surfaceRoughness'
|
||||
// },
|
||||
isLabelCla:true,
|
||||
showLeftcard:true,
|
||||
currentUser: null,
|
||||
};
|
||||
},
|
||||
components: {
|
||||
TestProduct,
|
||||
Parameter,
|
||||
Iconbox,
|
||||
},
|
||||
created() {},
|
||||
|
||||
mounted() {
|
||||
// 初始化地图
|
||||
cu.initCesium("cesium_container");
|
||||
// 监听事件
|
||||
this.bus.$on("openMenu", msg => {
|
||||
this.showRightcard=msg.ifShow;
|
||||
// this.sendToProParam = msg;
|
||||
});
|
||||
this.bus.$on('closeleftcard',msg=>{
|
||||
this.showLeftcard=msg
|
||||
})
|
||||
},
|
||||
computed:{
|
||||
userName:function(){
|
||||
return localStorage.getItem("userName")
|
||||
}
|
||||
},
|
||||
methods: {},
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
.header {
|
||||
background: white;
|
||||
height: 60px;
|
||||
}
|
||||
#cesium_container{
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.userName{
|
||||
font-size: 20px;
|
||||
color: #354595;
|
||||
float: right;
|
||||
margin-top: 30px;
|
||||
margin-right: 20px;
|
||||
span{
|
||||
color: #000;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,190 @@
|
|||
<template>
|
||||
<div class="login-container">
|
||||
<el-form
|
||||
class="login-form"
|
||||
:model="loginForm"
|
||||
:rules="loginRules"
|
||||
ref="loginForm"
|
||||
label-width="0px"
|
||||
>
|
||||
<div class="title-container">
|
||||
<h3 class="title">用户登录</h3>
|
||||
</div>
|
||||
|
||||
<el-form-item prop="username">
|
||||
<span class="svg-container">
|
||||
<span class="el-icon-s-custom"></span>
|
||||
</span>
|
||||
<el-input class="inps" placeholder="账号" v-model="loginForm.account">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="password">
|
||||
<span class="svg-container">
|
||||
<span class="el-icon-lock"></span>
|
||||
</span>
|
||||
<el-input
|
||||
class="inps"
|
||||
type="password"
|
||||
placeholder="密码"
|
||||
v-model="loginForm.passWord"
|
||||
show-password
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<div style="text-align: center">
|
||||
<el-button
|
||||
type="primary"
|
||||
style="width: 40%; margin-top: 20px"
|
||||
round
|
||||
class="submitBtn"
|
||||
@click="submitForm"
|
||||
>登录
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { login } from "@/api/user";
|
||||
export default {
|
||||
name: "Login",
|
||||
data: function () {
|
||||
return {
|
||||
loginForm: {
|
||||
account: "",
|
||||
passWord: "",
|
||||
},
|
||||
loginRules: {
|
||||
account: [{ required: true, message: "请输入账号", trigger: "blur" }],
|
||||
passWord: [{ required: true, message: "请输入密码", trigger: "blur" }],
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
const userAccount = this.loginForm.account;
|
||||
const userPassword = this.loginForm.passWord;
|
||||
if (!userAccount) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "账号不能为空！",
|
||||
});
|
||||
}
|
||||
if (!userPassword) {
|
||||
return this.$message({
|
||||
type: "error",
|
||||
message: "密码不能为空！",
|
||||
});
|
||||
}
|
||||
login({ userName: userAccount, userPwd: userPassword }).then((res) => {
|
||||
if (res) {
|
||||
localStorage.setItem("userName", res.userName);
|
||||
localStorage.setItem("userId", Number(res.id));
|
||||
localStorage.setItem("userType", res.userClass);
|
||||
switch (res.userClass) {
|
||||
case "1":
|
||||
this.$router.push("/home");
|
||||
break;
|
||||
case "2":
|
||||
this.$router.push("/daichuli");
|
||||
break;
|
||||
case "3":
|
||||
this.$router.push("/daishenhe");
|
||||
break;
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
@supports (-webkit-mask: none) and (not (cater-color: #fff)) {
|
||||
.login-container .el-input input {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
/* reset element-ui css */
|
||||
.login-container {
|
||||
.el-input {
|
||||
display: inline-block;
|
||||
height: 47px;
|
||||
width: 85%;
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
-webkit-appearance: none;
|
||||
border-radius: 0px;
|
||||
padding: 12px 5px 12px 15px;
|
||||
color: #fff;
|
||||
height: 47px;
|
||||
caret-color: #fff;
|
||||
|
||||
:-webkit-autofill {
|
||||
box-shadow: 0 0 0px 1000px #283443 inset !important;
|
||||
-webkit-text-fill-color: #fff !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 5px;
|
||||
color: #454545;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.login-container {
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
background-color: #2d3a4b;
|
||||
overflow: hidden;
|
||||
|
||||
.login-form {
|
||||
position: relative;
|
||||
width: 360px;
|
||||
max-width: 100%;
|
||||
padding: 200px 35px 0;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.svg-container {
|
||||
padding: 6px 5px 6px 15px;
|
||||
color: #889aa4;
|
||||
vertical-align: middle;
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.title-container {
|
||||
position: relative;
|
||||
|
||||
.title {
|
||||
font-size: 26px;
|
||||
color: #eee;
|
||||
margin: 0px auto 40px auto;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.show-pwd {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 7px;
|
||||
font-size: 16px;
|
||||
color: #889aa4;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,676 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="orderMsg">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">订单信息</span>
|
||||
</div>
|
||||
<el-table
|
||||
:data="orderList"
|
||||
:header-cell-style="{ background: '#E4E9F1' }"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
:default-sort="{ prop: 'date', order: 'descending' }"
|
||||
>
|
||||
<el-table-column
|
||||
prop="orderCode"
|
||||
label="订单编号"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderSource"
|
||||
label="订单来源"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.orderSource | orderSourceFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="uploadDate" label="提交时间" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.uploadDate | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="fileName" label="文件名" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="fileSize"
|
||||
label="文件大小"
|
||||
sortable
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.fileSize | transformByte }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="fileFormat"
|
||||
label="文件格式"
|
||||
sortable
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="元数据" align="center">
|
||||
<el-button type="primary" @click="openMetaCode">查看</el-button>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="metaMsg" v-show="metaShow">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">元数据信息</span>
|
||||
</div>
|
||||
<div class="cstop">
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="metaFormMsg"
|
||||
class="demo-form-inline"
|
||||
:disabled="true"
|
||||
>
|
||||
<el-form-item label="卫星" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="metaFormMsg.satellite"
|
||||
placeholder="卫星名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="载荷" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="metaFormMsg.load"
|
||||
placeholder="载荷方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="空间分辨率" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="metaFormMsg.resRatio"
|
||||
placeholder="空间分辨率"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="formatDateStr"
|
||||
placeholder="生产时间"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="级别" prop="resource" class="ysjMsg2">
|
||||
<el-radio-group v-model="metaFormMsg.proLevel">
|
||||
<el-radio label="3"></el-radio>
|
||||
<el-radio label="4"></el-radio>
|
||||
<el-radio label="5"></el-radio>
|
||||
<!-- <el-radio label="其他"></el-radio> -->
|
||||
</el-radio-group> </el-form-item
|
||||
><br />
|
||||
<el-form-item label="坐标系统" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="metaFormMsg.coordinateSys"
|
||||
placeholder="坐标系统"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小纬度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="metaFormMsg.minLat"
|
||||
placeholder="最小纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大纬度" class="ysjMsg2">
|
||||
<el-input
|
||||
style="margin-left: 6px"
|
||||
v-model="metaFormMsg.maxLat"
|
||||
placeholder="最大纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小经度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="metaFormMsg.minLon"
|
||||
placeholder="最小经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大经度" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="metaFormMsg.maxLon"
|
||||
placeholder="最大经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dealMsg">
|
||||
<div class="orderSceneOfFeedback" v-if="failedStatus">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">已处理产品预览</span>
|
||||
</div>
|
||||
<div id="dealPreview"></div>
|
||||
</div>
|
||||
<div class="orderScene" v-if="failedStatusPdf">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">已处理产品预览</span>
|
||||
</div>
|
||||
<div id="dealPreview"></div>
|
||||
</div>
|
||||
<div class="orderPdf" v-if="failedStatusPdf">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">检验报告</span>
|
||||
</div>
|
||||
<div class="pdfDom">
|
||||
<!-- <pdf v-for="i in numPages" :key="i" :src="pdfsrc" :page="i"></pdf> -->
|
||||
<iframe class="pdfPage" :src="pdfUrl" frameborder="0"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="auditMsg" v-if="hasAudit">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">审核信息</span>
|
||||
</div>
|
||||
<div class="status">
|
||||
<span
|
||||
>审核状态：{{ auditStatus === 1 ? "审核通过" : "审核不通过" }}</span
|
||||
>
|
||||
</div>
|
||||
|
||||
<el-input
|
||||
type="textarea"
|
||||
:disabled="true"
|
||||
rows="3"
|
||||
v-model="auditMsgText"
|
||||
>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="feedbackMsg" v-if="failedStatus">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">处理信息</span>
|
||||
</div>
|
||||
<div class="desc" style="margin-top: 20px">
|
||||
<el-descriptions title="">
|
||||
<el-descriptions-item label="订单状态">{{
|
||||
feedbackFailure.feedbackResult
|
||||
}}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
<div class="desc">
|
||||
<el-descriptions title="">
|
||||
<el-descriptions-item label="反馈时间">{{
|
||||
feedbackDateStr
|
||||
}}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
<div class="desc">
|
||||
<el-descriptions title="">
|
||||
<el-descriptions-item label="原因">{{
|
||||
feedbackFailure.feedbackReason
|
||||
}}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
<div class="desc">
|
||||
<el-descriptions title="">
|
||||
<el-descriptions-item
|
||||
label="备注"
|
||||
v-if="feedbackFailure.feedbackContext"
|
||||
>{{ feedbackFailure.feedbackContext }}</el-descriptions-item
|
||||
>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
<el-image
|
||||
v-if="feedbackFailure.feedbackPicUrl"
|
||||
style="margin-bottom: 5px; margin-left: 20px"
|
||||
:src="feedbackFailure.feedbackPicUrl"
|
||||
fit="cover"
|
||||
>
|
||||
</el-image>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import pdf from 'vue-pdf'
|
||||
import cu from "@/lib/cesiumUtils";
|
||||
import {
|
||||
getProductMsg,
|
||||
getProductMetaMsg,
|
||||
getOrderSamples,
|
||||
getReportMsg,
|
||||
getFeedbackMsg,
|
||||
} from "@/api/pendingOrder";
|
||||
import qs from "qs";
|
||||
import { getExamineMsg } from "@/api/audit";
|
||||
|
||||
export default {
|
||||
filters: {
|
||||
orderSourceFilter(orderSource) {
|
||||
const orderSourceMap = {
|
||||
0: "用户上传",
|
||||
1: "历史上传",
|
||||
2: "平台共享",
|
||||
};
|
||||
return orderSourceMap[orderSource];
|
||||
},
|
||||
transformByte(size) {
|
||||
if (!size) {
|
||||
return "0B";
|
||||
}
|
||||
var num = 1024.0;
|
||||
if (size < num) {
|
||||
return size + "B";
|
||||
}
|
||||
if (size < Math.pow(num, 2)) {
|
||||
return (size / num).toFixed(2) + "K";
|
||||
}
|
||||
if (size < Math.pow(num, 3)) {
|
||||
return (size / Math.pow(num, 2)).toFixed(2) + "M";
|
||||
}
|
||||
if (size < Math.pow(num, 4)) {
|
||||
return (size / Math.pow(num, 3)).toFixed(2) + "G";
|
||||
}
|
||||
return (size / Math.pow(num, 4)).toFixed(2) + "T"; // T
|
||||
},
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime) {
|
||||
//&& typeof inputTime !== 'number'){
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime).getTime();
|
||||
// console.log('inputTim11e',inputTime,'typeof inputTime',typeof inputTime)
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
console.log("localTime", localTime);
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
cu.initCesium("dealPreview");
|
||||
},
|
||||
created() {
|
||||
if (
|
||||
Object.keys(this.$route.params).length > 0 &&
|
||||
sessionStorage.getItem("prePage") === this.configration.path.yichuli
|
||||
) {
|
||||
this.queryParams = this.$route.params;
|
||||
} else {
|
||||
this.queryParams = JSON.parse(
|
||||
localStorage.getItem(this.configration.path.yichuli)
|
||||
);
|
||||
}
|
||||
document.body.scrollTop = 0;
|
||||
this.initOrderMsg();
|
||||
// console.log('11111',this.queryParams)
|
||||
const samplesList = this.queryParams.sample;
|
||||
this.getSplData(samplesList);
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryParams: null,
|
||||
metaShow: false,
|
||||
orderList: [],
|
||||
metaFormMsg: {
|
||||
satellite: "", //卫星
|
||||
load: "", //载荷
|
||||
resRatio: "0.000307", //空间分辨率
|
||||
proLevel: "4", //产品级别
|
||||
coordinateSys: "WGS84", //坐标系
|
||||
minLat: "116.13622332", //最小经度
|
||||
maxLat: "118.342222", //最大经度
|
||||
minLon: "34.211234", //最小纬度
|
||||
maxLon: "35.3455666", //最大纬度
|
||||
},
|
||||
pdfUrl: "",
|
||||
// pdfsrc:'',
|
||||
// numPages:1,
|
||||
feedbackFailure: {
|
||||
feedbackDate: "",
|
||||
feedbackResult: "",
|
||||
feedbackReason: "",
|
||||
feedbackContext: "",
|
||||
feedbackPicUrl: "",
|
||||
},
|
||||
failedStatus: false,
|
||||
failedStatusPdf: true,
|
||||
hasAudit: false,
|
||||
auditStatus: 1,
|
||||
auditMsgText: "",
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
formatDateStr: function () {
|
||||
let inputTime = this.metaFormMsg.producedDate;
|
||||
if (!inputTime) {
|
||||
//&& typeof inputTime !== 'number'){
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime).getTime();
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
feedbackDateStr: function () {
|
||||
let inputTime = this.feedbackFailure.feedbackDate;
|
||||
if (!inputTime) {
|
||||
//&& typeof inputTime !== 'number'){
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime).getTime();
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
initOrderMsg() {
|
||||
const self = this;
|
||||
const om = this.queryParams;
|
||||
const pdUId = om.product_upload_id;
|
||||
getProductMsg(qs.stringify({ productId: pdUId })).then((res) => {
|
||||
if (res || res.length !== 0) {
|
||||
const r = res[0];
|
||||
self.productMsg = r;
|
||||
self.orderList = [];
|
||||
self.orderList.push({
|
||||
orderCode: om.order_code,
|
||||
orderSource: om.order_resource,
|
||||
uploadDate: om.create_date,
|
||||
fileName: r.fileName,
|
||||
fileSize: r.fileSize,
|
||||
fileFormat: r.fileFormat,
|
||||
});
|
||||
sessionStorage.setItem("tifPath", r.tifPath);
|
||||
getProductMetaMsg(qs.stringify({ dataPath: r.tifPath })).then(
|
||||
(res) => {
|
||||
console.log("111", res);
|
||||
if (res !== null && res !== "") {
|
||||
self.metaFormMsg = {
|
||||
satellite: om.satellite_name,
|
||||
load: om.satellite_load_name,
|
||||
resRatio:
|
||||
res.imageResolution > 0.01
|
||||
? res.imageResolution
|
||||
: (res.imageResolution * 111194.926).toFixed(2) + "米",
|
||||
coordinateSys: res.coordinateSystem,
|
||||
minLat: res.boundBoxMinY.toFixed(8),
|
||||
maxLat: res.boundBoxMaxY.toFixed(8),
|
||||
minLon: res.boundBoxMinX.toFixed(8),
|
||||
maxLon: res.boundingBoxMaxX.toFixed(8),
|
||||
producedDate: r.productDate,
|
||||
proLevel: r.productLevel + "",
|
||||
};
|
||||
cu.flyToLayerRect(
|
||||
res.boundBoxMinX,
|
||||
res.boundBoxMinY,
|
||||
res.boundingBoxMaxX,
|
||||
res.boundBoxMaxY
|
||||
);
|
||||
}
|
||||
}
|
||||
);
|
||||
const geoWS = r.geoWorkspace;
|
||||
const geoLN = r.layerName;
|
||||
cu.addlayer(geoWS, geoLN);
|
||||
}
|
||||
});
|
||||
if (
|
||||
om.order_status === 2 ||
|
||||
om.order_status === 6 ||
|
||||
om.order_status === 7
|
||||
) {
|
||||
this.getNumPages(om.id);
|
||||
if (om.order_status === 6 || om.order_status === 7) {
|
||||
this.hasAudit = true;
|
||||
getExamineMsg(om.id).then((res) => {
|
||||
if (res.code === 200 && res.data.length !== 0) {
|
||||
const rs = res.data[0];
|
||||
this.auditMsgText = rs.examineContext;
|
||||
this.auditStatus = rs.examineResult;
|
||||
}
|
||||
});
|
||||
}
|
||||
} else {
|
||||
this.failedStatus = true;
|
||||
this.failedStatusPdf = false;
|
||||
getFeedbackMsg(om.id).then((res) => {
|
||||
if (res.code === 200 && res.data.length !== 0) {
|
||||
const rd = res.data[0];
|
||||
console.log(rd);
|
||||
self.feedbackFailure.feedbackDate = rd.feedbackDate;
|
||||
self.feedbackFailure.feedbackResult = rd.feedbackResult;
|
||||
self.feedbackFailure.feedbackReason = rd.feedbackReason;
|
||||
self.feedbackFailure.feedbackContext =
|
||||
rd.feedbackContext === "" ? false : rd.feedbackContext;
|
||||
self.feedbackFailure.feedbackPicUrl =
|
||||
rd.feedbackPicUrl === "" ? false : rd.feedbackPicUrl;
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
getNumPages(orderId) {
|
||||
getReportMsg(orderId).then((res) => {
|
||||
if (res.code === 200 && res.data.length !== 0) {
|
||||
const rpMsg = res.data[0];
|
||||
this.pdfUrl = rpMsg.validationReportDownload;
|
||||
// const pdfName = rpMsg.validationReportName;
|
||||
// var loadingTask = pdf.createLoadingTask(pdfUrl,{withCredentials: false})
|
||||
// loadingTask.promise.then(pdf =>{
|
||||
// this.pdfsrc = loadingTask
|
||||
// this.numPages = pdf.numPages
|
||||
// }).catch((err) => {
|
||||
// console.error('pdf加载失败')
|
||||
// })
|
||||
}
|
||||
});
|
||||
},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA";
|
||||
} else {
|
||||
return "background:#FFFFFF";
|
||||
}
|
||||
},
|
||||
openMetaCode() {
|
||||
this.metaShow = !this.metaShow;
|
||||
},
|
||||
// 获取样本
|
||||
getSplData(spl) {
|
||||
const om = this.queryParams;
|
||||
getOrderSamples(om.id, om.product_subclass_id).then((res) => {
|
||||
if (res.code == 200) {
|
||||
const sp = res.data;
|
||||
if (sp.length === 0) {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "没有样本数据",
|
||||
});
|
||||
} else {
|
||||
if (om.order_status === 3) {
|
||||
cu.removePoint();
|
||||
for (let i in sp) {
|
||||
cu.addPoint(sp[i].lon, sp[i].lat, sp[i].alt);
|
||||
}
|
||||
} else {
|
||||
let sp = JSON.parse(spl);
|
||||
cu.removePoint();
|
||||
for (let i in sp) {
|
||||
cu.addPoint(sp[i].lon, sp[i].lat, sp[i].alt);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.orderMsg {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
height: 180px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.metaMsg {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.dealMsg {
|
||||
width: 100%;
|
||||
// background-color: white;
|
||||
font-size: 20px;
|
||||
margin: 20px 0 20px 0;
|
||||
height: 600px;
|
||||
}
|
||||
.title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.orderScene {
|
||||
width: 50%;
|
||||
height: inherit;
|
||||
background-color: white;
|
||||
float: left;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.orderSceneOfFeedback {
|
||||
width: 100%;
|
||||
height: inherit;
|
||||
background-color: white;
|
||||
float: left;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
#dealPreview {
|
||||
width: 98%;
|
||||
height: calc(100% - 45px);
|
||||
background-color: #354595;
|
||||
margin-left: 1%;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.orderPdf {
|
||||
width: calc(50% - 10px);
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
background-color: white;
|
||||
height: inherit;
|
||||
padding-bottom: 5px;
|
||||
.pdfDom {
|
||||
height: 560px;
|
||||
background-color: white;
|
||||
// overflow: hidden;
|
||||
// overflow-y: auto;
|
||||
// overflow-x: auto;
|
||||
.pdfPage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.feedbackMsg {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.status {
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.desc {
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
top: 6px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 30px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
}
|
||||
.cstop {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.ysjMsg {
|
||||
width: 18%;
|
||||
}
|
||||
.ysjMsgMrg {
|
||||
margin-left: 14px;
|
||||
}
|
||||
.ysjMsg2 {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/deep/.cstop .el-input.is-disabled .el-input__inner {
|
||||
width: 140px;
|
||||
height: 33px;
|
||||
}
|
||||
/deep/.cstop .el-form--inline .el-form-item__label {
|
||||
text-align: justify;
|
||||
// text-align-last: justify;
|
||||
font-size: 15px;
|
||||
}
|
||||
/deep/.cstop .el-radio {
|
||||
margin-right: 10px;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: #354595;
|
||||
background: white;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled .el-radio__inner {
|
||||
border-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked + .el-radio__label {
|
||||
color: #606266;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner {
|
||||
border: 2px solid #354595;
|
||||
}
|
||||
/deep/.el-button {
|
||||
line-height: 0;
|
||||
}
|
||||
/deep/.el-textarea__inner {
|
||||
margin-left: 20px;
|
||||
width: 50%;
|
||||
height: 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
/deep/.el-textarea__inner:focus {
|
||||
border-color: #354595;
|
||||
}
|
||||
.auditMsg {
|
||||
background-color: white;
|
||||
}
|
||||
.status {
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,268 @@
|
|||
<template>
|
||||
<div>
|
||||
<router-view></router-view>
|
||||
<div>
|
||||
<div class="daichuli">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">订单查询</span>
|
||||
</div>
|
||||
<OrderSearch
|
||||
:getOrderList="getOrderList"
|
||||
ref="orderSearchPanel"
|
||||
:extSearch="true"
|
||||
@initPage="initPage"
|
||||
></OrderSearch>
|
||||
</div>
|
||||
<div class="daichuli1">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">查询结果</span>
|
||||
</div>
|
||||
<el-table
|
||||
:header-cell-style="{ background: '#E4E9F1' }"
|
||||
:cell-style="tableRowClassName"
|
||||
:data="processData"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
>
|
||||
<el-table-column
|
||||
prop="order_code"
|
||||
label="订单编号"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="create_date"
|
||||
label="提交日期"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.create_date | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="satellite_name"
|
||||
label="卫星类型"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column prop="satellite_load_name" label="载荷" align="center">
|
||||
</el-table-column> -->
|
||||
<el-table-column prop="product_id" label="产品大类" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.product_id | categoryFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="product_subclass_id"
|
||||
label="产品小类"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.product_subclass_id | cldCategoryFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="validation_method_desc"
|
||||
label="检验类型"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column prop="userName" label="创建人员" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column prop="auditName" label="检验人员" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="inspectionName"
|
||||
label="审核人员"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="order_status_desc"
|
||||
label="订单状态"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="changePage(scope.row)"
|
||||
>查看详情</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<Pagination
|
||||
:page-sizes="[6, 12, 18]"
|
||||
:total="pageForm.total"
|
||||
:page.sync="pageForm.page"
|
||||
:limit.sync="pageForm.limit"
|
||||
@pagination="getOrderList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import OrderSearch from "@/components/orderSearch";
|
||||
import Pagination from "@/components/Pagination";
|
||||
import { getOrderListByStatus } from "@/api/common";
|
||||
export default {
|
||||
components: {
|
||||
OrderSearch,
|
||||
Pagination,
|
||||
},
|
||||
filters: {
|
||||
categoryFilter(category) {
|
||||
const categoryMap = {
|
||||
1: "几何产品",
|
||||
2: "辐射产品",
|
||||
3: "陆表产品",
|
||||
4: "植被产品",
|
||||
};
|
||||
return categoryMap[category];
|
||||
},
|
||||
cldCategoryFilter(cldCategory) {
|
||||
const cldCategoryMap = {
|
||||
1: "正射校正",
|
||||
2: "高程产品",
|
||||
5: "干涉测量形变产品",
|
||||
3: "后向散射系数",
|
||||
4: "大气延迟校正",
|
||||
9: "地表粗糙度",
|
||||
6: "地表覆盖类型",
|
||||
7: "土壤水分",
|
||||
8: "地表盐碱度",
|
||||
10: "植被高度",
|
||||
11: "叶面积指数",
|
||||
12: "植被物候",
|
||||
};
|
||||
return cldCategoryMap[cldCategory];
|
||||
},
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
processData: [],
|
||||
pageForm: {
|
||||
total: 0,
|
||||
page: 1,
|
||||
limit: 6,
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getOrderList();
|
||||
},
|
||||
methods: {
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA";
|
||||
} else {
|
||||
return "background:#FFFFFF";
|
||||
}
|
||||
},
|
||||
changePage(orderMsg) {
|
||||
// this.$router.push("/feedbackycl");
|
||||
localStorage.setItem(
|
||||
this.configration.path.yichuli,
|
||||
JSON.stringify(orderMsg)
|
||||
);
|
||||
// console.log('订单处理信息', orderMsg)
|
||||
this.$router.push({ name: "订单处理信息", params: orderMsg });
|
||||
},
|
||||
getOrderList() {
|
||||
const searchVal = this.$refs.orderSearchPanel;
|
||||
const sf = searchVal.searchForm;
|
||||
sf.auditId = localStorage.userId;
|
||||
if (sf.extOption !== "") sf.status = [sf.extOption];
|
||||
else sf.status = [2, 3, 6, 7];
|
||||
sf.page = this.pageForm.page;
|
||||
sf.limit = this.pageForm.limit;
|
||||
getOrderListByStatus(sf).then((res) => {
|
||||
if (res.code === 200) {
|
||||
this.processData = res.data.dataList;
|
||||
this.pageForm.total = res.data.count;
|
||||
}
|
||||
});
|
||||
},
|
||||
initPage() {
|
||||
this.pageForm.page = 1;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.daichuli {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
}
|
||||
.daichuli1 {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
/deep/.el-icon-arrow-up:before {
|
||||
content: "\e78f";
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
top: 6px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 30px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.block {
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary {
|
||||
color: #354595;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary:hover {
|
||||
background-color: #409eff;
|
||||
color: #fff;
|
||||
}
|
||||
/deep/.el-input__icon {
|
||||
line-height: 35px;
|
||||
}
|
||||
/deep/.el-table th > .cell {
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,549 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="orderMsg">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">订单信息</span>
|
||||
</div>
|
||||
<el-table
|
||||
:data="orderList"
|
||||
:header-cell-style="{ background: '#E4E9F1' }"
|
||||
:cell-style="tableRowClassName"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
:default-sort="{ prop: 'date', order: 'descending' }"
|
||||
>
|
||||
<el-table-column
|
||||
prop="orderCode"
|
||||
label="订单编号"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="orderSource"
|
||||
label="订单来源"
|
||||
width="180"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.orderSource | orderSourceFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="uploadDate" label="提交时间" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.uploadDate | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="fileName" label="文件名" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="fileSize"
|
||||
label="文件大小"
|
||||
sortable
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.fileSize | transformByte }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="fileFormat"
|
||||
label="文件格式"
|
||||
sortable
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="元数据" align="center">
|
||||
<el-button type="primary" @click="openMetaCode">查看</el-button>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="metaMsg" v-show="metaShow">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">元数据信息</span>
|
||||
</div>
|
||||
<div class="cstop">
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="metaFormMsg"
|
||||
class="demo-form-inline"
|
||||
:disabled="true"
|
||||
>
|
||||
<el-form-item label="卫星" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="metaFormMsg.satellite"
|
||||
placeholder="卫星名称"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="载荷" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="metaFormMsg.load"
|
||||
placeholder="载荷方式"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="空间分辨率" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="metaFormMsg.resRatio"
|
||||
placeholder="空间分辨率"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间" class="ysjMsg">
|
||||
<el-input
|
||||
class="ysjMsgMrg"
|
||||
v-model="formatDateStr"
|
||||
placeholder="生产时间"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="级别" prop="resource" class="ysjMsg2">
|
||||
<el-radio-group v-model="metaFormMsg.proLevel">
|
||||
<el-radio label="3"></el-radio>
|
||||
<el-radio label="4"></el-radio>
|
||||
<el-radio label="5"></el-radio>
|
||||
<!-- <el-radio label="其他"></el-radio> -->
|
||||
</el-radio-group> </el-form-item
|
||||
><br />
|
||||
<el-form-item label="坐标系统" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="metaFormMsg.coordinateSys"
|
||||
placeholder="坐标系统"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小纬度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="metaFormMsg.minLat"
|
||||
placeholder="最小纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大纬度" class="ysjMsg2">
|
||||
<el-input
|
||||
style="margin-left: 6px"
|
||||
v-model="metaFormMsg.maxLat"
|
||||
placeholder="最大纬度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小经度" class="ysjMsg">
|
||||
<el-input
|
||||
v-model="metaFormMsg.minLon"
|
||||
placeholder="最小经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大经度" class="ysjMsg2">
|
||||
<el-input
|
||||
v-model="metaFormMsg.maxLon"
|
||||
placeholder="最大经度"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="orderMsgShow">
|
||||
<div class="orderScene">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">已审核产品预览</span>
|
||||
</div>
|
||||
<div
|
||||
id="checkedPreview"
|
||||
@click="pickValue"
|
||||
style="overflow: hidden; position: relative"
|
||||
></div>
|
||||
</div>
|
||||
<div class="orderPdf">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">检验报告</span>
|
||||
</div>
|
||||
<div class="pdfDom">
|
||||
<iframe class="pdfPage" :src="pdfUrl" frameborder="0"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="auditMsg">
|
||||
<div class="title">
|
||||
<span class="sp1"></span><span class="sp2">审核信息</span>
|
||||
</div>
|
||||
<div class="status">
|
||||
<span>审核状态：{{ auditStatus | auditStatusFilter }}</span>
|
||||
</div>
|
||||
|
||||
<el-input
|
||||
type="textarea"
|
||||
:disabled="true"
|
||||
rows="3"
|
||||
v-model="auditMsgText"
|
||||
>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import cu from "@/lib/cesiumUtils";
|
||||
import {
|
||||
getProductMsg,
|
||||
getProductMetaMsg,
|
||||
getOrderSamples,
|
||||
getReportMsg,
|
||||
} from "@/api/pendingOrder";
|
||||
import { getExamineMsg } from "@/api/audit";
|
||||
import qs from "qs";
|
||||
|
||||
export default {
|
||||
filters: {
|
||||
auditStatusFilter(auditStatus) {
|
||||
const auditStatusMap = {
|
||||
1: "审核通过",
|
||||
2: "审核不通过",
|
||||
};
|
||||
return auditStatusMap[auditStatus];
|
||||
},
|
||||
orderSourceFilter(orderSource) {
|
||||
const orderSourceMap = {
|
||||
0: "用户上传",
|
||||
1: "历史上传",
|
||||
2: "平台共享",
|
||||
};
|
||||
return orderSourceMap[orderSource];
|
||||
},
|
||||
transformByte(size) {
|
||||
if (!size) {
|
||||
return "0B";
|
||||
}
|
||||
var num = 1024.0;
|
||||
if (size < num) {
|
||||
return size + "B";
|
||||
}
|
||||
if (size < Math.pow(num, 2)) {
|
||||
return (size / num).toFixed(2) + "K";
|
||||
}
|
||||
if (size < Math.pow(num, 3)) {
|
||||
return (size / Math.pow(num, 2)).toFixed(2) + "M";
|
||||
}
|
||||
if (size < Math.pow(num, 4)) {
|
||||
return (size / Math.pow(num, 3)).toFixed(2) + "G";
|
||||
}
|
||||
return (size / Math.pow(num, 4)).toFixed(2) + "T"; // T
|
||||
},
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
cu.initCesium("checkedPreview");
|
||||
cu.handleClick();
|
||||
},
|
||||
created() {
|
||||
if (
|
||||
Object.keys(this.$route.params).length > 0 &&
|
||||
sessionStorage.getItem("prePage") === this.configration.path.yishenhe
|
||||
) {
|
||||
this.queryParams = this.$route.params;
|
||||
} else {
|
||||
this.queryParams = JSON.parse(
|
||||
localStorage.getItem(this.configration.path.yishenhe)
|
||||
);
|
||||
}
|
||||
document.body.scrollTop = 0;
|
||||
this.initOrderMsg();
|
||||
const samplesList = this.queryParams.sample;
|
||||
this.getSplData(samplesList);
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryParams: null,
|
||||
metaShow: false,
|
||||
orderList: [],
|
||||
metaFormMsg: {
|
||||
satellite: "", //卫星
|
||||
load: "", //载荷
|
||||
resRatio: "0.000307", //空间分辨率
|
||||
proLevel: "4", //产品级别
|
||||
coordinateSys: "WGS84", //坐标系
|
||||
minLat: "116.13622332", //最小经度
|
||||
maxLat: "118.342222", //最大经度
|
||||
minLon: "34.211234", //最小纬度
|
||||
maxLon: "35.3455666", //最大纬度
|
||||
},
|
||||
pdfUrl: "",
|
||||
auditStatus: 1,
|
||||
auditMsgText: "",
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
formatDateStr: function () {
|
||||
let inputTime = this.metaFormMsg.producedDate;
|
||||
if (!inputTime) {
|
||||
//&& typeof inputTime !== 'number'){
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime).getTime();
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
initOrderMsg() {
|
||||
const self = this;
|
||||
const om = this.queryParams;
|
||||
const pdUId = om.product_upload_id;
|
||||
getProductMsg(qs.stringify({ productId: pdUId })).then((res) => {
|
||||
if (res || res.length !== 0) {
|
||||
const r = res[0];
|
||||
self.orderList = [];
|
||||
self.orderList.push({
|
||||
orderCode: om.order_code,
|
||||
orderSource: om.order_resource,
|
||||
uploadDate: om.create_date,
|
||||
fileName: r.fileName,
|
||||
fileSize: r.fileSize,
|
||||
fileFormat: r.fileFormat,
|
||||
});
|
||||
sessionStorage.setItem("tifPath", r.tifPath);
|
||||
getProductMetaMsg(qs.stringify({ dataPath: r.tifPath })).then(
|
||||
(res) => {
|
||||
if (res !== null) {
|
||||
self.metaFormMsg = {
|
||||
satellite: om.satellite_name,
|
||||
load: om.satellite_load_name,
|
||||
resRatio:
|
||||
res.imageResolution > 0.01
|
||||
? res.imageResolution
|
||||
: (res.imageResolution * 111194.926).toFixed(2) + "米",
|
||||
coordinateSys: res.coordinateSystem,
|
||||
minLat: res.boundBoxMinY.toFixed(8),
|
||||
maxLat: res.boundBoxMaxY.toFixed(8),
|
||||
minLon: res.boundBoxMinX.toFixed(8),
|
||||
maxLon: res.boundingBoxMaxX.toFixed(8),
|
||||
producedDate: r.productDate,
|
||||
proLevel: r.productLevel + "",
|
||||
};
|
||||
cu.flyToLayerRect(
|
||||
res.boundBoxMinX,
|
||||
res.boundBoxMinY,
|
||||
res.boundingBoxMaxX,
|
||||
res.boundBoxMaxY
|
||||
);
|
||||
}
|
||||
}
|
||||
);
|
||||
const geoWS = r.geoWorkspace;
|
||||
const geoLN = r.layerName;
|
||||
cu.addlayer(geoWS, geoLN);
|
||||
}
|
||||
});
|
||||
this.getNumPages(om.id);
|
||||
getExamineMsg(om.id).then((res) => {
|
||||
if (res.code === 200 && res.data.length !== 0) {
|
||||
const rs = res.data[0];
|
||||
this.auditMsgText = rs.examineContext;
|
||||
this.auditStatus = rs.examineResult;
|
||||
}
|
||||
});
|
||||
},
|
||||
getNumPages(orderId) {
|
||||
getReportMsg(orderId).then((res) => {
|
||||
console.log(res);
|
||||
if (res.code === 200 && res.data.length !== 0) {
|
||||
const rpMsg = res.data[0];
|
||||
this.pdfUrl = rpMsg.validationReportDownload;
|
||||
}
|
||||
});
|
||||
},
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA";
|
||||
} else {
|
||||
return "background:#FFFFFF";
|
||||
}
|
||||
},
|
||||
openMetaCode() {
|
||||
this.metaShow = !this.metaShow;
|
||||
},
|
||||
// 获取样本
|
||||
getSplData(spl) {
|
||||
const om = this.queryParams;
|
||||
getOrderSamples(om.id, om.product_subclass_id).then((res) => {
|
||||
if (res.code == 200) {
|
||||
const sp = res.data;
|
||||
if (sp.length === 0) {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "没有样本数据",
|
||||
});
|
||||
} else {
|
||||
// cu.removePoint();
|
||||
// for (let i in sp) {
|
||||
// cu.addPoint(sp[i].lon, sp[i].lat, sp[i].alt);
|
||||
// }
|
||||
let sp = JSON.parse(spl);
|
||||
cu.removePoint();
|
||||
for (let i in sp) {
|
||||
cu.addPoint(sp[i].lon, sp[i].lat, sp[i].alt);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
pickValue() {
|
||||
cu.handleClick();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.orderMsg {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
height: 180px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.metaMsg {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.orderMsgShow {
|
||||
width: 100%;
|
||||
// background-color: white;
|
||||
font-size: 20px;
|
||||
margin: 20px 0 20px 0;
|
||||
height: 600px;
|
||||
}
|
||||
.title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.orderScene {
|
||||
width: 50%;
|
||||
height: inherit;
|
||||
background-color: white;
|
||||
float: left;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
#checkedPreview {
|
||||
width: 98%;
|
||||
height: calc(100% - 45px);
|
||||
background-color: #354595;
|
||||
margin-left: 1%;
|
||||
margin-top: 2px;
|
||||
}
|
||||
.orderPdf {
|
||||
width: calc(50% - 10px);
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
background-color: white;
|
||||
height: inherit;
|
||||
padding-bottom: 5px;
|
||||
.pdfDom {
|
||||
height: 560px;
|
||||
background-color: white;
|
||||
.pdfPage {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.auditMsg {
|
||||
background-color: white;
|
||||
}
|
||||
.status {
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
/deep/.el-textarea__inner {
|
||||
margin-left: 20px;
|
||||
width: 50%;
|
||||
height: 30px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
/deep/.el-textarea__inner:focus {
|
||||
border-color: #354595;
|
||||
}
|
||||
/deep/.el-input__inner {
|
||||
height: 30px;
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
top: 6px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 30px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
}
|
||||
.cstop {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.ysjMsg {
|
||||
width: 18%;
|
||||
}
|
||||
.ysjMsgMrg {
|
||||
margin-left: 14px;
|
||||
}
|
||||
.ysjMsg2 {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
/deep/.cstop .el-input.is-disabled .el-input__inner {
|
||||
width: 140px;
|
||||
height: 33px;
|
||||
}
|
||||
/deep/.cstop .el-form--inline .el-form-item__label {
|
||||
text-align: justify;
|
||||
// text-align-last: justify;
|
||||
font-size: 15px;
|
||||
}
|
||||
/deep/.cstop .el-radio {
|
||||
margin-right: 10px;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked .el-radio__inner {
|
||||
border-color: #354595;
|
||||
background: white;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled .el-radio__inner {
|
||||
border-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
|
||||
background-color: #354595;
|
||||
}
|
||||
/deep/.cstop .el-radio__input.is-checked + .el-radio__label {
|
||||
color: #606266;
|
||||
}
|
||||
/deep/.cstop .el-radio__inner {
|
||||
border: 2px solid #354595;
|
||||
}
|
||||
/deep/.el-button {
|
||||
line-height: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,271 @@
|
|||
<template>
|
||||
<div>
|
||||
<router-view></router-view>
|
||||
<div>
|
||||
<div class="daichuli">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">订单查询</span>
|
||||
</div>
|
||||
<OrderSearch
|
||||
:getOrderList="getOrderList"
|
||||
ref="orderSearchPanel"
|
||||
@initPage="initPage"
|
||||
></OrderSearch>
|
||||
</div>
|
||||
<div class="daichuli1">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">查询结果</span>
|
||||
</div>
|
||||
<el-table
|
||||
:header-cell-style="{ background: '#E4E9F1' }"
|
||||
:cell-style="tableRowClassName"
|
||||
:data="passAuditData"
|
||||
style="width: 98%; margin-left: 1%; margin-top: 15px"
|
||||
>
|
||||
<el-table-column
|
||||
prop="order_code"
|
||||
label="订单编号"
|
||||
width="150"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="create_date"
|
||||
label="提交日期"
|
||||
width="100"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.create_date | formatDate }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="satellite_name"
|
||||
label="卫星类型"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="satellite_load_name"
|
||||
label="载荷"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column prop="product_id" label="产品大类" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.product_id | categoryFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="product_subclass_id"
|
||||
label="产品小类"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.product_subclass_id | cldCategoryFilter }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="validation_method_desc"
|
||||
label="检验类型"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column prop="userName" label="创建人员" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column prop="auditName" label="检验人员" align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="inspectionName"
|
||||
label="审核人员"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="order_status_desc"
|
||||
label="订单状态"
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="changePage(scope.row)"
|
||||
>查看详情</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<Pagination
|
||||
:page-sizes="[6, 12, 18]"
|
||||
:total="pageForm.total"
|
||||
:page.sync="pageForm.page"
|
||||
:limit.sync="pageForm.limit"
|
||||
@pagination="getOrderList"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import OrderSearch from "@/components/orderSearch";
|
||||
import Pagination from "@/components/Pagination";
|
||||
import { getOrderListByStatus } from "@/api/common";
|
||||
export default {
|
||||
components: {
|
||||
OrderSearch,
|
||||
Pagination,
|
||||
},
|
||||
filters: {
|
||||
categoryFilter(category) {
|
||||
const categoryMap = {
|
||||
1: "几何产品",
|
||||
2: "辐射产品",
|
||||
3: "陆表产品",
|
||||
4: "植被产品",
|
||||
};
|
||||
return categoryMap[category];
|
||||
},
|
||||
cldCategoryFilter(cldCategory) {
|
||||
const cldCategoryMap = {
|
||||
1: "正射校正",
|
||||
2: "高程产品",
|
||||
5: "干涉测量形变产品",
|
||||
3: "后向散射系数",
|
||||
4: "大气延迟校正",
|
||||
9: "地表粗糙度",
|
||||
6: "地表覆盖类型",
|
||||
7: "土壤水分",
|
||||
8: "地表盐碱度",
|
||||
10: "植被高度",
|
||||
11: "叶面积指数",
|
||||
12: "植被物候",
|
||||
};
|
||||
return cldCategoryMap[cldCategory];
|
||||
},
|
||||
formatDate(inputTime) {
|
||||
if (!inputTime && typeof inputTime !== "number") {
|
||||
return "";
|
||||
}
|
||||
var localTime = "";
|
||||
inputTime = new Date(inputTime);
|
||||
const offset = new Date().getTimezoneOffset();
|
||||
localTime = new Date(inputTime - offset * 60000).toISOString();
|
||||
localTime = localTime.substr(0, localTime.lastIndexOf("."));
|
||||
localTime = localTime.replace("T", " ");
|
||||
return localTime;
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
passAuditData: [],
|
||||
pageForm: {
|
||||
total: 0,
|
||||
page: 1,
|
||||
limit: 6,
|
||||
},
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getOrderList();
|
||||
},
|
||||
methods: {
|
||||
tableRowClassName({ rowIndex }) {
|
||||
if ((rowIndex + 1) % 2 !== 0) {
|
||||
return "background:#F5F7FA";
|
||||
} else {
|
||||
return "background:#FFFFFF";
|
||||
}
|
||||
},
|
||||
changePage(orderMsg) {
|
||||
localStorage.setItem(
|
||||
this.configration.path.yishenhe,
|
||||
JSON.stringify(orderMsg)
|
||||
);
|
||||
this.$router.push({ name: "已审核订单信息", params: orderMsg });
|
||||
},
|
||||
getOrderList() {
|
||||
const searchVal = this.$refs.orderSearchPanel;
|
||||
const sf = searchVal.searchForm;
|
||||
sf.inspectionId = Number(localStorage.userId);
|
||||
sf.page = this.pageForm.page;
|
||||
sf.limit = this.pageForm.limit;
|
||||
sf.status = [6, 7];
|
||||
getOrderListByStatus(sf).then((res) => {
|
||||
if (res.code === 200) {
|
||||
this.passAuditData = res.data.dataList;
|
||||
this.pageForm.total = res.data.count;
|
||||
}
|
||||
});
|
||||
},
|
||||
initPage() {
|
||||
this.pageForm.page = 1;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="less">
|
||||
.daichuli {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
}
|
||||
.daichuli1 {
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
/deep/.el-icon-arrow-up:before {
|
||||
content: "\e78f";
|
||||
}
|
||||
.sp1 {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 26px;
|
||||
background-color: #354595;
|
||||
position: relative;
|
||||
left: 20px;
|
||||
top: 6px;
|
||||
}
|
||||
.sp2 {
|
||||
margin-left: 30px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #354595;
|
||||
}
|
||||
.box1 {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
|
||||
}
|
||||
.block {
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary {
|
||||
color: #354595;
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
/deep/.daichuli1 .el-button--primary:hover {
|
||||
background-color: #409eff;
|
||||
color: #fff;
|
||||
}
|
||||
/deep/.el-input__icon {
|
||||
line-height: 35px;
|
||||
}
|
||||
/deep/.el-table th > .cell {
|
||||
font-size: 16px;
|
||||
}
|
||||
/deep/.el-button {
|
||||
line-height: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
// 拷贝文件插件
|
||||
const CopyWebpackPlugin = require("copy-webpack-plugin");
|
||||
const webpack = require("webpack");
|
||||
const path = require("path");
|
||||
let cesiumSource = "./node_modules/cesium/Source";
|
||||
let cesiumWorkers = "../Build/Cesium/Workers";
|
||||
|
||||
module.exports = {
|
||||
// 基本路径
|
||||
publicPath: "./",
|
||||
// 输出文件目录
|
||||
outputDir: "dist",
|
||||
assetsDir: "static",
|
||||
indexPath: "index.html",
|
||||
filenameHashing: true,
|
||||
productionSourceMap: false,
|
||||
lintOnSave: false, // 在保存代码的时候开启eslint代码检查机制
|
||||
devServer: {
|
||||
// 实时保存，编译的配置段
|
||||
port: 8085, // http服务的端口号码设定
|
||||
open: false,
|
||||
proxy: {
|
||||
[process.env.VUE_APP_BASE_API]: {
|
||||
target:'http://192.168.1.104:8086/macApi',
|
||||
// target: "http://211.157.180.211:8086/macApi",
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
["^" + process.env.VUE_APP_BASE_API]: ""
|
||||
}
|
||||
},
|
||||
[process.env.VUE_APP_REALITY_API]: {
|
||||
target:'http://192.168.1.104:18092/microwave',
|
||||
// target: "http://211.157.180.211:18092/microwave",
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
["^" + process.env.VUE_APP_REALITY_API]: ""
|
||||
}
|
||||
},
|
||||
[process.env.VUE_APP_FILE_API]: {
|
||||
target:'http://192.168.1.104:18093/file',
|
||||
// target: "http://211.157.180.211:18093/file",
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
["^" + process.env.VUE_APP_FILE_API]: ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
configureWebpack: {
|
||||
output: {
|
||||
sourcePrefix: " "
|
||||
},
|
||||
amd: {
|
||||
toUrlUndefined: true
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
vue$: "vue/dist/vue.esm.js",
|
||||
//可以对同一个地址起2个不同的别名
|
||||
"@": path.resolve("src"),
|
||||
src: path.resolve("src"),
|
||||
cesium: path.resolve(__dirname, cesiumSource)
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
new CopyWebpackPlugin([
|
||||
{ from: path.join(cesiumSource, cesiumWorkers), to: "static/Workers" }
|
||||
]),
|
||||
new CopyWebpackPlugin([
|
||||
{ from: path.join(cesiumSource, "Assets"), to: "static/Assets" }
|
||||
]),
|
||||
new CopyWebpackPlugin([
|
||||
{ from: path.join(cesiumSource, "Widgets"), to: "static/Widgets" }
|
||||
]),
|
||||
new CopyWebpackPlugin([
|
||||
{
|
||||
from: path.join(cesiumSource, "ThirdParty/Workers"),
|
||||
to: "static/ThirdParty/Workers"
|
||||
}
|
||||
]),
|
||||
new webpack.DefinePlugin({
|
||||
CESIUM_BASE_URL: JSON.stringify("./static")
|
||||
})
|
||||
// new CopyWebpackPlugin([ { from: path.join(cesiumSource, cesiumWorkers), to: 'Workers'}]),
|
||||
// new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Assets'), to: 'Assets'}]),
|
||||
// new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Widgets'), to: 'Widgets'}]),
|
||||
// new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'ThirdParty/Workers'), to: 'ThirdParty/Workers'}]),
|
||||
// new webpack.DefinePlugin({
|
||||
// //定义 Cesium 从哪里加载资源，如果使用默认的''，
|
||||
// //却变成了绝对路径了，所以这里使用'./',使用相对路径
|
||||
// CESIUM_BASE_URL: JSON.stringify('./')
|
||||
// })
|
||||
],
|
||||
optimization: {
|
||||
splitChunks: {
|
||||
cacheGroups: {
|
||||
commons: {
|
||||
name: "Cesium",
|
||||
test: /[\\/]node_modules[\\/]cesium/,
|
||||
chunks: "all"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
module: {
|
||||
// unknownContextCritical: /^.\/.*$/,
|
||||
unknownContextCritical: false
|
||||
}
|
||||
}
|
||||
};
|
||||
Loading…
Reference in New Issue