定性修改

tykong-cidian
duxiaoning 2023-01-12 17:56:38 +08:00
parent e654e85bf5
commit c9148ded72
7 changed files with 305 additions and 588 deletions

View File

@ -8,47 +8,23 @@
<div>
<el-tabs v-model="activeTabs">
<el-tab-pane label="误差矩阵" name="pixel">
<ReportTable
:errorMatrix="errorMatrix"
activeTabs="pixel"
></ReportTable>
<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>
<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>
<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>
<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>
<ReportTable :errorMatrix="errorMatrix" :preResults="preResults['漏分误差']" activeTabs="LeakagePre">
</ReportTable>
</el-tab-pane>
</el-tabs>
</div>
@ -56,8 +32,7 @@
</div>
<div class="groudCoverType">
<div class="box1">
<span class="sp1"></span
><span class="sp2">{{ pdSubTypeName }}误差结果图</span>
<span class="sp1"></span><span class="sp2">{{ pdSubTypeName }}误差结果图</span>
</div>
<div class="gctContent">
<div id="qtReportEchart" ref="chart"></div>
@ -103,8 +78,8 @@ export default {
initParam() {
if (this.realRes !== undefined) {
this.pdSubTypeName = productTypeMap(this.pdSubType);
this.errorMatrix = this.realRes.report["" + 8 + ""]
? this.realRes.report["" + 8 + ""]
this.errorMatrix = this.realRes.report["" + 12 + ""]
? this.realRes.report["" + 12 + ""]
: [];
this.preResults = this.realRes.results ? this.realRes.results : {};
}
@ -174,17 +149,20 @@ export default {
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);
@ -192,48 +170,58 @@ export default {
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;
@ -243,6 +231,7 @@ export default {
margin-left: 20px;
margin-top: 8px;
}
.sp2 {
margin-left: 10px;
font-size: 20px;

View File

@ -225,7 +225,7 @@ export default {
const ssf = Number(this.simpleForm.sampleFun[0]);
if (
this.simpleForm.sampleFun.length >= 1 &&
ssf === 1 &&
ssf === 2 &&
Number(this.simpleForm.sampleFun[1]) === 0
) {
this.isDeepSpace = true;
@ -236,7 +236,7 @@ export default {
changeSampleFun(sfVal) {
if (Array.isArray(sfVal)) {
const ssf = Number(sfVal[0]);
if (sfVal.length >= 1 && ssf === 1 && Number(sfVal[1]) === 0) {
if (sfVal.length >= 1 && ssf === 2 && Number(sfVal[1]) === 0) {
this.isDeepSpace = true;
} else {
this.isDeepSpace = false;

View File

@ -2,56 +2,30 @@
<div class="qualitative">
<div class="featureMap">
<div class="box1">
<span class="sp1"></span
><span class="sp2">{{
productSubType == 6 ? "地表覆盖类型表" : "植被物候类型表"
<span class="sp1"></span><span class="sp2">{{
productSubType == 39 ? "地表覆盖类型表" : "植被物候类型表"
}}</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 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 prop="coverName" :label="productSubType == 39 ? '地物类型名称' : '物候类型名称'" show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="typeNameKg"
label="空基类型名称"
show-overflow-tooltip
v-if="false"
>
<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-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>
<template slot-scope="scope">{{ scope.row.coverId }}</template>
</el-table-column>
<el-table-column label="空基代码实际值">
<template slot-scope="scope">{{ scope.row.typeIdKg }}</template>
<template slot-scope="scope">{{ scope.row.imageValue }}</template>
</el-table-column>
</el-table>
</div>
@ -62,108 +36,45 @@
<span class="sp1"></span><span class="sp2">样本库</span>
</div>
<div>
<el-form
:inline="true"
:model="simpleForm"
class="demo-form-inline"
>
<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="400"
size="medium"
>
<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="samplesId"
label="样本编号"
show-overflow-tooltip
>
<el-table-column prop="samplesId" label="样本编号" show-overflow-tooltip>
</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
prop="coverName"
label="类别"
show-overflow-tooltip
sortable
>
<el-table-column prop="coverName" label="类别" show-overflow-tooltip sortable>
<template slot-scope="scope">{{
scope.row.paramStr | getCoverName
}}</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"><i class="el-icon-delete"
@click="deleteSelected(scope.$index, simpleData)"></i></template>
</el-table-column>
</el-table>
</div>
@ -174,24 +85,15 @@
</div>
<div>
<span class="cardsp">目标分辨率{{ pixelNum }}</span>
<el-form
:inline="true"
:model="pixelFormData"
class="demo-form-inline"
>
<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-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-option label="均值法" value="1"></el-option>
<el-option label="最邻近法" value="6"></el-option>
<el-option label="克里格法" value="7"></el-option>
<el-option label="块克里格法" value="9"></el-option>
<el-option label="MSN法" value="10"></el-option>
</el-select>
</el-form-item>
<el-form-item>
@ -203,23 +105,13 @@
</div>
<div class="qsRight">
<div class="box1">
<span class="sp1"></span
><span class="sp2">待检验产品及样本分布结果</span>
<span class="sp1"></span><span class="sp2">待检验产品及样本分布结果</span>
</div>
<div
id="sceneShowContent"
@click="pickValue"
style="overflow: hidden; position: relative"
></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>
<SampleSetting :stepSampling="stepSampling" @handleStepSampling="handleStepSampling"
@handleDepthList="handleDepthList" :sampleCldFun="sampleCldFun" ref="sampleSettingPanel"></SampleSetting>
</div>
</template>
@ -279,6 +171,9 @@ export default {
productSubType: {
require: true,
},
featureMapData: {
require: true,
}
},
filters: {
getCoverName(paramStr) {
@ -287,7 +182,7 @@ export default {
},
data() {
return {
featureMapData: [],
// featureMapData: [],
rfNameOpt: [],
simpleForm: {
sampleFun: "",
@ -315,9 +210,9 @@ export default {
cu.flyToLayerRect(gp[0], gp[1], gp[2], gp[3]);
},
created() {
if (this.productSubType === 6) {
if (this.productSubType === 39) {
this.rfNameOpt = this.configration.groTypeName;
} else if (this.productSubType === 12) {
} else if (this.productSubType === 47) {
this.rfNameOpt = this.configration.vegetationPhenologyGroTypeName;
}
@ -351,7 +246,7 @@ export default {
const ssf = Number(this.simpleForm.sampleFun[0]);
if (
this.simpleForm.sampleFun.length >= 1 &&
ssf === 1 &&
ssf === 2 &&
Number(this.simpleForm.sampleFun[1]) === 0
) {
this.isDeepSpace = true;
@ -360,7 +255,7 @@ export default {
}
// this.stepSampling = this.sampleFun == "1" && this?.sampleCldFun == "0";
},
onSubmit() {},
onSubmit() { },
tableRowClassName({ rowIndex }) {
if ((rowIndex + 1) % 2 !== 0) {
return "background:#F5F7FA;text-align:center";
@ -375,7 +270,8 @@ export default {
cu.removePoint();
if (val.length !== 0) {
for (let i in val) {
cu.addPoint(val[i].lon, val[i].lat, val[i].alt);
const alt = JSON.parse(val[i].paramStr).alt;
cu.addPoint(val[i].lng, val[i].lat, alt !== "null" ? alt : 10);
}
}
this.multipleSelection = val;
@ -469,7 +365,7 @@ export default {
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) {
if (sfVal.length >= 1 && ssf === 2 && Number(sfVal[1]) === 0) {
this.isDeepSpace = true;
} else {
this.isDeepSpace = false;
@ -541,7 +437,8 @@ export default {
self.$refs.multipleTable.toggleAllSelection();
cu.removePoint();
for (let i in dl) {
cu.addPoint(dl[i].lon, dl[i].lat, dl[i].alt);
const alt = JSON.parse(dl[i].paramStr).alt;
cu.addPoint(dl[i].lng, dl[i].lat, alt !== "null" ? alt : 10);
}
}
});
@ -560,7 +457,8 @@ export default {
self.$refs.multipleTable.toggleAllSelection();
cu.removePoint();
for (let i in dl) {
cu.addPoint(dl[i].lon, dl[i].lat, dl[i].alt);
const alt = JSON.parse(dl[i].paramStr).alt;
cu.addPoint(dl[i].lng, dl[i].lat, alt !== "null" ? alt : 10);
}
});
}
@ -582,19 +480,23 @@ export default {
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;
@ -602,15 +504,18 @@ export default {
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;
// }
@ -622,9 +527,11 @@ export default {
height: 165px;
background-color: white;
}
/deep/.pixelDeal .el-form-item {
margin-left: 15px;
}
.cardsp {
display: block;
margin-left: 17px;
@ -632,16 +539,19 @@ export default {
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;
@ -651,6 +561,7 @@ export default {
margin-left: 20px;
margin-top: 8px;
}
.sp2 {
margin-left: 10px;
font-size: 20px;
@ -658,6 +569,7 @@ export default {
color: #354595;
vertical-align: top;
}
//
/deep/.sampleFunParam .el-upload-dragger .el-icon-upload {
margin: 0;
@ -665,9 +577,11 @@ export default {
font-size: 20px;
color: black;
}
.sampleFunParam .upload-demo {
display: inline-block;
}
/deep/.sampleFunParam .el-upload-dragger {
width: 150px;
height: 35px;
@ -675,6 +589,7 @@ export default {
margin-top: 20px;
border: 1px solid #d9d9d9;
}
/deep/.sampleFunParam .el-dialog__body {
padding: 20px 10px;
text-align: center;

View File

@ -1,35 +1,12 @@
<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 :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"
>
<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>
@ -87,21 +64,13 @@ export default {
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":
@ -112,7 +81,6 @@ export default {
case "LeakagePre":
tes = "count";
this.tHeader.push("漏分精度");
// tes = "omissionErrors";
break;
}
@ -133,13 +101,11 @@ export default {
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);
}
@ -155,11 +121,9 @@ export default {
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);
@ -241,12 +205,15 @@ export default {
.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;
@ -261,6 +228,7 @@ export default {
-webkit-transform-origin: top;
transform-origin: top;
}
.el-table thead.is-group tr:last-of-type th:first-of-type:before {
content: "";
position: absolute;

View File

@ -2,79 +2,37 @@
<div class="report">
<div class="rpHeader">
<div class="rphLeft">
<QtReport
ref="reportQT"
:realRes="realRes"
:pdSubType="pdSubType"
v-if="pdSubType === 39 || pdSubType === 47"
></QtReport>
<RtReport
ref="reportRT"
:realRes="realRes"
:pdSubType="pdSubType"
v-else
></RtReport>
<QtReport ref="reportQT" :realRes="realRes" :pdSubType="pdSubType" v-if="pdSubType === 39 || pdSubType === 47">
</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"
>
<iframe
class="pdfPage"
:src="pdfPath"
frameborder="0"
v-if="pdfLoading === false"
></iframe>
<div class="pdfContent" v-loading="pdfLoading" element-loading-text="PDF..."
element-loading-spinner="el-icon-loading">
<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="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 :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-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-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-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-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">
@ -82,51 +40,28 @@
<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-radio-group> </el-form-item><br />
<el-form-item label="坐标系统" class="ysjMsg">
<el-input
v-model="rpDataMsg.coordinateSys"
placeholder="坐标系统"
></el-input>
<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-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-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-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-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 :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="samplesId" label="样本编号" sortable>
@ -147,23 +82,13 @@
{{ scope.row.dataTime | formatDate }}
</template> -->
</el-table-column>
<el-table-column
prop="collectDate"
label="预处理时间"
sortable
align="center"
>
<el-table-column prop="collectDate" label="预处理时间" sortable align="center">
<template slot-scope="scope">
{{ scope.row.collectDate }}
<!-- {{ scope.row.addTime | formatDate }} -->
</template>
</el-table-column>
<el-table-column
prop="reliability"
label="可信度"
sortable
align="center"
></el-table-column>
<el-table-column prop="reliability" label="可信度" sortable align="center"></el-table-column>
</el-table>
</el-tab-pane>
</el-tabs>
@ -413,12 +338,12 @@ export default {
categoryType: productTypeSplMap(self.pdSubType),
product: productTypeMap(self.pdSubType),
orderID: asmo.orderCode,
reportMaker: "DXN",
reportMaker: "dxn",
orderCreateTime: asmo.createDate,
orderStartTime: crTime.startTime,
orderEndTime: crTime.endTime,
reportCreateTime: asmo.createDate,
inspectorName: "DXN",
inspectorName: "dxn",
productFileName: asmp.fileName,
resolution: asmm.resRatio + "",
productCreateTime: asmp.collectDate,
@ -444,7 +369,6 @@ export default {
const pdfName = productTypeMap(self.pdSubType) + "报告";
const localTiffPath = null;
const httpTiffPath = rpm.tifPath;
// console.log("1111111", pdfMsg);
exportWord(pdfMsg, pdfName, localTiffPath, httpTiffPath, psId).then(
(res) => {
if (res.msg === "success") {
@ -522,7 +446,7 @@ export default {
reExamine() {
const os = 8;
this.updateOrder(os);
this.$router.push({ name: "待处理的检验订单" });
// this.$router.push(`http://10.0.3.157:18030/kjwebAdmin/#/Order/DJYOrder?orderid=${this.reportMsg.orderId}&token=WEB%2a1673425993482%40L3W7_ZZX-yg000087_06848633de364ec7b63c8f53f9e43b19`);
},
//
updateOrder(orderStatus) {
@ -561,33 +485,39 @@ export default {
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;
@ -596,12 +526,14 @@ export default {
margin-bottom: 10px;
}
}
.rpBottom {
position: relative;
display: block;
margin-top: 20px;
text-align: center;
}
/deep/.rpBottom {
.el-button--primary {
width: 170px;
@ -612,11 +544,13 @@ export default {
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;
@ -626,6 +560,7 @@ export default {
margin-left: 20px;
margin-top: 8px;
}
.sp2 {
margin-left: 10px;
font-size: 20px;
@ -640,12 +575,15 @@ export default {
position: relative;
text-align: center;
}
.ysjMsg {
width: 18%;
}
.ysjMsgMrg {
margin-left: 14px;
}
.ysjMsg2 {
width: 20%;
}
@ -654,30 +592,38 @@ export default {
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 {
/deep/.cstop .el-radio__input.is-checked+.el-radio__label {
color: #606266;
}
/deep/.cstop .el-radio__inner {
border: 2px solid #354595;
}
@ -696,17 +642,20 @@ export default {
/deep/.el-tabs__item:hover {
color: black;
}
/deep/.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
/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 {
/deep/.el-tabs--card>.el-tabs__header .el-tabs__nav {
display: block;
left: 41.5%;
// transform: translateX(-50%);
@ -714,11 +663,13 @@ export default {
// text-align: center;
position: relative;
}
/deep/.el-tabs--card > .el-tabs__header {
/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 {
/deep/.el-tabs--card>.el-tabs__header .el-tabs__nav {
border-bottom: 1px solid #e4e7ed;
}
</style>

View File

@ -4,65 +4,25 @@
<router-view></router-view>
</transition>
<!-- 订单展示 -->
<div
class="page"
v-show="pageshow"
v-loading="checkRealityWait"
element-loading-text="正在检验..."
element-loading-spinner="el-icon-loading"
>
<div class="page" v-show="pageshow" v-loading="checkRealityWait" element-loading-text="..."
element-loading-spinner="el-icon-loading">
<div class="cardfrist">
<div class="box1">
<span class="sp1"></span><span class="sp2">订单信息</span>
</div>
<el-table
:header-cell-style="{ background: '#E4E9F1' }"
:cell-style="tableRowClassName"
:data="orderData"
style="width: 98%; margin-left: 1%; margin-top: 15px"
>
<el-table-column
prop="orderCode"
label="订单编号"
sortable
width="180"
align="center"
>
<el-table :header-cell-style="{ background: '#E4E9F1' }" :cell-style="tableRowClassName" :data="orderData"
style="width: 98%; margin-left: 1%; margin-top: 15px">
<el-table-column prop="orderCode" label="订单编号" sortable width="180" align="center">
</el-table-column>
<el-table-column
prop="orderSource"
label="订单来源"
sortable
align="center"
>
<el-table-column prop="orderSource" label="订单来源" sortable align="center">
</el-table-column>
<el-table-column
prop="uploadDate"
label="提交时间"
sortable
align="center"
>
<el-table-column prop="uploadDate" label="提交时间" sortable align="center">
</el-table-column>
<el-table-column
prop="fileName"
label="文件名"
sortable
align="center"
>
<el-table-column prop="fileName" label="文件名" sortable align="center">
</el-table-column>
<el-table-column
prop="fileSize"
label="产品大小"
sortable
align="center"
>
<el-table-column prop="fileSize" label="产品大小" sortable align="center">
</el-table-column>
<el-table-column
prop="fileFormat"
label="文件格式"
sortable
align="center"
>
<el-table-column prop="fileFormat" label="文件格式" sortable align="center">
</el-table-column>
<el-table-column label="元数据" align="center">
<el-button type="primary" @click="changeshow"></el-button>
@ -75,126 +35,56 @@
<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 :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-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-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-input v-model="formInline.resRatio" placeholder="空间分辨率"></el-input>
</el-form-item>
<el-form-item label="时间" class="ysjMsg">
<el-input
class="ysjMsgMrg"
v-model="formInline.producedDate"
placeholder="生产时间"
></el-input>
<el-input class="ysjMsgMrg" v-model="formInline.producedDate" placeholder="生产时间"></el-input>
</el-form-item>
<el-form-item
label="级别"
prop="resource"
style="width: 20%"
class="ysjMsg2"
>
<el-form-item label="级别" prop="resource" style="width: 20%" 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-group> </el-form-item
><br />
</el-radio-group> </el-form-item><br />
<el-form-item label="坐标系统" class="ysjMsg">
<el-input
v-model="formInline.coordinateSys"
placeholder="坐标系统"
></el-input>
<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-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-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-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-input v-model="formInline.maxLon" placeholder="最大经度"></el-input>
</el-form-item>
</el-form>
</div>
</div>
<!-- 正射校正 -->
<OtgCorrection
:sampleFun="sampleFun"
:sampleCldFun="sampleCldFun"
:pixelFun="pixelFun"
:pixelNum="pixelNum"
:geoWorkSpace="geoWorkSpace"
:geoLayerName="geoLayerName"
:geoLayerPos="geoLayerPos"
:orderId="orderId"
:productSubType="productSubType"
ref="otgCorrectionPanel"
v-if="productSubType === 45"
></OtgCorrection>
<OtgCorrection :sampleFun="sampleFun" :sampleCldFun="sampleCldFun" :pixelFun="pixelFun" :pixelNum="pixelNum"
:geoWorkSpace="geoWorkSpace" :geoLayerName="geoLayerName" :geoLayerPos="geoLayerPos" :orderId="orderId"
:productSubType="productSubType" ref="otgCorrectionPanel" v-if="productSubType === 45"></OtgCorrection>
<!-- 地表覆盖 -->
<Qualitative
:sampleFun="sampleFun"
:sampleCldFun="sampleCldFun"
:pixelFun="pixelFun"
:pixelNum="pixelNum"
:geoWorkSpace="geoWorkSpace"
:geoLayerName="geoLayerName"
:geoLayerPos="geoLayerPos"
:orderId="orderId"
:productSubType="productSubType"
ref="qualitativePanel"
v-else-if="productSubType === 39 || productSubType === 47"
></Qualitative>
<Qualitative :sampleFun="sampleFun" :sampleCldFun="sampleCldFun" :pixelFun="pixelFun" :pixelNum="pixelNum"
:geoWorkSpace="geoWorkSpace" :geoLayerName="geoLayerName" :geoLayerPos="geoLayerPos" :orderId="orderId"
:productSubType="productSubType" :featureMapData="featureMapData" ref="qualitativePanel"
v-else-if="productSubType === 39 || productSubType === 47"></Qualitative>
<!-- 土壤水份等 -->
<SoilMositure
:sampleFun="sampleFun"
:sampleCldFun="sampleCldFun"
:pixelFun="pixelFun"
:pixelNum="pixelNum"
:geoWorkSpace="geoWorkSpace"
:geoLayerName="geoLayerName"
:geoLayerPos="geoLayerPos"
:orderId="orderId"
:productSubType="productSubType"
ref="soilMositurePanel"
v-else
></SoilMositure>
<SoilMositure :sampleFun="sampleFun" :sampleCldFun="sampleCldFun" :pixelFun="pixelFun" :pixelNum="pixelNum"
:geoWorkSpace="geoWorkSpace" :geoLayerName="geoLayerName" :geoLayerPos="geoLayerPos" :orderId="orderId"
:productSubType="productSubType" ref="soilMositurePanel" v-else></SoilMositure>
<!-- 真实性检验方法 -->
<div class="cardfive">
<div class="box1">
@ -202,29 +92,15 @@
</div>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="检验方法">
<el-select
v-model="formInline.truthCheckFun"
multiple
:disabled="truthFun"
placeholder="请选择"
>
<el-option
v-for="item in truthCheckFunOpt"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="formInline.truthCheckFun" multiple :disabled="truthFun" placeholder="请选择">
<el-option v-for="item in truthCheckFunOpt" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-form>
<div class="btngroup">
<el-button class="shbtn" type="primary" @click="todaichuli"
>取消</el-button
>
<el-button class="shbtn" type="primary" @click="changepage"
>确定</el-button
>
<el-button class="shbtn" type="primary" @click="todaichuli"></el-button>
<el-button class="shbtn" type="primary" @click="changepage"></el-button>
</div>
</div>
<div class="card2" v-if="hasPixelFun">
@ -238,50 +114,29 @@
<span class="cardsp">目标分辨率{{ pixelNum }}</span>
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="像元级处理模型:">
<el-select
v-model="pixelFun"
placeholder="选择像元级处理方法"
:disabled="pdShow"
@change="pixelFunChanged"
ref="pixelSel"
>
<el-select v-model="pixelFun" placeholder="选择像元级处理方法" :disabled="pdShow" @change="pixelFunChanged"
ref="pixelSel">
<el-option label="" value=""></el-option>
<el-option
label="均值法"
value="1"
v-if="
<el-option label="均值法" value="1" v-if="
(globalSampleFun !== 1 && globalSampleFun !== '1') ||
globalSampleFun === null ||
globalSampleFun === ''
"
></el-option>
<el-option
label="最邻近法"
value="6"
v-if="
"></el-option>
<el-option label="最邻近法" value="6" v-if="
(globalSampleFun !== 1 && globalSampleFun !== '1') ||
globalSampleFun === null ||
globalSampleFun === ''
"
></el-option>
<el-option
label="克里格法"
value="7"
v-if="
"></el-option>
<el-option label="克里格法" value="7" v-if="
(globalSampleFun !== 1 && globalSampleFun !== '1') ||
globalSampleFun === null ||
globalSampleFun === ''
"
></el-option>
<el-option
label="块克里格法"
value="9"
v-if="
"></el-option>
<el-option label="块克里格法" value="9" v-if="
(globalSampleFun !== 1 && globalSampleFun !== '1') ||
globalSampleFun === null ||
globalSampleFun === ''
"
></el-option>
"></el-option>
<el-option label="MSN法" value="10"></el-option>
</el-select>
</el-form-item>
@ -296,18 +151,8 @@
</div>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="检验方法:">
<el-select
v-model="formInline.truthCheckFun"
multiple
:disabled="truthFun"
placeholder="请选择"
>
<el-option
v-for="item in truthCheckFunOpt"
:key="item.value"
:label="item.label"
:value="item.value"
>
<el-select v-model="formInline.truthCheckFun" multiple :disabled="truthFun" placeholder="请选择">
<el-option v-for="item in truthCheckFunOpt" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
@ -315,12 +160,8 @@
</div>
<div class="cardfive">
<div class="btngroup">
<el-button class="shbtn" type="primary" @click="todaichuli"
>取消</el-button
>
<el-button class="shbtn" type="primary" @click="changepage"
>确定</el-button
>
<el-button class="shbtn" type="primary" @click="todaichuli"></el-button>
<el-button class="shbtn" type="primary" @click="changepage"></el-button>
</div>
</div>
</div>
@ -337,7 +178,6 @@ import {
delSampleData,
upDateAnalyseMethod,
checkReality,
exportWord,
} from "@/api/lang/pendingOrder";
import qs from "qs";
@ -377,6 +217,7 @@ export default {
isShow: false,
truthFun: false,
productSubType: undefined,
featureMapData: [],
orderId: undefined,
userId: null,
formInline: {
@ -415,8 +256,9 @@ export default {
self.orderId = om.orderId;
const pdType = om.productSubClassId;
this.productSubType = pdType;
self.productSubType = pdType;
self.featureMapData = om.landCoverTypeVOList
self.formInline = am.metaMsg;
self.orderData = am.orderData;
self.pixelNum = am.metaMsg.resRatio;
@ -428,7 +270,7 @@ export default {
am.metaMsg.maxLat,
];
const pm = (this.productMsg = am.productMsg);
const pm = (self.productMsg = am.productMsg);
self.geoWorkSpace = pm.geoWorkspace;
self.geoLayerName = pm.geoLayerName;
self.tifPath = pm.ftpPath;
@ -456,16 +298,16 @@ export default {
const pmVal = Object.keys(pm)[0];
self.pixelFun = pmVal.toString();
}
if (this.pixelFun !== "") {
this.pdShow = true;
this.$store.commit("setPixelFun", this.pixelFun);
if (self.pixelFun !== "") {
self.pdShow = true;
self.$store.commit("setPixelFun", self.pixelFun);
}
//
if (om.samplingMethodId !== null)
self.sampleFun = om.samplingMethodId + "";
if (this.sampleFun !== "") {
this.$store.commit("setSampleFun", this.sampleFun);
if (self.sampleFun !== "") {
self.$store.commit("setSampleFun", self.sampleFun);
}
if (om.samplingMethodCldId !== null) {
@ -505,8 +347,8 @@ export default {
this.sampleList = smpVal.multipleSelection;
if (featureMapData !== [] || featureMapData.length !== 0)
this.updateCoverType(featureMapData);
// if (featureMapData !== [] || featureMapData.length !== 0)
// this.updateCoverType(featureMapData);
const orderId = this.orderId;
const tcf = this.formInline.truthCheckFun;
@ -688,6 +530,7 @@ export default {
.Fade-leave-to {
opacity: 0;
}
.Fade-enter-to,
.Fade-leave {
opacity: 1;
@ -702,53 +545,66 @@ export default {
width: 140px;
height: 33px;
}
/deep/.el-form--inline .el-form-item__label {
text-align: justify;
// text-align-last: justify;
font-size: 15px;
}
.shbtn:hover,
.shbtn:active,
.shbtn:focus {
background-color: rgba(97, 115, 206, 0.5);
}
.shbtn {
width: 150px;
height: 35px;
background-color: #354595;
border: 0;
}
.btngroup {
margin-bottom: 20px;
// margin-left: 40%;
text-align: center;
}
/deep/.el-textarea__inner {
margin-left: 20px;
width: 98%;
}
/deep/.el-textarea__inner:focus {
border-color: #354595;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-radio__inner::after {
background-color: #354595;
}
/deep/.el-radio__input.is-checked .el-radio__inner {
border-color: #354595;
background: white;
}
/deep/.el-radio__input.is-disabled .el-radio__inner {
border-color: #354595;
}
/deep/.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
background-color: #354595;
}
/deep/.el-radio__input.is-checked + .el-radio__label {
/deep/.el-radio__input.is-checked+.el-radio__label {
color: #606266;
}
/deep/.el-radio__inner {
border: 2px solid #354595;
}
@ -756,23 +612,28 @@ export default {
/deep/.el-icon-close:before {
content: none;
}
/deep/.el-tag .el-icon-close {
width: 0;
height: 0;
}
/deep/.cardfive .el-form-item {
margin-top: 15px;
width: 100%;
}
/deep/.cardfive .el-form--inline .el-form-item__content {
width: 90%;
height: 60px;
}
/deep/.cardfive .el-select {
width: 100%;
height: 60px;
line-height: 60px;
}
/deep/.cardfive .el-input--suffix .el-input__inner {
width: 100%;
height: 60px;
@ -784,13 +645,16 @@ export default {
line-height: 60px;
margin-left: 20px;
}
/deep/.cardfive .el-button--primary:hover {
background-color: #354595;
}
/deep/.cardfive .el-button--primary:focus {
background-color: #6979cc;
border-color: #6979cc;
}
.box2 {
margin-top: 10px;
margin-bottom: 10px;
@ -798,6 +662,7 @@ export default {
width: 300px;
display: inline-block;
}
.bxtitle {
margin-top: 2.5px;
display: inline-block;
@ -807,35 +672,43 @@ export default {
text-align: justify;
text-align-last: justify;
}
.bxinput {
display: inline-block;
vertical-align: top;
width: 200px;
}
/deep/.cardfive .el-input__inner {
height: 60px;
}
.cstop {
margin-top: 20px;
margin-bottom: 0;
position: relative;
text-align: center;
}
.ysjMsg {
width: 18%;
}
.ysjMsgMrg {
margin-left: 14px;
}
.ysjMsg2 {
width: 20%;
}
.cardsecond {
width: 100%;
background-color: white;
font-size: 20px;
margin-top: 20px;
}
.cardfrist {
width: 100%;
background-color: white;
@ -843,17 +716,20 @@ export default {
padding-bottom: 15px;
// margin-top: 20px;
}
.cardfive {
margin-top: 20px;
background-color: white;
padding: 0 0 10px 0;
clear: both;
}
.box1 {
height: 40px;
line-height: 40px;
border-bottom: 1px solid rgb(205, 205, 205, 0.5);
}
.sp1 {
display: inline-block;
width: 7px;
@ -864,6 +740,7 @@ export default {
margin-left: 20px;
margin-top: 8px;
}
.sp11 {
display: inline-block;
width: 7px;
@ -874,6 +751,7 @@ export default {
margin-left: 24px;
margin-top: 8px;
}
.sp2 {
margin-left: 10px;
font-size: 20px;
@ -881,6 +759,7 @@ export default {
color: #354595;
vertical-align: top;
}
.sp22 {
margin-left: 10px;
font-size: 20px;
@ -888,58 +767,71 @@ export default {
color: #354595;
vertical-align: top;
}
.page {
/* height: 1000px; */
width: 100%;
/* background-color: goldenrod; */
}
/deep/.el-button {
line-height: 0;
}
.leftCard {
width: 54%;
height: 230px;
background-color: white;
float: left;
}
.rightCard {
width: 46%;
height: 230px;
background-color: white;
float: left;
}
.pixelDeal {
height: 165px;
background-color: white;
}
/deep/.leftCard .el-form-item {
margin-top: 15px;
width: 100%;
}
/deep/.leftCard .el-input__inner {
height: 38px;
}
/deep/.leftCard .el-select {
width: 100%;
height: 38px;
line-height: 38px;
}
/deep/.leftCard .el-form--inline .el-form-item__content {
width: 50%;
height: 38px;
}
/deep/.leftCard .el-form--inline .el-form-item__label {
height: 38px;
line-height: 38px;
margin-left: 20px;
}
/deep/.rightCard .demo-form-inline .el-form-item {
margin-top: 15px;
width: 100%;
}
/deep/.rightCard .demo-form-inline .el-form-item__content {
width: 80%;
}
/deep/.rightCard .demo-form-inline .el-select {
width: 100%;
}
@ -971,6 +863,7 @@ export default {
color: #606266;
line-height: 40px;
}
.selectBox {
height: 65px;
width: 100%;
@ -978,6 +871,7 @@ export default {
border: 1px solid #dcdfe6;
line-height: 22px;
}
.selTxt {
background-color: #f4f4f5;
border-color: #e9e9eb;

View File

@ -96,8 +96,8 @@
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-column prop="coverName" label="地物类型名称" align="center"></el-table-column>
<el-table-column prop="imageValue" label="像素实际值" align="center"></el-table-column>
</el-table>
</div>