样式调整

dabca616 · Jennie Shi · 4535da18 · dabca616 · dabca616 · dabca616
Commit dabca616 authored Nov 05, 2020 by Jennie Shi
6 changed files
--- a/config/uat.env.js
+++ b/config/uat.env.js
@@ -11,5 +11,5 @@ module.exports = {
  ocrPath:'"http://180.104.121.66:8088/r/api"',
  fileUploadSvcPath:'"http://180.104.121.66:8088/r/api/app/fileUploadSvc?sysName=XCMG_UAT&apiName="',
  appId: '"com.xcmg.app.dev"',
-  currentVersion: '"2.6.8"'
+  currentVersion: '"2.6.9"'
 }
--- a/src/pages/contractCreate/sales-info.vue
+++ b/src/pages/contractCreate/sales-info.vue
@@ -7,7 +7,7 @@
        <span>合同创建</span>
      </div>
    </h-header>
-    <h-content class="scroll-content">
+    <h-content>
      <list-item :item-height="44" class="second-part">
        <item :showArrow="true" @click.native="picker">
          <div slot="name" class="font-color required">承租人</div>
@@ -115,7 +115,7 @@
          <input type="text" placeholder="请输入承租人名称/证件号码">
        </div>
        <scroll
-          ref="scroll"
+          ref="scroll" class="scroll-content"
        >
          <div class="wrap">
            <div v-for="(item,index) in showLists" :key="index" class="contract-lists" >
