feat:二维码图片上传

index.html

@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
   <title>大数据平台</title>
-  <link rel="SHORTCUT ICON" href="../static/images/nongye.ico">
+  <link rel="SHORTCUT ICON" href="../static/images/nongye1.ico">
   <!-- <link href="https://cdn.bootcss.com/element-ui/2.3.8/theme-chalk/index.css" rel="stylesheet"> -->
   <!-- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> -->
   <style>

src/components/Index.vue

@@ -48,13 +48,21 @@
                 ></i>
               </div>
               <!-- 新旧投屏界面入口 -->
-              <div class="iconFont">
+              <!-- <div class="iconFont">
                 <i
                   title="版本信息"
                   class="yficonfont icon-wenjian"
                   @click="blockversin"
                   style="color: #fff; font-size: 18px"
                 ></i>
+              </div> -->
+              <div class="iconFont">
+                <i
+                  title="操作说明书"
+                  class="yficonfont icon-wenjian"
+                  @click="blockmanual"
+                  style="color: #fff; font-size: 18px"
+                ></i>
               </div>
               <div class="iconFont">
                 <i
@@ -101,14 +109,14 @@
                 ></i>
               </div> -->
               <!-- 移动端扫码下载界面 v-if="QR_show" -->
-              <!-- <div class="iconFont" v-if="qrCodeIsShow == 'true'">
+              <div class="iconFont" v-if="qrCodeIsShow == 'true'">
                 <i
                   title="移动端扫码下载"
                   @click="changqrCode"
                   class="yficonfont icon-erweima"
                   style="color: #fff"
                 ></i>
-              </div> -->
+              </div>
 
               <!-- 更换主题颜色、字体 -->
               <div class="iconFont">
@@ -849,6 +857,12 @@ export default {
     drawerOpen() {
       this.drawerShow = true
     },
+    blockmanual() {
+      window.open(
+        'http://47.110.79.22:9000/data/ftp/photo/智慧大数据监测预警平台操作说明书.pdf',
+        '_blank'
+      )
+    },
     // 版本信息点击事件
     blockversin() {
       this.versionhistory = true
@@ -1602,8 +1616,11 @@ export default {
 }
 
 .el-header {
-  background-image: url('../assets/images/home/header-bg.png');
-  background-size: 100% 100%;
+  // background-image: url('../assets/images/home/header-bg.png');
+
+  // background-size: 100% 100%;
+  background: linear-gradient(90deg, #018b3f 0.01%, #019946 99.08%);
+  box-shadow: 0 2px 2px 0 #00000029;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1671,7 +1688,7 @@ export default {
 
   .sys-name {
     display: flex;
-    font-size: 20px;
+    font-size: 28px;
     font-weight: 600;
     align-items: center;
     line-height: 60px;

src/pages/monitor-dgp/monitorSystem/PhotoViewDetail.vue

@@ -32,9 +32,9 @@
       <el-tabs v-model="activePicType" @tab-click="pictureTypeChange">
         <el-tab-pane
           v-for="item in pictureType"
-          :key="item.name"
+          :key="item.value"
           :label="item.name"
-          :name="item.name"
+          :name="item.value"
         ></el-tab-pane>
       </el-tabs>
 
@@ -85,11 +85,11 @@ export default {
       activePicType: '全部',
       pictureType: [
         { name: '全部', value: '全部' },
-        { name: 'NDVI', value: 'NDVI' },
-        { name: 'GNDVI', value: 'GNDVI' },
-        { name: 'OSAVI', value: 'OSAVI' },
-        { name: 'LCI', value: 'LCI' },
-        { name: 'NDRE', value: 'NDRE' }
+        { name: 'NDVI（归一化差值植被指数）', value: 'NDVI' },
+        { name: 'GNDVI（绿度归一化差值植被指数）', value: 'GNDVI' },
+        { name: 'OSAVI（优化土壤调节植被指数）', value: 'OSAVI' },
+        { name: 'LCI（叶叶绿素指数）', value: 'LCI' },
+        { name: 'NDRE（红边归一化差值植被指数）', value: 'NDRE' }
       ],
       curveDialogVisible: false,
       chartOption: null,

src/pages/qrCodepage/qrCodepage.vue

@@ -30,10 +30,10 @@
             />
             <div class="">扫码下载APP</div>
           </div>
-          <div class="qrCode_boxListB_div" v-if="isShow">
+          <!-- <div class="qrCode_boxListB_div" v-if="isShow">
             <img src="../../../static/images/qrCode/3.png" alt="" class="" />
             <div class="">扫码关注小程序</div>
-          </div>
+          </div> -->
         </li>
       </ul>
     </div>
@@ -42,41 +42,41 @@
 
 <script>
 export default {
-  //import引入的组件需要注入到对象中才能使用
+  // import引入的组件需要注入到对象中才能使用
   components: {},
   data() {
-    //这里存放数据
+    // 这里存放数据
     return {
-      isShow: false,
-    };
+      isShow: false
+    }
   },
-  //监听属性 类似于data概念
+  // 监听属性 类似于data概念
   computed: {},
-  //监控data中的数据变化
+  // 监控data中的数据变化
   watch: {},
-  //方法集合
+  // 方法集合
   methods: {},
-  //生命周期 - 创建完成（可以访问当前this实例）
+  // 生命周期 - 创建完成（可以访问当前this实例）
   created() {},
-  //生命周期 - 挂载完成（可以访问DOM元素）
+  // 生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {
-    this.isShow = sessionStorage.getItem("user_attribute") == 0 ? true : false;
-    //console.log(this.isShow)
+    // this.isShow = sessionStorage.getItem("user_attribute") == 0 ? true : false;
+    // console.log(this.isShow)
   },
-  beforeCreate() {}, //生命周期 - 创建之前
-  beforeMount() {}, //生命周期 - 挂载之前
-  beforeUpdate() {}, //生命周期 - 更新之前
-  updated() {}, //生命周期 - 更新之后
-  beforeDestroy() {}, //生命周期 - 销毁之前
-  destroyed() {}, //生命周期 - 销毁完成
-  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
-};
+  beforeCreate() {}, // 生命周期 - 创建之前
+  beforeMount() {}, // 生命周期 - 挂载之前
+  beforeUpdate() {}, // 生命周期 - 更新之前
+  updated() {}, // 生命周期 - 更新之后
+  beforeDestroy() {}, // 生命周期 - 销毁之前
+  destroyed() {}, // 生命周期 - 销毁完成
+  activated() {} // 如果页面有keep-alive缓存功能，这个函数会触发
+}
 </script>
-<style lang='less' scoped>
+<style lang="less" scoped>
 //@import url(); 引入公共css类
 .qrCode_box {
   height: 817px;
-  background: url("../../../static/images/qrCode/1.png");
+  background: url('../../../static/images/qrCode/1.png');
   background-size: cover;
   position: relative;
   .qrCode_boxUl {
@@ -110,7 +110,7 @@ export default {
         width: 200px;
         height: 200px;
         margin: 0 15px 0 0;
-        img{
+        img {
           width: 100%;
         }
         div {