up

src/views/crops/area/index.vue

@@ -3084,6 +3084,13 @@ $height: calc(100vh - 100px);
             white-space: nowrap;
             text-overflow: ellipsis;
             overflow: hidden;
+            background: linear-gradient(
+                180deg,
+                rgba(255, 255, 255, 1) 33.33%,
+                rgba(41, 255, 219, 1) 100%
+            );
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
         }
 
         p {

src/views/crops/classify/index.vue

@@ -38,7 +38,10 @@
                     <span>作物类型统计-高标准农田</span>
                     <p>
                         下载 &nbsp;
-                        <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
+                        <img
+                            src="@/assets/icons/svg/downloads.svg"
+                            style="width: 14px; height: 14px; cursor: pointer"
+                        />
                     </p>
                 </div>
                 <div ref="farmlandDiv" class="farmlandDiv"></div>
@@ -49,12 +52,25 @@
                     <span>作物类型统计-行政区划</span>
                     <p>
                         下载 &nbsp;
-                        <img src="@/assets/icons/svg/downloads.svg" style="width: 14px; height: 14px; cursor: pointer" />
+                        <img
+                            src="@/assets/icons/svg/downloads.svg"
+                            style="width: 14px; height: 14px; cursor: pointer"
+                        />
                     </p>
                 </div>
-                <el-select popper-class="select_city" @change="selectTab(item)" v-model="value" clearable placeholder="全部">
+                <el-select
-                    <el-option v-for="item in Township.arr" :key="item.properties.XZDM" :label="item.properties.XZMC"
+                    popper-class="select_city"
-                        :value="item.properties.XZDM" />
+                    @change="selectTab(item)"
+                    v-model="value"
+                    clearable
+                    placeholder="全部"
+                >
+                    <el-option
+                        v-for="item in Township.arr"
+                        :key="item.properties.XZDM"
+                        :label="item.properties.XZMC"
+                        :value="item.properties.XZDM"
+                    />
                 </el-select>
                 <div ref="ASdivisionDiv" class="ASdivision"></div>
             </div>
@@ -67,11 +83,18 @@
                 <template #title>图例</template>
                 <div class="mt-4">
                     <el-checkbox-group v-model="checkList" @change="change">
-                        <el-checkbox v-for="(value, item, key) in dic" :key="key" :style="{
+                        <el-checkbox
+                            v-for="(value, item, key) in dic"
+                            :key="key"
+                            :style="{
                                 background: value.color,
                                 border: `1px solid ${value.color}`,
                                 width: `100%`,
-                            }" v-model="checked3" :disabled="value.disabled" :label="item" />
+                            }"
+                            v-model="checked3"
+                            :disabled="value.disabled"
+                            :label="item"
+                        />
 
                         <!-- <el-checkbox style="
                                 background: rgba(251, 171, 60, 1);
@@ -825,7 +848,7 @@ function getFarmland() {
             console.log('农田：', res);
             formLandRef.value = res.data.features;
         })