@@ -572,8 +572,12 @@ export default {

 <style lang="less" type="text/less">
 #sales-info {
+  .content{
+      margin-top:0;
+    }
  .scroll-content{
-    margin-top:60px;
+    margin-top:0;
+    top:100px;
  }
    .date-pic {
      height: 17px;
@@ -627,7 +631,6 @@ export default {
    .wrap {
      width: 100%;
      padding: 8px;
-      margin-top: 50px;
      .contract-lists {
        width: 100%;
        background: #fff;
@@ -671,7 +674,6 @@ export default {
    }
    .content{
      position: absolute;
-      top:0;
    }
    .scrollContent{
      padding-top: 0 !important;

--- a/src/pages/functionCenter/to-do-list.vue
+++ b/src/pages/functionCenter/to-do-list.vue
-<!--
-   * @Descrip: 主页
- * @Author: your name
- * @Date: 2019-10-10 14:25:15
- * @LastEditTime: 2019-11-14 09:56:22
- * @LastEditors: Please set LastEditors
-   -->
 <template>
-  <h-view id="homePage" class="public-style" title="待办审批">
-    <h-header :proportion="[5,1,1]" class="bar-custom">
+  <h-view id="toDoList" class="public-style" title="待办审批">
+    <h-header :proportion="[5, 1, 1]" class="bar-custom">
      <div slot="left" class="h-header-btn">
-        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
        <span>待办审批</span>
      </div>
    </h-header>
    <div class="wrap has-header">
      <div class="tab">
-            <p><span :class="{'selected':selected === 'todo'}" @click="isSelected('todo')"><img v-if="selected === 'todo'" src='@/assets/functionCenter/todo-check.png'><img v-if="selected === 'done'" src='@/assets/functionCenter/todo.png'>待办</span></p>
-            <p><span :class="{'selected':selected === 'done'}" @click="isSelected('done')"><img v-if="selected === 'done'" src='@/assets/functionCenter/done-check.png'><img v-if="selected === 'todo'" src='@/assets/functionCenter/done.png'>已办</span></p>
+        <p>
+          <span
+            :class="{ selected: selected === 'todo' }"
+            @click="isSelected('todo')"
+          ><img
+            v-if="selected === 'todo'"
+            src="@/assets/functionCenter/todo-check.png"
+          ><img
+            v-if="selected === 'done'"
+            src="@/assets/functionCenter/todo.png"
+          >待办</span
+          >
+        </p>
+        <p>
+          <span
+            :class="{ selected: selected === 'done' }"
+            @click="isSelected('done')"
+          ><img
+            v-if="selected === 'done'"
+            src="@/assets/functionCenter/done-check.png"
+          ><img
+            v-if="selected === 'todo'"
+            src="@/assets/functionCenter/done.png"
+          >已办</span
+          >
+        </p>
      </div>
      <div class="search">
-            <input v-model="searchInput" type="text" v-on:input="searchList()" placeholder="请输入用户名称">
+        <input
+          v-model="searchInput"
+          type="text"
+          placeholder="请输入用户名称"
+          @input="searchList()"
+        >
      </div>
    </div>
-    <div v-if="(todoList.length === 0 && selected === 'todo') || (doneList.length === 0 && selected === 'done')">
+    <div
+      v-if="
+        (todoList.length === 0 && selected === 'todo') ||
+          (doneList.length === 0 && selected === 'done')
+      "
+    >
      <div class="display">
-        <img src="@/assets/messageCenter/noMsg.png" alt="">
+        <img src="@/assets/messageCenter/noMsg.png" alt="" >
      </div>
    </div>
    <scroll
@@ -34,14 +61,33 @@
      :pullUp="true"
      :autoUpdate="true"
      :listenScroll="true"
+      class="scroll-content"
      @pullingUp="loadMore()"
    >
      <div class="pay-content">
-        <div v-for="(item,index) in todoList" :key="index" class="contract-item">
+        <div
+          v-for="(item, index) in todoList"
+          :key="index"
+          class="contract-item"
+        >
          <div class="header">
-            <img src="@/assets/contractRepayment/contract.png" alt="">
+            <img src="@/assets/contractRepayment/contract.png" alt="" >
            <h2>客户准入审批</h2>
-            <p><img src="@/assets/functionCenter/in@2x.png" alt="" @click="approvalInfo(item.document_id, item.document_name, item.record_id, 'todo', item.bp_class)"></p>
+            <p>
+              <img
+                src="@/assets/functionCenter/in@2x.png"
+                alt=""
+                @click="
+                  approvalInfo(
+                    item.document_id,
+                    item.document_name,
+                    item.record_id,
+                    'todo',
+                    item.bp_class
+                  )
+                "
+              >
+            </p>
          </div>
          <div class="center">
            <h2>客户名称</h2>
@@ -61,11 +107,29 @@
      @pullingUp="loadMore()"
    >
      <div class="pay-content">
-        <div v-for="(item,index) in doneList" :key="index" class="contract-item">
+        <div
+          v-for="(item, index) in doneList"
+          :key="index"
+          class="contract-item"
+        >
          <div class="header">
-            <img src="@/assets/contractRepayment/contract.png" alt="">
+            <img src="@/assets/contractRepayment/contract.png" alt="" >
            <h2>客户准入审批</h2>
-            <p><img src="@/assets/functionCenter/in@2x.png" alt="" @click="approvalInfo(item.document_id, item.document_name, item.record_id, 'done', item.bp_class)"></p>
+            <p>
+              <img
+                src="@/assets/functionCenter/in@2x.png"
+                alt=""
+                @click="
+                  approvalInfo(
+                    item.document_id,
+                    item.document_name,
+                    item.record_id,
+                    'done',
+                    item.bp_class
+                  )
+                "
+              >
+            </p>
          </div>
          <div class="center">
            <h2>客户名称</h2>
@@ -89,15 +153,14 @@ export default {
      doneList: [],
      pageNum: 1,
      pageNum_1: 1,
-        mysetTimeout: null
+      mysetTimeout: null,
    }
  },
-  watch: {
-  },
-  created () {
-    this.getTodoList()
-    this.getDoneList()
-  },
+  // watch: {},
+  // created () {
+  //   this.getTodoList()
+  //   this.getDoneList()
+  // },
  activated () {
    this.getTodoList()
    this.getDoneList()
@@ -121,7 +184,7 @@ export default {
    },
    getTodoList () {
      this.pageNum = 1
-      this.todoList = [];
+      this.todoList = []
      let param = {
        document_name: '',
        phone: window.localStorage.getItem('user_phone'),
@@ -135,6 +198,7 @@ export default {
        let returnData = []
        if (res.result === 'S') {
          returnData = res.lists
+          debugger
          returnData.forEach((data, index, array) => {
            this.todoList.push(data)
          })
@@ -145,7 +209,7 @@ export default {
    },
    getDoneList () {
      this.pageNum_1 = 1
-      this.doneList = [];
+      this.doneList = []
      let param = {
        document_name: '',
        phone: window.localStorage.getItem('user_phone'),
@@ -170,8 +234,8 @@ export default {
    loadMore () {
      let url
      let param
-      if (this.selected === "todo") {
-        this.pageNum ++
+      if (this.selected === 'todo') {
+        this.pageNum++
        url = $config.basePath + 'to_do_list'
        param = {
          document_name: this.searchInput,
@@ -179,8 +243,8 @@ export default {
          phone: window.localStorage.getItem('user_phone'),
          pagesize: 10,
        }
-      } else if (this.selected === "done") {
-        this.pageNum_1 ++
+      } else if (this.selected === 'done') {
+        this.pageNum_1++
        url = $config.basePath + 'done_list'
        param = {
          document_name: this.searchInput,
@@ -217,7 +281,7 @@ export default {
        }
      })
    },
-    approvalInfo(document_id, document_name, record_id, type, bpclass) {
+    approvalInfo (document_id, document_name, record_id, type, bpclass) {
      this.$router.push({
        name: 'approvalInfo',
        params: {
@@ -228,26 +292,28 @@ export default {
          bpclass: bpclass,
        },
      })
-    }
+    },
  },
 }
 </script>
 <style lang='less' scoped>
-  @import "../../styles/vue-1px";
-  .display {
+@import "../../styles/vue-1px";
+.display {
  position: fixed;
  top: 0;
  img {
    width: 100%;
    height: 100%;
-     // margin-top: -70px;
  }
+}
+#toDoList {
+  .scroll-content {
+    top: 100px;
  }
-  #homePage {
  .wrap {
    width: 100%;
    position: absolute;
-        z-index: 100
+    z-index: 100;
  }
  .tab {
    display: flex;
@@ -275,9 +341,9 @@ export default {
      }

      span.selected {
-            background: rgba(29,63,255,.2);
+        background: rgba(29, 63, 255, 0.2);
        border-radius: 20px;
-            color: #1D3FFF;
+        color: #1d3fff;
        font-family: PingFangSC-Semibold;
        font-weight: 700;
      }
@@ -290,7 +356,7 @@ export default {
    input {
      background: url("../../assets/contractStart/search1.png") 320px no-repeat;
      background-size: 16px 16px;
-        background-color: rgba(239,239,239,0.55);
+      background-color: rgba(239, 239, 239, 0.55);
      padding-left: 12px;
      border-radius: 4px;
      height: 36px;
@@ -298,13 +364,13 @@ export default {
      width: 100%;
      font-family: PingFangSC-Regular;
      font-size: 14px;
-        color: #888C8F;
+      color: #888c8f;
    }

    input::placeholder {
      font-family: PingFangSC-Regular;
      font-size: 14px;
-        color: #888C8F;
+      color: #888c8f;
      letter-spacing: 0;
    }

@@ -324,6 +390,10 @@ export default {
      .header {
        position: relative;
        height: 44px;
+          p img{
+            width: 22px;
+            height: 22px;
+        }
        img {
          position: absolute;
          width: 30px;
@@ -337,7 +407,7 @@ export default {
          left: 50px;
          font-family: PingFangSC-Semibold;
          font-size: 14px;
-                color: #4B4A4B;
+          color: #4b4a4b;
          letter-spacing: 0;
          margin: 0px;
        }
@@ -370,7 +440,7 @@ export default {
          top: 13px;
          left: 15px;
          font-size: 14px;
-                color: #4B4A4B;
+          color: #4b4a4b;
          letter-spacing: 0;
          margin: 0px;
        }
@@ -391,8 +461,8 @@ export default {
      }
    }
  }
-    .content{
-      background-color: #EFEFEF;
+  .content {
+    background-color: #efefef;
  }
  .top-wrap {
    width: 100%;
@@ -432,11 +502,11 @@ export default {
    justify-content: space-between;

    &:before {
-        content: ''
+      content: "";
    }

    &:after {
-        content: ''
+      content: "";
    }

    .function-item {
@@ -445,18 +515,17 @@ export default {
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
-        img{
+      img {
        margin: 0;
      }
-        div{
+      div {
        margin-bottom: 14px;
        ont-family: PingFangSC-Regular;
        font-size: 13px;
-          color: #3C3D48;
+        color: #3c3d48;
        letter-spacing: 0;
      }
    }
-
  }

  .h-header .h-header-center div {
@@ -474,16 +543,16 @@ export default {
      width: 100vw;
      // height: 100%;
    }
-      .hls-swipe-indicators{
+    .hls-swipe-indicators {
      left: 54%;
      bottom: 20px;
-        .hls-swipe-indicators-item{
+      .hls-swipe-indicators-item {
        width: 10px;
        height: 2px;
        border-radius: 0;
      }
-        .hls-swipe-indicators-item--active{
-          background-color: #FFF;
+      .hls-swipe-indicators-item--active {
+        background-color: #fff;
      }
    }
  }
@@ -527,29 +596,29 @@ export default {
    height: 22px;
    font-family: PingFangSC-Semibold;
    font-size: 16px;
-      color: #00469C;
+    color: #00469c;
    font-weight: 600;
    letter-spacing: 0.57px;
    height: 40px;
    padding-left: 2%;
-      span{
+    span {
      padding-top: 2px;
      margin-left: 4px;
    }
-      img{
+    img {
      width: 14px;
      height: 14px;
    }
  }
-    .guessing-wrap{
+  .guessing-wrap {
    position: relative;
    width: 96%;
    margin: 0 auto;
-      .hls-list-item{
+    .hls-list-item {
      border-radius: 10px;
-        .contents{
+      .contents {
        padding: 8px 6px 8px 0;
-          .add-content{
+        .add-content {
          justify-content: flex-start;
        }
      }
@@ -571,7 +640,7 @@ export default {
    .top {
      font-family: PingFangSC-Semibold;
      font-size: 16px;
-        color: #3B3B3B;
+      color: #3b3b3b;
      letter-spacing: 0.54px;
      margin-top: 10px;
      font-weight: 600;
@@ -589,7 +658,7 @@ export default {
        width: 76px;
        font-family: PingFangSC-Regular;
        font-size: 14px;
-          color: rgba(56,63,69,0.60);
+        color: rgba(56, 63, 69, 0.6);
        letter-spacing: 0.5px;
      }

@@ -599,10 +668,10 @@ export default {
        font-weight: 600;
        font-family: PingFangSC-Semibold;
        font-size: 14px;
-          color: #4B4A4B;
+        color: #4b4a4b;
        letter-spacing: 0.5px;
      }
    }
  }
-  }
+}
 </style>
--- a/src/pages/myInfo/setting.vue
+++ b/src/pages/myInfo/setting.vue
 <template>
-  <h-view class="setting" title="设置">
+  <h-view id="setting" class="public-style" title="设置">
    <h-header :proportion="[5,1,1]" class="bar-custom">
      <div slot="left" class="h-header-btn">
        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
@@ -15,7 +15,7 @@
          </item>
        </list-item>
        <list-item :item-height="50" class="list">
-              <item :show-arrow="true" @click.native="changePageHead()">
+          <item @click.native="changePageHead()">
            <div slot="name" style="color:#656464;">修改信息</div>
            <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
          </item>
@@ -29,9 +29,9 @@
          </item>
          <item @click.native="updateVersion()">
            <div slot="name" style="color:#656464;width:100%;">版本更新&nbsp;&nbsp;&nbsp;
-                    <span class="updateSign" v-if="version > currentVersion">NEW</span>
-                    <span style="float:right;color:#383F45;opacity:0.4;">当前版本&nbsp;&nbsp;{{currentVersion}}</span>
+              <!-- <span v-if="version" class="updateSign">NEW</span> -->
            </div>
+            <div slot="right-icon" style="float:right;color:#383F45;opacity:0.4;">当前版本&nbsp;&nbsp;{{ currentVersion }}</div>
          </item>
          <item @click.native="unBind()">
            <div slot="name" style="color:#656464;">解除绑定</div>
@@ -56,7 +56,7 @@ import defaultImg from '../../assets/myInfo/1.png'
 export default {
  components: {
    roleSwitch,
-    defaultImg
+    defaultImg,
  },
  data () {
    return {
@@ -80,7 +80,7 @@ export default {
  },
  computed: {
    roleList () {
-      let roleObj = {'TENANT':'主承租人','GUTA':'担保人','FACTORY':'主机厂','AGENT':'经销商','OFFICE':'办事处'}
+      let roleObj = {'TENANT': '主承租人', 'GUTA': '担保人', 'FACTORY': '主机厂', 'AGENT': '经销商', 'OFFICE': '办事处'}
      let obj = {
        bp_type: this.user_bp_type,
        bp_type_n: roleObj[this.user_bp_type],
@@ -146,7 +146,7 @@ export default {
    },
    hote_update_version (content, url) {
      hlsPopup.showConfirm({
-        title: '版本更新'+ this.version,
+        title: '版本更新' + this.version,
        content: content,
        onConfirm: function (index) {
          if (index === 1) {
@@ -344,7 +344,7 @@ export default {
    changePageHead () {
      let vm = this
      if (vm.bp_id) {
-        if (vm.user_bp_status === 'NEW' ||vm.user_bp_status === 'RETURN') {
+        if (vm.user_bp_status === 'NEW' || vm.user_bp_status === 'RETURN') {
          vm.flag = true
          if (vm.user_bp_class === 'NP') {
            vm.$router.push({
@@ -542,12 +542,16 @@ export default {
        hlsPopup.hideLoading()
      }
    },
-  }
+  },
 }
 </script>

 <style lang="less">
-.updateSign {
+#setting{
+  .content{
+    margin-top:0 ;
+  }
+  .updateSign {
  background: red;
  color: white;
  padding: 0 5px;
@@ -560,4 +564,5 @@ export default {
    height: 20px;
  }
 }
+}
 </style>
--- a/src/pages/news/newslist.vue
+++ b/src/pages/news/newslist.vue
-<!--
-   * @Descrip: 主页
- * @Author: your name
- * @Date: 2019-10-10 14:25:15
- * @LastEditTime: 2019-11-14 09:56:22
- * @LastEditors: Please set LastEditors
-   -->
 <template>
  <h-view id="newList" class="public-style" title="资讯动态">
-    <h-header :proportion="[5,1,1]" class="bar-custom">
+    <h-header :proportion="[5, 1, 1]" class="bar-custom">
      <div slot="left" class="h-header-btn">
-        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
        <span>资讯动态</span>
      </div>
    </h-header>
    <div class="search has-header">
-      <input v-model="searchInput" type="text" v-on:input="searchList()" placeholder="请输入标题名称">
+      <input
+        v-model="searchInput"
+        type="text"
+        placeholder="请输入标题名称"
+        @input="searchList()"
+      >
    </div>
    <div v-if="newsList.length === 0">
      <div class="display">
-        <img src="@/assets/messageCenter/noMsg.png" alt="">
+        <img src="@/assets/messageCenter/noMsg.png" alt="" >
      </div>
    </div>
    <scroll
@@ -27,13 +25,29 @@
      :pullUp="true"
      :autoUpdate="true"
      :listenScroll="true"
+      class="scroll-content"
      @pullingUp="loadMore()"
    >
-      <div class="pay-content" v-for="(item,index) in newsList" :key="index" @click="newsInfo(item.new_id)">
+      <div
+        v-for="(item, index) in newsList"
+        :key="index"
+        class="pay-content"
+        @click="newsInfo(item.new_id)"
+      >
        <ul>
-          <li><img class="title_logo" src="@/assets/homePage/inform.png">{{item.new_title}}</li>
-          <li>{{item.new_note}}</li>
-          <li>{{item.new_date}}<span>查看详情<img src="@/assets/functionCenter/in@2x.png"></span></li>
+          <li>
+            <img class="title_logo" src="@/assets/homePage/inform.png" >{{
+              item.new_title
+            }}
+          </li>
+          <li>{{ item.new_note }}</li>
+          <li>
+            {{ item.new_date
+            }}<span
+            >查看详情<img
+              src="@/assets/functionCenter/in@2x.png"
+            ></span>
+          </li>
        </ul>
      </div>
    </scroll>
@@ -49,13 +63,12 @@ export default {
      searchInput: '',
      newsList: [],
      pageNum: 1,
-        mysetTimeout: null
+      mysetTimeout: null,
    }
  },
-  watch: {
-  },
+  watch: {},
  beforeRouteEnter (to, from, next) {
-    next(vm => {
+    next((vm) => {
      vm.searchInput = ''
      vm.pageNum = 1
      vm.getNewsList()
@@ -113,7 +126,7 @@ export default {
      })
    },
    loadMore () {
-      this.pageNum ++
+      this.pageNum++
      let url
      let param
      url = $config.basePath + 'news_query_list'
@@ -150,8 +163,8 @@ export default {
 }
 </script>
 <style lang='less'>
-  @import "../../styles/vue-1px";
-  .display {
+@import "../../styles/vue-1px";
+.display {
  position: fixed;
  top: 0;
  img {
@@ -159,9 +172,12 @@ export default {
    height: 100%;
    // margin-top: -70px;
  }
+}
+#newList {
+  background: #efefef;
+  .scroll-content {
+    top: 50px;
  }
-  #newList {
-    background: #EFEFEF;
  .pay-content {
    width: 96%;
    margin: 10px auto;
@@ -188,22 +204,22 @@ export default {
          width: 15px;
        }
        &:nth-child(2) {
-            border-bottom: 1px solid #F1F0F5;
+          border-bottom: 1px solid #f1f0f5;
        }
        span {
-            color: #1D3FFF;
+          color: #1d3fff;
          float: right;
        }
        &:nth-child(2) {
          font-family: PingFangSC-Regular;
          font-size: 14px;
-            color: rgba(56,63,69,0.60);
+          color: rgba(56, 63, 69, 0.6);
          letter-spacing: 0;
        }
        &:nth-child(3) {
          font-family: PingFangSC-Regular;
          font-size: 14px;
-            color: rgba(56,63,69,0.60);
+          color: rgba(56, 63, 69, 0.6);
          letter-spacing: 0;
        }
      }
@@ -232,7 +248,7 @@ export default {
    input::placeholder {
      font-family: PingFangSC-Regular;
      font-size: 14px;
-        color: #888C8F;
+      color: #888c8f;
      letter-spacing: 0;
    }
    input:focus {
@@ -242,5 +258,5 @@ export default {
      border: 2px solid #bcc6ff;
    }
  }
-  }
+}
 </style>
--- a/src/pages/productQuery/product-list.vue
+++ b/src/pages/productQuery/product-list.vue
-<!--
-   * @Description: 产品展示列表
- * @Author: y/>e: 2019-10-16 14:39:07
- * @LastEditors  : Please set LastEditors
- -->
 <template>
  <h-view id="prolist" class="public-style" title="产品线">
-    <h-header :proportion="[5,1,1]" class="bar-custom">
+    <h-header :proportion="[5, 1, 1]" class="bar-custom">
      <div slot="left" class="h-header-btn">
-        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
        <span>产品线</span>
      </div>
    </h-header>
    <!-- 搜索 -->
    <div class="search has-header">
-      <input v-model="searchInput" type="text" placeholder="请输入经销商/产品名称/产品型号">
+      <input
+        v-model="searchInput"
+        type="text"
+        placeholder="请输入经销商/产品名称/产品型号"
+      >
    </div>
    <scroll
      ref="scroll"
      :updateData="lists"
      :pullUp="true"
+      class="scroll-content"
      @pullingUp="loadMore"
    >
      <div class="division-box">
-        <div v-for="(item,index) in lists" :key="index" class="item-pic" @click="goDetailed(item.division)">
-          <img :src="item.url" alt="">
+        <div
+          v-for="(item, index) in lists"
+          :key="index"
+          class="item-pic"
+          @click="goDetailed(item.division)"
+        >
+          <img :src="item.url" alt="" >
          <p>{{ item.product_line }}</p>
        </div>
      </div>
    </scroll>
-    <div v-if="lists.length===0">
+    <div v-if="lists.length === 0">
      <div class="display">
-        <img src="@/assets/messageCenter/noMsg.png" alt="">
+        <img src="@/assets/messageCenter/noMsg.png" alt="" >
      </div>
    </div>
  </h-view>
@@ -60,7 +65,7 @@ export default {
    },
  },
  beforeRouteEnter (to, from, next) {
-    next(vm => {
+    next((vm) => {
      if (from.name === 'QueryHome' || from.name === 'TabQueryHome') {
        vm.factory_bp_id = vm.$route.params.factory_bp_id
        vm.pagenum = 1
@@ -71,8 +76,7 @@ export default {
      }
    })
  },
-  methods:
- {
+  methods: {
    // 根据产品名称查询列表
    proQuery () {
      let vm = this
@@ -93,13 +97,25 @@ export default {
          if (vm.lists.length === 0) {
            vm.$refs.scroll.update(true)
          } else if (vm.lists.length > 0 && vm.lists.length < 10) {
-           vm.lists.forEach(item => {
-             item['url'] = item.division_attachment_id ? process.env.filePath + 'attachment_id=' + item.division_attachment_id + '&access_token=' + window.localStorage.access_token : noImg
+            vm.lists.forEach((item) => {
+              item['url'] = item.division_attachment_id
+                ? process.env.filePath +
+                  'attachment_id=' +
+                  item.division_attachment_id +
+                  '&access_token=' +
+                  window.localStorage.access_token
+                : noImg
            })
            vm.$refs.scroll.update(true)
          } else if (vm.lists.length === 10) {
-           vm.lists.forEach(item => {
-             item['url'] = item.division_attachment_id ? process.env.filePath + 'attachment_id=' + item.division_attachment_id + '&access_token=' + window.localStorage.access_token : noImg
+            vm.lists.forEach((item) => {
+              item['url'] = item.division_attachment_id
+                ? process.env.filePath +
+                  'attachment_id=' +
+                  item.division_attachment_id +
+                  '&access_token=' +
+                  window.localStorage.access_token
+                : noImg
            })
            vm.$refs.scroll.update(false)
          }
@@ -128,16 +144,28 @@ export default {
          if (returnData.length === 0) {
            vm.$refs.scroll.update(true)
          } else if (returnData.length > 0 && returnData.length < 10) {
-           returnData.forEach(item => {
-             item['url'] = item.division_attachment_id ? process.env.filePath + 'attachment_id=' + item.division_attachment_id + '&access_token=' + window.localStorage.access_token : noImg
+            returnData.forEach((item) => {
+              item['url'] = item.division_attachment_id
+                ? process.env.filePath +
+                  'attachment_id=' +
+                  item.division_attachment_id +
+                  '&access_token=' +
+                  window.localStorage.access_token
+                : noImg
            })
            returnData.forEach((data, index, array) => {
              vm.lists.push(array[index])
            })
            vm.$refs.scroll.update(true)
          } else if (returnData.length === 10) {
-           returnData.forEach(item => {
-             item['url'] = item.division_attachment_id ? process.env.filePath + 'attachment_id=' + item.division_attachment_id + '&access_token=' + window.localStorage.access_token : noImg
+            returnData.forEach((item) => {
+              item['url'] = item.division_attachment_id
+                ? process.env.filePath +
+                  'attachment_id=' +
+                  item.division_attachment_id +
+                  '&access_token=' +
+                  window.localStorage.access_token
+                : noImg
            })
            returnData.forEach((data, index, array) => {
              vm.lists.push(array[index])
@@ -167,8 +195,14 @@ export default {
      vm.hlsHttp.post(url, param).then(function (res) {
        vm.hlsPopup.hideLoading()
        vm.lists = res.lists
-       vm.lists.forEach(item => {
-         item['url'] = item.division_attachment_id ? process.env.filePath + 'attachment_id=' + item.division_attachment_id + '&access_token=' + window.localStorage.access_token : noImg
+        vm.lists.forEach((item) => {
+          item['url'] = item.division_attachment_id
+            ? process.env.filePath +
+              'attachment_id=' +
+              item.division_attachment_id +
+              '&access_token=' +
+              window.localStorage.access_token
+            : noImg
        })
        if (vm.lists.length >= 0 && vm.lists.length < 10) {
          vm.$refs.scroll.update(true)
@@ -191,7 +225,10 @@ export default {
 </script>
 <style lang='less' scoped>
 #prolist {
-  background:rgba(239, 239, 239, 0.55);
+  background: rgba(239, 239, 239, 0.55);
+  .scroll-content {
+    top: 50px;
+  }
  .display {
    position: fixed;
    top: 0;
@@ -228,7 +265,7 @@ export default {
    input::placeholder {
      font-family: PingFangSC-Regular;
      font-size: 14px;
-      color: #888C8F;
+      color: #888c8f;
      letter-spacing: 0;
    }