注释登录验证，添加刺点功能
duxiaoning
parent
f5973a7041
commit
b1051f7579
|
|
@ -8,42 +8,104 @@
|
|||
<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-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-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
|
||||
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="samplesId" label="样本编号" show-overflow-tooltip min-width="100px;">
|
||||
<el-table-column
|
||||
prop="samplesId"
|
||||
label="样本编号"
|
||||
show-overflow-tooltip
|
||||
min-width="100px;"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column prop="lat" label="纬度" sortable show-overflow-tooltip>
|
||||
<el-table-column
|
||||
prop="lat"
|
||||
label="纬度"
|
||||
sortable
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column prop="lng" label="经度" sortable show-overflow-tooltip>
|
||||
<el-table-column
|
||||
prop="lng"
|
||||
label="经度"
|
||||
sortable
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column :label="smLabel" show-overflow-tooltip>
|
||||
<template slot-scope="scope">{{
|
||||
scope.row.paramStr | getSampleVal
|
||||
}}</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column prop="collectDate" label="采样时间" sortable show-overflow-tooltip min-width="120px;">
|
||||
<el-table-column
|
||||
prop="collectDate"
|
||||
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>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-edit"
|
||||
></el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
size="small"
|
||||
icon="el-icon-delete"
|
||||
@click="deleteSelected(scope.$index, simpleData)"
|
||||
></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
|
@ -51,9 +113,15 @@
|
|||
</div>
|
||||
<div class="smBodyRight">
|
||||
<div class="box1">
|
||||
<span class="sp1"></span><span class="sp2">待检验产品及样本分布结果</span>
|
||||
<span class="sp1"></span
|
||||
><span class="sp2">待检验产品及样本分布结果</span>
|
||||
</div>
|
||||
<div :class="checkRealityWait ? 'sceneShowContent onBorder' : 'sceneShowContent'" id="sceneShowContent">
|
||||
<div
|
||||
:class="
|
||||
checkRealityWait ? 'sceneShowContent onBorder' : 'sceneShowContent'
|
||||
"
|
||||
id="sceneShowContent"
|
||||
>
|
||||
<!-- <div v-show="checkRealityWait" class="topContent">
|
||||
<span class="mapTitle">待检验{{ productSubType | productTypeMap }}图</span>
|
||||
</div> -->
|
||||
|
|
@ -61,7 +129,11 @@
|
|||
<canvas v-show="checkRealityWait" id="grid"></canvas>
|
||||
<div id="cesiumView" @click="pickValue">
|
||||
<div v-show="checkRealityWait" class="compass">
|
||||
<img src="../../../assets/images/compass_one.svg" alt="" style="width: 100%; height: 100%;">
|
||||
<img
|
||||
src="../../../assets/images/compass_one.svg"
|
||||
alt=""
|
||||
style="width: 100%; height: 100%"
|
||||
/>
|
||||
</div>
|
||||
<canvas v-show="checkRealityWait" id="scaleBar"></canvas>
|
||||
</div>
|
||||
|
|
@ -72,8 +144,13 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<SampleSetting :stepSampling="stepSampling" @handleStepSampling="handleStepSampling"
|
||||
@handleDepthList="handleDepthList" :sampleCldFun="sampleCldFun" ref="sampleSettingPanel"></SampleSetting>
|
||||
<SampleSetting
|
||||
:stepSampling="stepSampling"
|
||||
@handleStepSampling="handleStepSampling"
|
||||
@handleDepthList="handleDepthList"
|
||||
:sampleCldFun="sampleCldFun"
|
||||
ref="sampleSettingPanel"
|
||||
></SampleSetting>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -129,7 +206,7 @@ export default {
|
|||
},
|
||||
checkRealityWait: {
|
||||
require: true,
|
||||
}
|
||||
},
|
||||
},
|
||||
filters: {
|
||||
getSampleVal(paramStr) {
|
||||
|
|
@ -148,11 +225,11 @@ export default {
|
|||
50: "地表粗糙度产品",
|
||||
48: "植被高度产品",
|
||||
43: "叶面积指数产品",
|
||||
47: "植被物候产品"
|
||||
47: "植被物候产品",
|
||||
};
|
||||
if (pdtype == null) return null;
|
||||
else return pdtypeMap[pdtype];
|
||||
}
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -174,7 +251,7 @@ export default {
|
|||
funcOpt: [],
|
||||
isDeepSpace: false,
|
||||
depthList: [],
|
||||
createImgTime: null
|
||||
createImgTime: null,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -191,10 +268,16 @@ export default {
|
|||
},
|
||||
watch: {
|
||||
checkRealityWait(val) {
|
||||
const navigationDiv = document.getElementsByClassName('cesium-widget-cesiumNavigationContainer')
|
||||
const navigationDiv = document.getElementsByClassName(
|
||||
"cesium-widget-cesiumNavigationContainer"
|
||||
);
|
||||
if (val) {
|
||||
window.selfDefine.viewer.scene.postRender.addEventListener(this.addScale);
|
||||
window.selfDefine.viewer.scene.postRender.addEventListener(this.addGrid);
|
||||
window.selfDefine.viewer.scene.postRender.addEventListener(
|
||||
this.addScale
|
||||
);
|
||||
window.selfDefine.viewer.scene.postRender.addEventListener(
|
||||
this.addGrid
|
||||
);
|
||||
this.createImgTime = getNowFormatDate();
|
||||
if (navigationDiv) navigationDiv[0].style.display = "none";
|
||||
} else {
|
||||
|
|
@ -202,7 +285,7 @@ export default {
|
|||
this.createImgTime = null;
|
||||
if (navigationDiv) navigationDiv[0].style.display = "block";
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
destroyed() {
|
||||
this.removeListener();
|
||||
|
|
@ -254,26 +337,29 @@ export default {
|
|||
}
|
||||
}
|
||||
if (Cesium.defined(distance)) {
|
||||
currentScaleUnit =
|
||||
distance >= 1000
|
||||
? "km" : "m";
|
||||
barWidth = distance >= 1000
|
||||
? (distance / 1000).toString()
|
||||
: distance.toString();
|
||||
currentScaleUnit = distance >= 1000 ? "km" : "m";
|
||||
barWidth =
|
||||
distance >= 1000 ? (distance / 1000).toString() : distance.toString();
|
||||
} else {
|
||||
barWidth = undefined;
|
||||
currentScaleUnit = undefined;
|
||||
}
|
||||
drawScaleTwo(barWidth, currentScaleUnit)
|
||||
drawScaleTwo(barWidth, currentScaleUnit);
|
||||
},
|
||||
addGrid() {
|
||||
const cesiumExtent = window.selfDefine.viewer.camera.computeViewRectangle();
|
||||
const cesiumExtent =
|
||||
window.selfDefine.viewer.camera.computeViewRectangle();
|
||||
const params = {};
|
||||
params.xmax = Cesium.Math.toDegrees(cesiumExtent.east);
|
||||
params.ymax = Cesium.Math.toDegrees(cesiumExtent.north);
|
||||
params.xmin = Cesium.Math.toDegrees(cesiumExtent.west);
|
||||
params.ymin = Cesium.Math.toDegrees(cesiumExtent.south);
|
||||
drawGrid(6, 6, 'cesiumView', [params.xmax, params.ymax, params.xmin, params.ymin])
|
||||
drawGrid(6, 6, "cesiumView", [
|
||||
params.xmax,
|
||||
params.ymax,
|
||||
params.xmin,
|
||||
params.ymin,
|
||||
]);
|
||||
},
|
||||
getcurrentdomwidth(dom) {
|
||||
const domObj = document.getElementById(dom);
|
||||
|
|
@ -281,8 +367,12 @@ export default {
|
|||
const clientHeight = domObj.clientHeight;
|
||||
const offsetWidth = domObj.offsetWidth;
|
||||
const offsetHeight = domObj.offsetHeight;
|
||||
const clientLeft = parseFloat(getComputedStyle(domObj).getPropertyValue('padding-left'));
|
||||
const clientTop = parseFloat(getComputedStyle(domObj).getPropertyValue('padding-top'));
|
||||
const clientLeft = parseFloat(
|
||||
getComputedStyle(domObj).getPropertyValue("padding-left")
|
||||
);
|
||||
const clientTop = parseFloat(
|
||||
getComputedStyle(domObj).getPropertyValue("padding-top")
|
||||
);
|
||||
return {
|
||||
w: clientWidth,
|
||||
h: clientHeight,
|
||||
|
|
@ -290,17 +380,21 @@ export default {
|
|||
concentH: offsetHeight,
|
||||
paddingL: clientLeft,
|
||||
paddingT: clientTop,
|
||||
}
|
||||
};
|
||||
},
|
||||
DegreesCoverttoDuFenMiao(degrees) {
|
||||
let du = degrees.split(".")[0];
|
||||
let fen = ("0." + degrees.split(".")[1]) * 60 + '';
|
||||
let fen = ("0." + degrees.split(".")[1]) * 60 + "";
|
||||
let miao = (("0." + fen.split(".")[1]) * 60).toFixed(0);
|
||||
return du + "°" + fen.split(".")[0] + "′" + miao + "″";
|
||||
},
|
||||
removeListener() {
|
||||
window.selfDefine.viewer.scene.postRender.removeEventListener(this.addScale);
|
||||
window.selfDefine.viewer.scene.postRender.removeEventListener(this.addGrid);
|
||||
window.selfDefine.viewer.scene.postRender.removeEventListener(
|
||||
this.addScale
|
||||
);
|
||||
window.selfDefine.viewer.scene.postRender.removeEventListener(
|
||||
this.addGrid
|
||||
);
|
||||
},
|
||||
handleStepSampling(newVal) {
|
||||
this.stepSampling = newVal;
|
||||
|
|
@ -479,7 +573,7 @@ export default {
|
|||
min = min > xqsmParam.alt ? xqsmParam.alt : min;
|
||||
max = max < xqsmParam.alt ? xqsmParam.alt : max;
|
||||
} else {
|
||||
min = 0, max = 0;
|
||||
(min = 0), (max = 0);
|
||||
}
|
||||
});
|
||||
if (this.allSampleData.length > 0) {
|
||||
|
|
@ -492,7 +586,13 @@ export default {
|
|||
});
|
||||
},
|
||||
deleteSelected(index, simpleData) {
|
||||
simpleData.splice(index, 1);
|
||||
this.$confirm(`确定删除该样本？`, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
}).then(async () => {
|
||||
simpleData.splice(index, 1);
|
||||
});
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -538,7 +638,7 @@ export default {
|
|||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/deep/.smps .el-table th>.cell {
|
||||
/deep/.smps .el-table th > .cell {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -275,13 +275,13 @@ export default {
|
|||
async initOrderMsg() {
|
||||
const self = this;
|
||||
self.token = this.$route.query.token;
|
||||
const userMsg = await getUserInfo(self.token);
|
||||
if (userMsg.code === 200) {
|
||||
self.userId = userMsg.data.userid;
|
||||
self.userName = userMsg.data.username;
|
||||
localStorage.setItem("userId", self.userId);
|
||||
localStorage.setItem("userName", self.userName);
|
||||
}
|
||||
// const userMsg = await getUserInfo(self.token);
|
||||
// if (userMsg.code === 200) {
|
||||
// self.userId = userMsg.data.userid;
|
||||
// self.userName = userMsg.data.username;
|
||||
// localStorage.setItem("userId", self.userId);
|
||||
// localStorage.setItem("userName", self.userName);
|
||||
// }
|
||||
const orderId = (self.orderId = this.$route.query.orderId);
|
||||
getOrderMsg(orderId).then((res) => {
|
||||
if (res.code === 200) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue