init

src/App.vue

@@ -0,0 +1,58 @@
+<template>
+  <div id="app">
+    <transition :name="transitionName">
+      <router-view class="child-view"/>
+    </transition>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App',
+  data () {
+    return {
+      transitionName: null
+    }
+  },
+  watch: {
+    '$route' (to, from) {
+      let isBack = this.$router.isBack
+      if (isBack) {
+        this.transitionName = 'slide-right'
+      } else {
+        this.transitionName = 'slide-left'
+      }
+      this.$router.isBack = false
+    }
+  },
+  mounted () {
+    // if (!this.$store.state.user.userInfo) {
+    //   this.$store.commit('user/updateUserInfo', JSON.parse(window.sessionStorage.getItem('userInfo')))
+    // }
+  }
+}
+</script>
+
+<style>
+.child-view {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: scroll;
+  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
+}
+.slide-left-enter,
+.slide-right-leave-active {
+  opacity: 0;
+  -webkit-transform: translate(50px, 0);
+  transform: translate(50px, 0);
+}
+.slide-left-leave-active,
+.slide-right-enter {
+  opacity: 0;
+  -webkit-transform: translate(-50px, 0);
+  transform: translate(-50px, 0);
+}
+</style>

src/api/eqInspection.js

@@ -0,0 +1,27 @@
+/*
+ * @Author: gtz
+ * @Date: 2022-07-25 14:18:00
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-07-26 17:02:01
+ * @Description: file content
+ * @FilePath: \xbapp\src\api\eqInspection.js
+ */
+import request from '@/util/request'
+
+// 获取在线库存列表
+export const list = data => {
+  return request({
+    url: '/api/equipment/inspectionLog/page',
+    method: 'POST',
+    data
+  })
+}
+
+// 获取设备列表
+export const eqList = data => {
+  return request({
+    url: '/api/basic/equipment/list',
+    method: 'POST',
+    data
+  })
+}

src/api/material.js

@@ -0,0 +1,18 @@
+/*
+ * @Author: gtz
+ * @Date: 2022-07-25 16:38:30
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-07-25 16:38:51
+ * @Description: file content
+ * @FilePath: \xbapp\src\api\material.js
+ */
+import request from '@/util/request'
+
+// 获取在线库存列表
+export const list = params => {
+  return request({
+    url: '/wms/mt/alone/stock/products/list/part',
+    method: 'GET',
+    params
+  })
+}

src/api/user.js

@@ -0,0 +1,14 @@
+import request from '@/util/request'
+
+// 登录
+export const postLogin = data => {
+  const dto = Object.assign(data, {
+    appType: 1,
+    userType: 1
+  })
+  return request({
+    url: '/api/passport/login',
+    method: 'post',
+    data: dto
+  })
+}

src/assets/css/all.scss

@@ -0,0 +1,42 @@
+// 登录页input样式修改
+// .login-input{
+//   .van-field__body{
+//     .van-field__control{
+//       line-height: .6rem;
+//     }
+//   }
+// }
+.van-cell:not(:last-child)::after{
+  border-bottom: 0 !important;
+}
+
+// 登录页记住密码字体颜色
+.login-remPwd{
+  .van-checkbox__label{
+    color: #fff;
+  }
+}
+
+// 登录页输入框placeholder颜色
+.login-box{
+  input::placeholder{
+    color:#f5f5f5;
+  }
+}
+
+// index页图标颜色
+.index-blue{
+  color: #1989fa;
+  .van-grid-item__text{
+    color: #1989fa;
+  }
+}
+
+// tab宽度
+.van-tab{
+  flex-basis: 20% !important;
+  -webkit-box-flex: 0 !important;
+  -webkit-flex: 0 0 20% !important;
+  flex: 0 0 20% !important;
+  padding: 0 !important;
+}

src/assets/css/iconfont.css

