|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<div class="base-container">
|
|
|
<fnHeader></fnHeader>
|
|
|
+ <go-back></go-back>
|
|
|
<div class="top-bg"></div>
|
|
|
<el-upload
|
|
|
ref="uploadRef"
|
|
@@ -84,6 +85,7 @@
|
|
|
:class="{ 'disabled-button': !disabledForm && isEdit }"
|
|
|
type="primary"
|
|
|
@click="onSearch"
|
|
|
+ color="#00CF9F"
|
|
|
>查询</el-button
|
|
|
>
|
|
|
<el-button class="btn reset" :class="{ 'disabled-button': !disabledForm && isEdit }" @click="onRest"
|
|
@@ -116,7 +118,7 @@
|
|
|
<div class="edit-popup" v-show="isEdit">
|
|
|
<div class="edit-title">
|
|
|
<div class="name">
|
|
|
- <img src="@/assets/images/common/chart-icon.png" alt="" />
|
|
|
+ <img class="title-bg" src="@/assets/images/common/title-bg-long.png" alt="" />
|
|
|
<span>地块属性</span>
|
|
|
</div>
|
|
|
<div class="btn-group">
|
|
@@ -226,6 +228,7 @@ import { useRouter } from "vue-router";
|
|
|
import { ElMessage, ElMessageBox } from "element-plus";
|
|
|
import { dateFormat } from "@/utils/date_util";
|
|
|
import { exportExcel, parseMultiPolygon } from "@/utils/index";
|
|
|
+import goBack from "@/components/common/goBack.vue";
|
|
|
import { useStore } from "vuex";
|
|
|
import Pdf from "./Pdf";
|
|
|
import {Feature} from "ol";
|
|
@@ -480,11 +483,6 @@ const handlePrint = () => {
|
|
|
pdfShow.value = true;
|
|
|
};
|
|
|
|
|
|
-// 返回
|
|
|
-const goBack = () => {
|
|
|
- router.go(-1);
|
|
|
-};
|
|
|
-
|
|
|
function updateFormInline(newData, name) {
|
|
|
Object.assign(formInline, newData);
|
|
|
}
|
|
@@ -687,6 +685,9 @@ watch(
|
|
|
.el-upload-list {
|
|
|
display: none;
|
|
|
}
|
|
|
+ .el-upload:focus {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
}
|
|
|
.base-container {
|
|
|
width: 100%;
|
|
@@ -699,7 +700,7 @@ watch(
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
width: 100%;
|
|
|
- height: 74px;
|
|
|
+ height: 87px;
|
|
|
background: #101010;
|
|
|
z-index: -1;
|
|
|
}
|
|
@@ -711,7 +712,7 @@ watch(
|
|
|
background: #101010;
|
|
|
}
|
|
|
.blue {
|
|
|
- background: #2199f8;
|
|
|
+ background: #00CF9F;
|
|
|
}
|
|
|
.btn {
|
|
|
display: flex;
|
|
@@ -726,6 +727,7 @@ watch(
|
|
|
span {
|
|
|
margin-left: 10px;
|
|
|
}
|
|
|
+ &:hover {color: #fff;}
|
|
|
}
|
|
|
|
|
|
.disabled-button {
|
|
@@ -771,7 +773,7 @@ watch(
|
|
|
}
|
|
|
|
|
|
.upload {
|
|
|
- background: #2199f8;
|
|
|
+ background: #00CF9F;
|
|
|
margin-left: 25px;
|
|
|
}
|
|
|
.add {
|
|
@@ -784,7 +786,7 @@ watch(
|
|
|
|
|
|
.content {
|
|
|
width: 100%;
|
|
|
- height: calc(100% - 74px - 40px - 32px);
|
|
|
+ height: calc(100% - 87px - 40px - 32px);
|
|
|
box-sizing: border-box;
|
|
|
background: #101010;
|
|
|
padding: 13px 20px 20px 20px;
|
|
@@ -865,7 +867,7 @@ watch(
|
|
|
border-radius: 8px;
|
|
|
background: #232323;
|
|
|
.edit-title {
|
|
|
- padding: 0 10px;
|
|
|
+ padding-right: 10px;
|
|
|
background: rgba(68, 68, 68, 0.4);
|
|
|
border-bottom: 1px solid rgba(68, 68, 68, 0.4);
|
|
|
display: flex;
|
|
@@ -873,6 +875,7 @@ watch(
|
|
|
justify-content: space-between;
|
|
|
.btn-group {
|
|
|
display: flex;
|
|
|
+ z-index: 2;
|
|
|
.ml {
|
|
|
margin-left: 20px;
|
|
|
}
|
|
@@ -881,16 +884,23 @@ watch(
|
|
|
display: flex;
|
|
|
padding: 12px 0px;
|
|
|
align-items: center;
|
|
|
+ position: relative;
|
|
|
+ .title-bg {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
}
|
|
|
span {
|
|
|
- margin-left: 8px;
|
|
|
+ margin-left: 50px;
|
|
|
font-size: 18px;
|
|
|
font-family: "SOURCEHANTIFINE";
|
|
|
+ z-index: 2;
|
|
|
}
|
|
|
.edit {
|
|
|
- color: #2199f8;
|
|
|
+ color: #00CF9F;
|
|
|
padding: 6px 20px;
|
|
|
- border: 1px solid #2199f8;
|
|
|
+ border: 1px solid #00CF9F;
|
|
|
border-radius: 4px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
@@ -968,7 +978,7 @@ watch(
|
|
|
margin-right: 16px;
|
|
|
}
|
|
|
.save {
|
|
|
- background: #2199f8;
|
|
|
+ background: #00CF9F;
|
|
|
}
|
|
|
}
|
|
|
}
|