-        .catch(err => { });
+        .catch(err => {});
 }
 //返回
 function back() {
@@ -924,7 +947,8 @@ const getaArea = () => {
 
 const selectTab = () => {
     areachar();
-    if (value.value == '370211') {//全部
+    if (value.value == '370211') {
+        //全部
         getTownships();
         classData = [302034, 243990, 42344, 34234, 304235];
         deleteEntityByName('townLine');
@@ -1095,7 +1119,6 @@ const selectTab = () => {
         ASdivision();
     });
 
-
     // const layers = viewer.imageryLayers._layers;
     // for (let f = layers.length - 1; f >= 0; f--) {
     //     if (layers[f]._imageryProvider.aaa === 'aaa') {
@@ -1120,11 +1143,7 @@ const selectTab = () => {
     // 移除镇高亮
     deleteEntityByName('townLine');
     // 添加新的
-    addvillage(
+    addvillage(`XZDM=${value.value}`, 'village_CQL');
-        `XZDM=${value.value}`,
-        'village_CQL'
-    );
-
 };
 
 //图表
@@ -2164,6 +2183,13 @@ $height: calc(100vh - 100px);
             white-space: nowrap;
             text-overflow: ellipsis;
             overflow: hidden;
+            background: linear-gradient(
+                180deg,
+                rgba(255, 255, 255, 1) 33.33%,
+                rgba(41, 255, 219, 1) 100%
+            );
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
         }
 
         p {
@@ -2171,9 +2197,11 @@ $height: calc(100vh - 100px);
             height: 25px;
             border-radius: 20px;
             font-size: 14px;
-            background: linear-gradient(180deg,
+            background: linear-gradient(
-                    rgba(16, 111, 111, 1) 0%,
+                180deg,
-                    rgba(47, 214, 214, 1) 100%);
+                rgba(16, 111, 111, 1) 0%,
+                rgba(47, 214, 214, 1) 100%
+            );
             border: 1.5px solid rgba(23, 194, 180, 1);
             display: flex;
             justify-content: center;
@@ -2441,7 +2469,7 @@ $height: calc(100vh - 100px);
         display: flex;
         margin-bottom: 10px;
 
-        &>span:nth-child(1) {
+        & > span:nth-child(1) {
             font-weight: 400;
             letter-spacing: 0px;
             color: rgba(255, 255, 255, 1);
@@ -2452,7 +2480,7 @@ $height: calc(100vh - 100px);
             margin-right: 10px;
         }
 
-        &>span:nth-child(2) {
+        & > span:nth-child(2) {
             color: rgba(255, 255, 255, 1);
             width: 129px;
             height: 24px;

src/views/crops/output/wheat/index.vue

@@ -20,8 +20,27 @@
                         />
                     </p>
                 </div>
+                <div class="production">
+                    <div class="leftProduction">
+                        <p>
+                            <span>900</span>
+                            吨
+                            <br />
+                            最小值
+                        </p>
+                    </div>
+                    <div class="rightProduction">
+                        <p>
+                            <span>960</span>
+                            吨
+                            <br />
+                            最小值
+                        </p>
+                    </div>
+                </div>
                 <div ref="areaDiv" class="areaDiv"></div>
             </div>
+
             <div class="leftFoldDiv" @click="leftFoldClick()">
                 <el-icon><ArrowRightBold /></el-icon>
             </div>
@@ -1326,6 +1345,7 @@ function areachar() {
             },
             axisLabel: {
                 show: true,
+                // interval:0,
             },
             data: ['2017年', '2018年', '2019年', '2020年', '2021年', '2022年', '2023年'],
         },
@@ -1603,6 +1623,8 @@ function farmland() {
                             ],
                             global: false, // 缺省为 false
                         },
+                        shadowColor: 'rgba(255, 255, 255, 0.5)',
+                        shadowBlur: 10,
                     },
                 },
                 data: [709, 1917, 2455, 2610, 1719, 1433],
@@ -1643,6 +1665,8 @@ function farmland() {
                             ],
                             global: false, // 缺省为 false
                         },
+                        shadowColor: 'rgba(255, 255, 255, 0.5)',
+                        shadowBlur: 10,
                     },
                 },
                 data: [300, 500, 700, 400, 600, 1200],
@@ -2305,6 +2329,13 @@ $height: calc(100vh - 100px);
             white-space: nowrap;
             text-overflow: ellipsis;
             overflow: hidden;
+            background: linear-gradient(
+                180deg,
+                rgba(255, 255, 255, 1) 33.33%,
+                rgba(41, 255, 219, 1) 100%
+            );
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
         }
 
         p {
@@ -2334,6 +2365,7 @@ $height: calc(100vh - 100px);
     background: rgba(2, 31, 26, 0.85);
     box-shadow: inset 0px 0px 15px 6px rgba(41, 255, 255, 0.5);
     transition: transform 1s;
+
     .leftFoldDiv {
         width: 30px;
         height: 30px;
@@ -2348,7 +2380,42 @@ $height: calc(100vh - 100px);
         width: 100%;
         display: flex;
         flex-direction: column;
-
+        .production {
+            width: 100%;
+            height: 125px;
+            padding: 0 37px;
+            display: flex;
+            font-size: 18px;
+            font-weight: 400;
+            letter-spacing: 0px;
+            color: rgba(255, 255, 255, 1);
+            text-align: center;
+            vertical-align: top;
+            span {
+                font-size: 48px;
+                font-weight: 700;
+                letter-spacing: 0px;
+                line-height: 48px;
+                color: rgba(255, 255, 255, 1);
+            }
+            .leftProduction {
+                flex: 1;
+                height: 100%;
+                margin-right: 20px;
+                background: url('@/assets/images/production.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                background-position-y: 20px;
+            }
+            .rightProduction {
+                flex: 1;
+                height: 100%;
+                background: url('@/assets/images/production.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+                background-position-y: 20px;
+            }
+        }
         .areaDiv {
             width: 100%;
             height: 327px;

src/views/crops/site/index.vue

@@ -1339,13 +1339,7 @@ const downloadURL = url => {
 /*-------------echarts--------------*/
 function areachar() {
     const areaDivIntance = echarts.init(areaDiv.value);
-    let dataX = [
+    let dataX = ['好', '较好', '适中', '较差', '差']; //名称
-        '好',
-        '较好',
-        '适中',
-        '较差',
-        '差',
-    ]; //名称
     let dataY = [3598, 1235, 2354, 3251, 1652]; //数据
     let zoomShow = false;
     if (dataY.length > 14) {
@@ -2867,6 +2861,13 @@ $height: calc(100vh - 100px);
             white-space: nowrap;
             text-overflow: ellipsis;
             overflow: hidden;
+            background: linear-gradient(
+                180deg,
+                rgba(255, 255, 255, 1) 33.33%,
+                rgba(41, 255, 219, 1) 100%
+            );
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
         }
 
         p {