@@ -0,0 +1,33 @@
+@font-face {font-family: "iconfont";
+  src: url('./iconfont/iconfont.eot?t=1569291397091'); /* IE9 */
+  src: url('./iconfont/iconfont.eot?t=1569291397091#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMIAAsAAAAAB2gAAAK6AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDGgqCJIIAATYCJAMUCwwABCAFhG0HQhtuBsgekiSBQAIF/MQRBIwQQbWG9ezuXRBcogBVKh5YAoCKEbFRoKJe6Tf6hWH9iu5/1zQFlmOXEZVkhqiA1OFPeqXcSzNmIxEsC7MJg8KNMeBE8E9kn+dyetewLJD57SyhMNO1Ji3uqBdgHFBgY02K7BJJzFMYXnWQO3GaQLtRDRxrvcNjyK+wJwXiyWIa8heSiiJWWoW6YWURbyqt6SV94DX6fvwyH36SKrNnbj/2mKj968dXeb15dh4QVPP5Ia4jYw5SiNPG4j6XEPku7UW3KWhfg4KvmoavCdxir394SZGJml3bCZaoodyTyqMIvpYi8XUG3Sa0JONdQrSL1bYgt2zeGFM4+n66uwIFl0f17Hrj7bDGpFeHL+tLZv7Fei00JN836qgSX6KFVx3+i/VXSMniGiu6Zoq+zlpg95RU3t+XjRHz4XGCPJGx1ZXV1THyTFDdHSV9ekjv4wOQa9LDO1Z7aKj1+guWf3zsdU8/8LKPpmuezXj+k45pdnJ5Xir+woHgXRgpPc2/W0MFfPmnnSjZ7BQ0rtQqAat+uApsKYbGdlVFa/aUWrjSD+YT2p0MDbKj/f7mMQ/BjYRWQyPCLUYyZK3GyMKdQ6XDAmqtFtFuVt/6DgMElyhtmLFDEHrdI+n2GVmvT7Jwf1EZ9o9ab7jQ7jDyduwwEVawS4AmwcT6ArYMnqWuRwbj+hFgM2lN5DWRYAJEzsrgWDharvRBFsQcc3KzLC4lxVTwDO4l50E6zbEteBIMGU5IaZNIhDZ9KGzwDApaJQCNBEyYbgFmMXBZNOgsBSvMjwDMjDSN6KDVpScAIcfqHYsJiwJknzEL0e7lnZxZTJwkURglcBlYL/GDtFPkMLt5WBIwSGGJEXkbEWHtKGoMr2/OfOMuaGc/XkWKHCWqqJV7Ppd1p4FK54ztERZLSIQAAAA=') format('woff2'),
+  url('./iconfont/iconfont.woff?t=1569291397091') format('woff'),
+  url('./iconfont/iconfont.ttf?t=1569291397091') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('./iconfont/iconfont.svg?t=1569291397091#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-down:before {
+  content: "\e697";
+}
+
+.icon-left:before {
+  content: "\e698";
+}
+
+.icon-up:before {
+  content: "\e69a";
+}
+
+.icon-right:before {
+  content: "\e699";
+}
+

src/assets/css/iconfont/iconfont.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="down" unicode="&#59031;" d="M26.396 549.888l431.56-431.56c0.91-1.023 1.934-2.047 2.844-3.071 28.444-28.445 74.41-28.445 102.855 0L997.49 549.092c28.444 28.444 28.444 74.41 0 102.855s-74.41 28.444-102.855 0L512.34 269.653l-383.09 383.09c-28.444 28.445-74.41 28.445-102.855 0-28.33-28.444-28.33-74.41 0-102.855z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="left" unicode="&#59032;" d="M677.888 869.604l-431.56-431.56c-1.023-0.91-2.047-1.934-3.071-2.844-28.445-28.444-28.445-74.41 0-102.855L677.092-101.49c28.444-28.444 74.41-28.444 102.855 0s28.444 74.41 0 102.855L397.653 383.66l383.09 383.09c28.445 28.444 28.445 74.41 0 102.855-28.444 28.33-74.41 28.33-102.855 0z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="up" unicode="&#59034;" d="M997.604 218.112l-431.56 431.56c-0.91 1.023-1.934 2.047-2.844 3.071-28.444 28.445-74.41 28.445-102.855 0L26.396 218.908c-28.444-28.444-28.444-74.41 0-102.855s74.411-28.444 102.856 0l382.293 382.294 383.09-383.09c28.444-28.445 74.41-28.445 102.855 0s28.444 74.41 0.114 102.855z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="right" unicode="&#59033;" d="M346.112-101.604l431.56 431.56c1.023 0.91 2.047 1.934 3.071 2.844 28.445 28.444 28.445 74.41 0 102.855L346.908 869.604c-28.444 28.444-74.41 28.444-102.855 0s-28.444-74.411 0-102.856l382.294-382.293-383.09-383.203c-28.445-28.445-28.445-74.411 0-102.856 28.444-28.33 74.41-28.33 102.855 0z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/assets/css/reset.css

@@ -0,0 +1,25 @@
+@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}
+body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
+body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.5;font-family:tahoma,arial,"Hiragino Sans GB",simsun,sans-serif}
+h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
+h1,h2,h3,h4,h5,h6{font-family:tahoma,arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
+h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
+address,cite,dfn,em,i,optgroup,var{font-style:normal}
+table{border-collapse:collapse;border-spacing:0;text-align:left}
+caption,th{text-align:inherit}
+ul,ol,menu{list-style:none}
+fieldset,img{border:0}
+img,object,input,textarea,button,select{vertical-align:middle}
+article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
+audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
+blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
+textarea{overflow:auto;resize:vertical}
+input,textarea,button,select,a{outline:0 none;border: none;}
+button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
+mark{background-color:transparent}
+a,ins,s,u,del{text-decoration:none}
+sup,sub{vertical-align:baseline}
+html {overflow-x: hidden;height: 100%;font-size: 50px;-webkit-tap-highlight-color: transparent;}
+body {font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;}
+hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;}
+a {color: #25a4bb;text-decoration: none;}

src/assets/js/rem.js

@@ -0,0 +1,15 @@
+(function (doc, win) {
+  var docEl = doc.documentElement
+  var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
+  var recalc = function () {
+    var clientWidth = docEl.clientWidth
+    if (!clientWidth) return
+    var fontSize = 50 * (clientWidth / 375)
+    window.xPixelRatio = 100 / fontSize
+    docEl.style.fontSize = fontSize + 'px'
+  }
+  recalc()
+  if (!doc.addEventListener) return
+  win.addEventListener(resizeEvt, recalc, false)
+  doc.addEventListener('DOMContentLoaded', recalc, false)
+})(document, window)

src/components/index.js

@@ -0,0 +1,5 @@
+import Vue from 'vue'
+
+import waterFall from './waterFall'
+
+Vue.component('waterFall', waterFall)

src/components/waterFall.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="water-fall">
+    {{isOver ? '加载更多...' : '没有更多数据了'}}
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'waterFall',
+  data () {
+    return {
+      Height: null
+    }
+  },
+  props: {
+    isOver: {
+      type: Boolean
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+  .water-fall{
+    width: 100%;
+    height: 1rem;
+    line-height: 1rem;
+    text-align: center;
+    font-size: .24rem;
+    color: #999;
+  }
+</style>

src/main.js

@@ -0,0 +1,28 @@
+// The Vue build version to load with the `import` command
+// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+import Vue from 'vue'
+import App from './App'
+import router from './router'
+import fastClick from 'fastclick'
+import './assets/js/rem'
+import './assets/css/reset.css'
+import './assets/css/all.scss'
+import './assets/css/iconfont.css'
+import './components/'
+import store from '@/store'
+
+import { Button, Field, Icon, Dialog, Grid, GridItem, NavBar, Popup, Row, Col, Stepper, Picker, DatetimePicker, PullRefresh, Cell, CellGroup, Tag, Checkbox, CheckboxGroup, Tab, Tabs, Sticky } from 'vant'
+
+Vue.use(Button).use(Field).use(Icon).use(Dialog).use(Grid).use(GridItem).use(NavBar).use(Popup).use(Row).use(Col).use(Stepper).use(Picker).use(DatetimePicker).use(PullRefresh).use(Cell).use(CellGroup).use(Tag).use(Checkbox).use(CheckboxGroup).use(Tab).use(Tabs).use(Sticky)
+
+Vue.config.productionTip = false
+fastClick.attach(document.body)
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  router,
+  store,
+  components: { App },
+  template: '<App/>'
+})

src/pages/common/404.vue

@@ -0,0 +1,60 @@
+<template>
+  <div class="notFound" :style="{height: Height + 'px'}">
+    <div class="notFound-box">
+      <h5>404</h5>
+      <p>您访问的页面不翼而飞了...</p>
+      <div>
+        <van-button round class="notFound-button" @click="$router.goBack()">返回上一级</van-button>
+        <van-button round type="primary" class="notFound-button button-right" @click="$router.push('/')">返回登录页</van-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'notFound',
+  data () {
+    return {
+      Height: null
+    }
+  },
+  mounted () {
+    this.Height = window.innerHeight
+  },
+  methods: {}
+}
+</script>
+
+<style lang="scss" scoped>
+  .notFound{
+    width: 100%;
+    background: linear-gradient(to top, #6149f6, #4bb0ff);
+    .notFound-box{
+      width: 100%;
+      height: 40vh;
+      padding-top: 30vh;
+      text-align: center;
+      color: #fff;
+      h5{
+        font-size: 1rem;
+        line-height: 1.5rem;
+      }
+      p{
+        font-size: .4rem;
+        line-height: .8rem;
+      }
+      div{
+        line-height: 1rem;
+        .notFound-button{
+          font-size: .36rem;
+          height: .8rem;
+          line-height: .8rem;
+        }
+        .button-right{
+          margin-left: .5rem;
+        }
+      }
+    }
+  }
+</style>

src/pages/common/login.vue

@@ -0,0 +1,140 @@
+<template>
+  <div class="login" :style="{height: Height + 'px'}">
+    <div class="login-box">
+      <!-- <img src="../../assets/img/logo.png" alt=""> -->
+      <div class="login-tit">pda</div>
+      <van-field
+      class="login-input"
+      :style="{background: 'rgba(255, 255, 255, .2)'}"
+      v-model="userForm.mobile"
+      input-align="center"
+      placeholder="请输入账号"
+      />
+      <van-field
+      class="login-input1"
+      :style="{background: 'rgba(255, 255, 255, .2)'}"
+      v-model="userForm.password"
+      type="password"
+      input-align="center"
+      placeholder="请输入密码"
+      />
+      <van-checkbox class="login-remPwd" v-model="remPwd" checked-color="#07c160">记住密码</van-checkbox>
+      <van-button @click="toLogin" class="login-tologin iconfont">登 录</van-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Toast, Notify } from 'vant'
+import { postLogin } from '@/api/user'
+export default {
+  name: 'login',
+  data () {
+    return {
+      Height: null,
+      remPwd: true,
+      userForm: {
+        mobile: '13588441519',
+        password: '123abc.'
+      }
+    }
+  },
+  mounted () {
+    this.Height = window.innerHeight
+    let userPwdInfo = JSON.parse(window.localStorage.getItem('uesrPwdInfo'))
+    if (userPwdInfo) {
+      this.remPwd = JSON.parse(window.localStorage.getItem('uesrPwdInfo')).remPwd
+      this.userForm.mobile = JSON.parse(window.localStorage.getItem('uesrPwdInfo')).mobile
+      this.userForm.password = JSON.parse(window.localStorage.getItem('uesrPwdInfo')).password
+    }
+  },
+  methods: {
+    async toLogin () {
+      if (this.userForm.mobile && this.userForm.password) {
+        const result = await postLogin(this.userForm)
+        console.log(result)
+        if (result.success) {
+          if (this.remPwd) {
+            let uesrPwdInfo = {
+              remPwd: this.remPwd,
+              mobile: this.userForm.mobile,
+              password: this.userForm.password
+            }
+            window.localStorage.setItem('uesrPwdInfo', JSON.stringify(uesrPwdInfo))
+          } else {
+            let uesrPwdInfo = {
+              remPwd: false,
+              mobile: null,
+              password: null
+            }
+            window.localStorage.setItem('uesrPwdInfo', JSON.stringify(uesrPwdInfo))
+          }
+          window.sessionStorage.setItem('userInfo', JSON.stringify(result.data))
+          this.$store.commit('user/updateUserInfo', result.data)
+          Toast.success({
+            message: '登录成功',
+            onClose: () => {
+              this.$router.push('/index')
+            }
+          })
+        } else {
+          Notify({ type: 'danger', message: result.msg })
+        }
+      } else {
+        Notify(({ type: 'warning', message: '请输入账号密码！' }))
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .login{
+    width: 100%;
+    background: linear-gradient(to top, #4969f6, #4bb0ff);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+      .login-box{
+        width: 80%;
+        height: 8rem;
+        margin: 0 auto;
+        position: relative;
+        img{
+          width: 2rem;
+          height: 2rem;
+          margin-left: calc(50% - 1rem)
+        }
+        .login-tit{
+          color: #fff;
+          text-align: center;
+          line-height: .8rem;
+          margin-bottom: .8rem;
+          font-size: .36rem;
+          text-align: center;
+        }
+        .login-input{
+          margin-bottom: .5rem;
+          border-radius: .8rem;
+        }
+        .login-input1{
+          border-radius: .8rem;
+        }
+        .login-tologin{
+          background: #07c160;
+          width: 100%;
+          height: .8rem;
+          line-height: .8rem;
+          border: 0;
+          border-radius: .1rem;
+          font-size: .3rem;
+          text-align: center;
+          color: #fff
+        }
+        .login-remPwd{
+          margin-top: .2rem;
+          margin-bottom: .5rem;
+        }
+      }
+  }
+</style>

src/pages/eqInspection/cols.js

@@ -0,0 +1,171 @@
+const cols = [
+  {
+    title: '序号',
+    key: 'index',
+    align: 'center',
+    width: 0
+  },
+  {
+    title: '品名（品号）',
+    key: 'productName',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '品名（料号）',
+    key: 'partName',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '规格',
+    key: 'specification',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '密度',
+    key: 'density',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '门幅',
+    key: 'larghezza',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '品号',
+    key: 'productCode',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '料号',
+    key: 'itemCode',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '分类',
+    key: 'sort',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '克重',
+    key: 'grammage',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '市场报价',
+    key: 'marketPrice',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '加工方式',
+    key: 'processingMode',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '一阶大类',
+    key: 'firstLargeClass',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '添加时间',
+    key: 'createTime',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '厂商编码',
+    key: 'supplierCodename',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '品质',
+    key: 'quality',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '等级',
+    key: 'dominant',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '颜色',
+    key: 'colorCode',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '原料',
+    key: 'stockProduct',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '组织',
+    key: 'tissue',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '仓库数量',
+    key: 'wareNum',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '厂商库存',
+    key: 'factureInventory',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '材料成本价',
+    key: 'costPrice',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '描述信息',
+    key: 'description',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '定做时间（天）',
+    key: 'sustomMadeTime',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '是否现货',
+    key: 'isSpot',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '是否开票',
+    key: 'isBilling',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '备注',
+    key: 'remark',
+    align: 'center',
+    width: 120
+  }
+]
+export default cols

src/pages/eqInspection/eqInspection.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="eqInspection">
+    <!-- navbar -->
+    <van-sticky :offset-top="0">
+      <van-nav-bar
+        title="PDA设备巡检记录"
+        left-arrow
+        sticky
+        class="eq-header"
+        @click-left="onClickLeft"
+      />
+      <!-- @click-right="onClickRight" -->
+    </van-sticky>
+    <van-pull-refresh class="eq-main" v-model="isLoading" @refresh="onRefresh" ref="listMain">
+      <!-- 信息列表主体 -->
+      <water-fall @click.native="getMore" :isOver="isOver"></water-fall>
+    </van-pull-refresh>
+  </div>
+</template>
+
+<script>
+import { list, eqList } from '@/api/eqInspection'
+
+export default {
+  name: 'eqInspection',
+  data () {
+    return {
+      queryList: {
+        current: 1,
+        endTime: '',
+        equipmentId: '',
+        size: 10,
+        startTime: ''
+      },
+      isLoading: false,
+      isOver: true,
+      dataList: [],
+      eqList: [],
+      dataOption: {}
+    }
+  },
+  mounted () {
+    this.getDataList()
+    this.getEqList()
+    document.querySelector('.eq-main').addEventListener('scroll', this.handleScroll, true)
+    // // 给浏览器加入一个空的历史纪录
+    // window.history.pushState(null, null, document.URL)
+    // // 给window添加一个popstate事件，拦截返回键，执行this.onBrowserBack事件，addEventListener需要指向一个方法
+    // window.addEventListener('popstate', this.onBrowserBack, false)
+  },
+  // destroyed () {
+  //   window.removeEventListener('popstate', this.onBrowserBack, false)
+  //   document.querySelector('.ol-main').removeEventListener('scroll', this.handleScroll, false)
+  // },
+  methods: {
+    // 浏览器返回按钮监听
+    // onBrowserBack () {
+    //   if (this.show || this.showItem || this.showTypeId || this.showTypeCode) {
+    //     this.show = false
+    //     this.showItem = false
+    //     this.showTypeId = false
+    //     this.showTypeCode = false
+    //     window.history.pushState(null, null, document.URL)
+    //   } else {
+    //     this.$router.goBack()
+    //   }
+    // },
+    // 滚动事件监听
+    handleScroll () {
+      let clientHeight = document.documentElement.clientHeight // 客户区大小
+      let scrollHeight = document.querySelector('.eq-main').scrollHeight // 没用滚动条的情况下，元素内容的总高度
+      let scrollTop = document.querySelector('.eq-main').scrollTop // 被隐藏在内容区域上方的像素数
+      let headerHeight = document.querySelector('.eq-header').offsetHeight// header高度
+      let listHeight = clientHeight - headerHeight // list高度
+      if (scrollTop - (scrollHeight - listHeight) >= -80 && this.isFirstScroll) {
+        this.isFirstScroll = false
+        this.pageNum += 1
+        if (this.isOver) {
+          this.isOver = !this.isOver
+          this.getDataList()
+          setTimeout(() => {
+            this.isFirstScroll = true
+          }, 2000)
+        }
+      }
+    },
+    // 瀑布流点击
+    getMore () {
+      if (this.isOver) {
+        this.queryList.current += 1
+        this.getDataList()
+      }
+    },
+    // 获取信息列表
+    async getDataList () {
+      const result = await list(this.queryList)
+      if (result.success) {
+        this.dataList = result.data.records
+        this.dataOption = result.data
+        if (this.dataOption.total === this.queryList.current) {
+          this.isOver = false
+        } else {
+          this.isOver = true
+        }
+        this.show = false
+      } else {
+        this.isOver = true
+      }
+    },
+    // 获取设备列表
+    async getEqList () {
+      const result = await eqList({
+        current: 1,
+        size: 999
+      })
+      console.log(result)
+    },
+    // 分页器
+    onChange (v) {
+      this.getDataList()
+    },
+    // 返回上一页
+    onClickLeft () {
+      this.$router.goBack()
+    },
+    // 下拉刷新
+    async onRefresh () {
+      this.queryList.current = 1
+      await this.getDataList()
+      this.$toast.success('刷新成功')
+      this.isLoading = false
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+  .eqInspection {
+    width: 100%;
+    background: #f5f5f5;
+    .eq-main {
+      width: 100%;
+      position: absolute;
+      top: 1.5rem;
+      bottom: 0;
+      overflow: scroll;
+    }
+
+    .eq-header {
+      background: #4271FF;
+      .van-icon {
+        color: #fff;
+        font-size: .5rem;
+      }
+      .van-nav-bar__content {
+        height: 1.5rem;
+        line-height: 1.5rem;
+        .van-nav-bar__title {
+          color: #fff;
+          font-size: .5rem;
+        }
+      }
+    }
+  }
+</style>

src/pages/index/index.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="index">
+    <van-grid
+    :style="{height: Height/4 + 'px'}"
+    :column-num="2"
+    v-for="(item, index) in arrList"
+    :key="index">
+      <van-grid-item
+        v-for="(item1, index1) in item"
+        :key="index1"
+        :icon="item1.icon"
+        :text="item1.text"
+        @click="toRouter(item1.router,item1)"
+        :class="item1.color ? 'index-blue' : ''"
+      />
+    </van-grid>
+  </div>
+</template>
+
+<script>
+import { Toast } from 'vant'
+const arrList = [
+  [
+    {
+      text: '设备巡检',
+      icon: 'logistics',
+      router: '/eqInspection',
+      color: '#1989fa'
+    },
+    {
+      text: '物料耗材',
+      icon: 'points',
+      router: '/material',
+      color: '#1989fa'
+    }
+  ],
+  [
+    {
+      text: '待开发',
+      icon: 'qr-invalid',
+      color: ''
+    },
+    {
+      text: '待开发',
+      icon: 'qr-invalid',
+      color: ''
+    }
+  ],
+  [
+    {
+      text: '待开发',
+      icon: 'qr-invalid',
+      color: ''
+    },
+    {
+      text: '待开发',
+      icon: 'qr-invalid',
+      color: ''
+    }
+  ],
+  [
+    {
+      text: '我的',
+      icon: 'manager-o',
+      color: ''
+    },
+    {
+      text: '退出',
+      icon: 'ellipsis',
+      router: '/',
+      color: ''
+    }
+  ]
+]
+export default {
+  name: 'login',
+  data () {
+    return {
+      Height: null
+    }
+  },
+  mounted () {
+    this.Height = window.innerHeight
+  },
+  computed: {
+    arrList () {
+      return arrList
+    }
+  },
+  methods: {
+    toRouter (router, v) {
+      if (router) {
+        if (v.text === '退出') {
+          this.$store.commit('user/updateUserInfo', null)
+          window.sessionStorage.removeItem('userInfo')
+        }
+        this.$router.push(router)
+      } else {
+        Toast.fail('模块待开发,敬请期待')
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .index{
+    width: 100%
+  }
+</style>

src/pages/material/cols.js

@@ -0,0 +1,171 @@
+const cols = [
+  {
+    title: '序号',
+    key: 'index',
+    align: 'center',
+    width: 0
+  },
+  {
+    title: '品名（品号）',
+    key: 'productName',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '品名（料号）',
+    key: 'partName',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '规格',
+    key: 'specification',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '密度',
+    key: 'density',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '门幅',
+    key: 'larghezza',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '品号',
+    key: 'productCode',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '料号',
+    key: 'itemCode',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '分类',
+    key: 'sort',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '克重',
+    key: 'grammage',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '市场报价',
+    key: 'marketPrice',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '加工方式',
+    key: 'processingMode',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '一阶大类',
+    key: 'firstLargeClass',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '添加时间',
+    key: 'createTime',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '厂商编码',
+    key: 'supplierCodename',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '品质',
+    key: 'quality',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '等级',
+    key: 'dominant',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '颜色',
+    key: 'colorCode',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '原料',
+    key: 'stockProduct',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '组织',
+    key: 'tissue',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '仓库数量',
+    key: 'wareNum',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '厂商库存',
+    key: 'factureInventory',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '材料成本价',
+    key: 'costPrice',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '描述信息',
+    key: 'description',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '定做时间（天）',
+    key: 'sustomMadeTime',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '是否现货',
+    key: 'isSpot',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '是否开票',
+    key: 'isBilling',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '备注',
+    key: 'remark',
+    align: 'center',
+    width: 120
+  }
+]
+export default cols

src/pages/material/material.vue

@@ -0,0 +1,138 @@
+<template>
+  <div class="material">
+    <!-- navbar -->
+    <van-sticky :offset-top="0">
+      <van-nav-bar
+        title="物料耗材"
+        left-arrow
+        sticky
+        class="material-header"
+        @click-left="onClickLeft"
+      />
+      <!-- @click-right="onClickRight" -->
+    </van-sticky>
+    <van-pull-refresh class="material-main" v-model="isLoading" @refresh="onRefresh" ref="listMain">
+      <!-- 信息列表主体 -->
+      <water-fall @click.native="getMore" :isOver="isOver"></water-fall>
+    </van-pull-refresh>
+  </div>
+</template>
+
+<script>
+import { list } from '@/api/material'
+
+export default {
+  name: 'material',
+  data () {
+    return {
+      pageNum: 1,
+      pageSize: 10,
+      isLoading: false,
+      isOver: true,
+      dataList: []
+    }
+  },
+  mounted () {
+    this.getDataList()
+    document.querySelector('.material-main').addEventListener('scroll', this.handleScroll, true)
+    // // 给浏览器加入一个空的历史纪录
+    // window.history.pushState(null, null, document.URL)
+    // // 给window添加一个popstate事件，拦截返回键，执行this.onBrowserBack事件，addEventListener需要指向一个方法
+    // window.addEventListener('popstate', this.onBrowserBack, false)
+  },
+  // destroyed () {
+  //   window.removeEventListener('popstate', this.onBrowserBack, false)
+  //   document.querySelector('.ol-main').removeEventListener('scroll', this.handleScroll, false)
+  // },
+  methods: {
+    // 浏览器返回按钮监听
+    // onBrowserBack () {
+    //   if (this.show || this.showItem || this.showTypeId || this.showTypeCode) {
+    //     this.show = false
+    //     this.showItem = false
+    //     this.showTypeId = false
+    //     this.showTypeCode = false
+    //     window.history.pushState(null, null, document.URL)
+    //   } else {
+    //     this.$router.goBack()
+    //   }
+    // },
+    // 滚动事件监听
+    handleScroll () {
+      let clientHeight = document.documentElement.clientHeight // 客户区大小
+      let scrollHeight = document.querySelector('.material-main').scrollHeight // 没用滚动条的情况下，元素内容的总高度
+      let scrollTop = document.querySelector('.material-main').scrollTop // 被隐藏在内容区域上方的像素数
+      let headerHeight = document.querySelector('.material-header').offsetHeight// header高度
+      let listHeight = clientHeight - headerHeight // list高度
+      if (scrollTop - (scrollHeight - listHeight) >= -80 && this.isFirstScroll) {
+        this.isFirstScroll = false
+        this.pageNum += 1
+        if (this.isOver) {
+          this.isOver = !this.isOver
+          this.getDataList()
+          setTimeout(() => {
+            this.isFirstScroll = true
+          }, 2000)
+        }
+      }
+    },
+    // 瀑布流点击
+    getMore () {
+      if (this.isOver) {
+        this.pageNum += 1
+        this.getDataList()
+      }
+    },
+    // 获取信息列表
+    async getDataList () {
+      const result = await list({
+        pageSize: this.pageSize,
+        pageNum: this.pageNum
+      })
+      if (result.success) {
+        this.dataList = result.data
+        if (this.dataOption.isLastPage) {
+          this.isOver = false
+        } else {
+          this.isOver = true
+        }
+        this.show = false
+      } else {
+        this.dataOption.firstPage = 1
+        this.dataOption.lastPage = 1
+        this.isOver = true
+      }
+    },
+    // 分页器
+    onChange (v) {
+      this.getDataList()
+    },
+    // 返回上一页
+    onClickLeft () {
+      this.$router.goBack()
+    },
+    // 下拉刷新
+    async onRefresh () {
+      this.resetList()
+      await this.getDataList()
+      this.$toast.success('刷新成功')
+      this.isLoading = false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  .material{
+    width: 100%;
+    background: #f5f5f5;
+    .material-main{
+      width: 100%;
+      position: absolute;
+      top: .92rem;
+      bottom: 0;
+      overflow: scroll;
+      line-height: 1rem;
+    }
+  }
+</style>

src/router/index.js

@@ -0,0 +1,81 @@
+/*
+ * @Author: gtz
+ * @Date: 2022-07-25 14:18:00
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-07-25 15:12:22
+ * @Description: file content
+ * @FilePath: \xbapp\src\router\index.js
+ */
+import Vue from 'vue'
+import Router from 'vue-router'
+import login from '@/pages/common/login'
+import notFound from '@/pages/common/404'
+import index from '@/pages/index/index'
+import eqInspection from '@/pages/eqInspection/eqInspection'
+import material from '@/pages/material/material'
+
+Vue.use(Router)
+
+const router = new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'login',
+      component: login
+    },
+    {
+      path: '/index',
+      name: 'index',
+      meta: {requireAuth: true},
+      component: index
+    },
+    {
+      path: '/eqInspection',
+      name: 'eqInspection',
+      meta: {requireAuth: true},
+      component: eqInspection
+    },
+    {
+      path: '/material',
+      name: 'material',
+      meta: {requireAuth: true},
+      component: material
+    },
+    {
+      path: '/404',
+      name: 'notFound',
+      component: notFound
+    },
+    {
+      path: '*',
+      redirect: '/404'
+    }
+  ]
+})
+
+Router.prototype.goBack = function () {
+  this.isBack = true
+  window.history.go(-1)
+}
+
+const valid = () => {
+  return sessionStorage.getItem('userInfo')
+}
+
+router.beforeResolve((to, from, next) => {
+  if (to.matched.some(record => record.meta.requireAuth)) {
+    // this route requires auth, check if logged in
+    // if not, redirect to login page.
+    if (valid()) {
+      next()
+    } else {
+      next({
+        path: '/'
+      })
+    }
+  } else {
+    next() // 确保一定要调用 next()
+  }
+})
+
+export default router

src/store/index.js

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import cloneDeep from 'lodash/cloneDeep'
+import user from './modules/user'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  modules: {
+    user
+  },
+  mutations: {
+    // 重置vuex本地储存状态
+    resetStore (state) {
+      Object.keys(state).forEach((key) => {
+        state[key] = cloneDeep(window.SITE_CONFIG['storeState'][key])
+      })
+    }
+  },
+  strict: process.env.NODE_ENV !== 'production'
+})

src/store/modules/user.js

@@ -0,0 +1,11 @@
+export default {
+  namespaced: true,
+  state: {
+    userInfo: null
+  },
+  mutations: {
+    updateUserInfo (state, userInfo) {
+      state.userInfo = userInfo
+    }
+  }
+}

src/util/request.js

@@ -0,0 +1,81 @@
+/*
+ * @Author: gtz
+ * @Date: 2022-07-25 14:18:00
+ * @LastEditors: gtz
+ * @LastEditTime: 2022-07-25 14:31:03
+ * @Description: file content
+ * @FilePath: \xbapp\src\util\request.js
+ */
+import axios from 'axios'
+import { Toast, Notify } from 'vant'
+import qs from 'qs'
+// import store from '@/vuex'
+const service = axios.create({
+  // baseURL: process.env.VUE_APP_BASE_API, // api的base_url
+  timeout: 5000 // request timeout
+})
+let toast = null
+// 提交表单的
+// token加入header
+service.interceptors.request.use((config) => {
+  // console.log(store.state)
+  toast = Toast.loading({
+    mask: true,
+    message: '加载中...'
+  })
+  // if (config.url !== '/wms/login/verify' && JSON.parse(sessionStorage.getItem('userInfo')).token) {
+  //   config.headers['token'] = JSON.parse(sessionStorage.getItem('userInfo')).token
+  // }
+  // 输出到安卓版本的时候开启下面的配置项
+  // config.url = 'https://xiaobu.zhaobu.wang' + config.url
+
+  // ***************
+  if (config.formState) {
+    config.data = qs.stringify(config.data)
+    config.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
+  } else if (config.file) {
+    config.headers['Content-Type'] = 'multipart/form-data;charset=UTF-8'
+  }
+  return config
+}, error => {
+  Promise.reject(error)
+})
+// axios全局拦截配置
+service.interceptors.response.use(
+  response => {
+    // doing sth
+    // console.log('request!')
+    // setTimeout(() => {
+    if (toast) {
+      toast.clear()
+    }
+    toast = null
+    // }, 500)
+    // console.log(response)
+    if (response.data.code === 0) {
+      return {
+        success: true,
+        data: response.data.data,
+        pagetotal: response.data.pagetotal
+      }
+    } else {
+      Notify(response.data.message)
+      return {
+        success: false,
+        data: response.data,
+        msg: response.data.message
+      }
+    }
+    // return response
+  },
+  error => {
+    toast.clear()
+    toast = null
+    if (error.response) {
+      Toast.fail('网络异常')
+    }
+    return Promise.reject(error) // 返回接口返回的错误信息
+    // return Promise.reject(error.response.data) // 返回接口返回的错误信息
+  })
+
+export default service