init
This commit is contained in:
		
							
								
								
									
										20
									
								
								.babelrc
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										20
									
								
								.babelrc
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,20 @@
 | 
			
		||||
{
 | 
			
		||||
  "presets": [
 | 
			
		||||
    ["env", {
 | 
			
		||||
      "modules": false,
 | 
			
		||||
      "targets": {
 | 
			
		||||
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
 | 
			
		||||
      }
 | 
			
		||||
    }],
 | 
			
		||||
    "stage-2"
 | 
			
		||||
  ],
 | 
			
		||||
  "plugins": [
 | 
			
		||||
    "transform-vue-jsx",
 | 
			
		||||
    "transform-runtime",
 | 
			
		||||
    ["import", {
 | 
			
		||||
      "libraryName": "vant",
 | 
			
		||||
      "libraryDirectory": "es",
 | 
			
		||||
      "style": true
 | 
			
		||||
    }]
 | 
			
		||||
  ]
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										9
									
								
								.editorconfig
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										9
									
								
								.editorconfig
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,9 @@
 | 
			
		||||
root = true
 | 
			
		||||
 | 
			
		||||
[*]
 | 
			
		||||
charset = utf-8
 | 
			
		||||
indent_style = space
 | 
			
		||||
indent_size = 2
 | 
			
		||||
end_of_line = lf
 | 
			
		||||
insert_final_newline = true
 | 
			
		||||
trim_trailing_whitespace = true
 | 
			
		||||
							
								
								
									
										17
									
								
								.env.development
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										17
									
								
								.env.development
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,17 @@
 | 
			
		||||
# just a flag
 | 
			
		||||
ENV = 'development'
 | 
			
		||||
 | 
			
		||||
# base api
 | 
			
		||||
# 这里修改成api服务器地址
 | 
			
		||||
VUE_APP_BASE_API = '/api'
 | 
			
		||||
 | 
			
		||||
# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
 | 
			
		||||
# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
 | 
			
		||||
# It only does one thing by converting all import() to require().
 | 
			
		||||
# This configuration can significantly increase the speed of hot updates,
 | 
			
		||||
# when you have a large number of pages.
 | 
			
		||||
# Detail:  https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
 | 
			
		||||
 | 
			
		||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
 | 
			
		||||
VUE_APP_REPORT_DESIGN_URL = 'http://hfxny.mes.picaiba.com/ureport/designer'
 | 
			
		||||
VUE_APP_REPORT_VIEW_URL = 'http://hfxny.mes.picaiba.com/ureport/preview'
 | 
			
		||||
							
								
								
									
										7
									
								
								.env.production
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								.env.production
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,7 @@
 | 
			
		||||
# just a flag
 | 
			
		||||
ENV = 'production'
 | 
			
		||||
 | 
			
		||||
# base api
 | 
			
		||||
VUE_APP_BASE_API = '/api'
 | 
			
		||||
VUE_APP_REPORT_DESIGN_URL = '/ureport/designer'
 | 
			
		||||
VUE_APP_REPORT_VIEW_URL = '/ureport/preview'
 | 
			
		||||
							
								
								
									
										8
									
								
								.env.staging
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										8
									
								
								.env.staging
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,8 @@
 | 
			
		||||
NODE_ENV = production
 | 
			
		||||
 | 
			
		||||
# just a flag
 | 
			
		||||
ENV = 'staging'
 | 
			
		||||
 | 
			
		||||
# base api
 | 
			
		||||
VUE_APP_BASE_API = '/stage-api'
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										4
									
								
								.eslintignore
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										4
									
								
								.eslintignore
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,4 @@
 | 
			
		||||
/build/
 | 
			
		||||
/config/
 | 
			
		||||
/dist/
 | 
			
		||||
/*.js
 | 
			
		||||
							
								
								
									
										29
									
								
								.eslintrc.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										29
									
								
								.eslintrc.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,29 @@
 | 
			
		||||
// https://eslint.org/docs/user-guide/configuring
 | 
			
		||||
 | 
			
		||||
module.exports = {
 | 
			
		||||
  root: true,
 | 
			
		||||
  parserOptions: {
 | 
			
		||||
    parser: 'babel-eslint'
 | 
			
		||||
  },
 | 
			
		||||
  env: {
 | 
			
		||||
    browser: true,
 | 
			
		||||
  },
 | 
			
		||||
  extends: [
 | 
			
		||||
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
 | 
			
		||||
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
 | 
			
		||||
    'plugin:vue/essential', 
 | 
			
		||||
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
 | 
			
		||||
    'standard'
 | 
			
		||||
  ],
 | 
			
		||||
  // required to lint *.vue files
 | 
			
		||||
  plugins: [
 | 
			
		||||
    'vue'
 | 
			
		||||
  ],
 | 
			
		||||
  // add your custom rules here
 | 
			
		||||
  rules: {
 | 
			
		||||
    // allow async-await
 | 
			
		||||
    'generator-star-spacing': 'off',
 | 
			
		||||
    // allow debugger during development
 | 
			
		||||
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										14
									
								
								.gitignore
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										14
									
								
								.gitignore
									
									
									
									
										vendored
									
									
										Normal file
									
								
							@@ -0,0 +1,14 @@
 | 
			
		||||
.DS_Store
 | 
			
		||||
node_modules/
 | 
			
		||||
/dist/
 | 
			
		||||
npm-debug.log*
 | 
			
		||||
yarn-debug.log*
 | 
			
		||||
yarn-error.log*
 | 
			
		||||
 | 
			
		||||
# Editor directories and files
 | 
			
		||||
.idea
 | 
			
		||||
.vscode
 | 
			
		||||
*.suo
 | 
			
		||||
*.ntvs*
 | 
			
		||||
*.njsproj
 | 
			
		||||
*.sln
 | 
			
		||||
							
								
								
									
										13
									
								
								.postcssrc.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										13
									
								
								.postcssrc.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,13 @@
 | 
			
		||||
// https://github.com/michael-ciniawsky/postcss-load-config
 | 
			
		||||
 | 
			
		||||
module.exports = {
 | 
			
		||||
  plugins: {
 | 
			
		||||
    'autoprefixer': {
 | 
			
		||||
      browsers: ['Android >= 4.0', 'iOS >= 7']
 | 
			
		||||
    },
 | 
			
		||||
    'postcss-pxtorem': {
 | 
			
		||||
      rootValue: 50,
 | 
			
		||||
      propList: ['*']
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										21
									
								
								README.md
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										21
									
								
								README.md
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,21 @@
 | 
			
		||||
# webapp
 | 
			
		||||
 | 
			
		||||
> A Vue.js project
 | 
			
		||||
 | 
			
		||||
## Build Setup
 | 
			
		||||
 | 
			
		||||
``` bash
 | 
			
		||||
# install dependencies
 | 
			
		||||
npm install
 | 
			
		||||
 | 
			
		||||
# serve with hot reload at localhost:8080
 | 
			
		||||
npm run dev
 | 
			
		||||
 | 
			
		||||
# build for production with minification
 | 
			
		||||
npm run build
 | 
			
		||||
 | 
			
		||||
# build for production and view the bundle analyzer report
 | 
			
		||||
npm run build --report
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
 | 
			
		||||
							
								
								
									
										41
									
								
								build/build.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										41
									
								
								build/build.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,41 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
require('./check-versions')()
 | 
			
		||||
 | 
			
		||||
process.env.NODE_ENV = 'production'
 | 
			
		||||
 | 
			
		||||
const ora = require('ora')
 | 
			
		||||
const rm = require('rimraf')
 | 
			
		||||
const path = require('path')
 | 
			
		||||
const chalk = require('chalk')
 | 
			
		||||
const webpack = require('webpack')
 | 
			
		||||
const config = require('../config')
 | 
			
		||||
const webpackConfig = require('./webpack.prod.conf')
 | 
			
		||||
 | 
			
		||||
const spinner = ora('building for production...')
 | 
			
		||||
spinner.start()
 | 
			
		||||
 | 
			
		||||
rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
 | 
			
		||||
  if (err) throw err
 | 
			
		||||
  webpack(webpackConfig, (err, stats) => {
 | 
			
		||||
    spinner.stop()
 | 
			
		||||
    if (err) throw err
 | 
			
		||||
    process.stdout.write(stats.toString({
 | 
			
		||||
      colors: true,
 | 
			
		||||
      modules: false,
 | 
			
		||||
      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
 | 
			
		||||
      chunks: false,
 | 
			
		||||
      chunkModules: false
 | 
			
		||||
    }) + '\n\n')
 | 
			
		||||
 | 
			
		||||
    if (stats.hasErrors()) {
 | 
			
		||||
      console.log(chalk.red('  Build failed with errors.\n'))
 | 
			
		||||
      process.exit(1)
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    console.log(chalk.cyan('  Build complete.\n'))
 | 
			
		||||
    console.log(chalk.yellow(
 | 
			
		||||
      '  Tip: built files are meant to be served over an HTTP server.\n' +
 | 
			
		||||
      '  Opening index.html over file:// won\'t work.\n'
 | 
			
		||||
    ))
 | 
			
		||||
  })
 | 
			
		||||
})
 | 
			
		||||
							
								
								
									
										54
									
								
								build/check-versions.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										54
									
								
								build/check-versions.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,54 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
const chalk = require('chalk')
 | 
			
		||||
const semver = require('semver')
 | 
			
		||||
const packageConfig = require('../package.json')
 | 
			
		||||
const shell = require('shelljs')
 | 
			
		||||
 | 
			
		||||
function exec (cmd) {
 | 
			
		||||
  return require('child_process').execSync(cmd).toString().trim()
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
const versionRequirements = [
 | 
			
		||||
  {
 | 
			
		||||
    name: 'node',
 | 
			
		||||
    currentVersion: semver.clean(process.version),
 | 
			
		||||
    versionRequirement: packageConfig.engines.node
 | 
			
		||||
  }
 | 
			
		||||
]
 | 
			
		||||
 | 
			
		||||
if (shell.which('npm')) {
 | 
			
		||||
  versionRequirements.push({
 | 
			
		||||
    name: 'npm',
 | 
			
		||||
    currentVersion: exec('npm --version'),
 | 
			
		||||
    versionRequirement: packageConfig.engines.npm
 | 
			
		||||
  })
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
module.exports = function () {
 | 
			
		||||
  const warnings = []
 | 
			
		||||
 | 
			
		||||
  for (let i = 0; i < versionRequirements.length; i++) {
 | 
			
		||||
    const mod = versionRequirements[i]
 | 
			
		||||
 | 
			
		||||
    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
 | 
			
		||||
      warnings.push(mod.name + ': ' +
 | 
			
		||||
        chalk.red(mod.currentVersion) + ' should be ' +
 | 
			
		||||
        chalk.green(mod.versionRequirement)
 | 
			
		||||
      )
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  if (warnings.length) {
 | 
			
		||||
    console.log('')
 | 
			
		||||
    console.log(chalk.yellow('To use this template, you must update following to modules:'))
 | 
			
		||||
    console.log()
 | 
			
		||||
 | 
			
		||||
    for (let i = 0; i < warnings.length; i++) {
 | 
			
		||||
      const warning = warnings[i]
 | 
			
		||||
      console.log('  ' + warning)
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    console.log()
 | 
			
		||||
    process.exit(1)
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										
											BIN
										
									
								
								build/logo.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								build/logo.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 6.7 KiB  | 
							
								
								
									
										101
									
								
								build/utils.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										101
									
								
								build/utils.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,101 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
const path = require('path')
 | 
			
		||||
const config = require('../config')
 | 
			
		||||
const ExtractTextPlugin = require('extract-text-webpack-plugin')
 | 
			
		||||
const packageConfig = require('../package.json')
 | 
			
		||||
 | 
			
		||||
exports.assetsPath = function (_path) {
 | 
			
		||||
  const assetsSubDirectory = process.env.NODE_ENV === 'production'
 | 
			
		||||
    ? config.build.assetsSubDirectory
 | 
			
		||||
    : config.dev.assetsSubDirectory
 | 
			
		||||
 | 
			
		||||
  return path.posix.join(assetsSubDirectory, _path)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
exports.cssLoaders = function (options) {
 | 
			
		||||
  options = options || {}
 | 
			
		||||
 | 
			
		||||
  const cssLoader = {
 | 
			
		||||
    loader: 'css-loader',
 | 
			
		||||
    options: {
 | 
			
		||||
      sourceMap: options.sourceMap
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  const postcssLoader = {
 | 
			
		||||
    loader: 'postcss-loader',
 | 
			
		||||
    options: {
 | 
			
		||||
      sourceMap: options.sourceMap
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  // generate loader string to be used with extract text plugin
 | 
			
		||||
  function generateLoaders (loader, loaderOptions) {
 | 
			
		||||
    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
 | 
			
		||||
 | 
			
		||||
    if (loader) {
 | 
			
		||||
      loaders.push({
 | 
			
		||||
        loader: loader + '-loader',
 | 
			
		||||
        options: Object.assign({}, loaderOptions, {
 | 
			
		||||
          sourceMap: options.sourceMap
 | 
			
		||||
        })
 | 
			
		||||
      })
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    // Extract CSS when that option is specified
 | 
			
		||||
    // (which is the case during production build)
 | 
			
		||||
    if (options.extract) {
 | 
			
		||||
      return ExtractTextPlugin.extract({
 | 
			
		||||
        use: loaders,
 | 
			
		||||
        fallback: 'vue-style-loader'
 | 
			
		||||
      })
 | 
			
		||||
    } else {
 | 
			
		||||
      return ['vue-style-loader'].concat(loaders)
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
 | 
			
		||||
  return {
 | 
			
		||||
    css: generateLoaders(),
 | 
			
		||||
    postcss: generateLoaders(),
 | 
			
		||||
    less: generateLoaders('less'),
 | 
			
		||||
    sass: generateLoaders('sass', { indentedSyntax: true }),
 | 
			
		||||
    scss: generateLoaders('sass'),
 | 
			
		||||
    stylus: generateLoaders('stylus'),
 | 
			
		||||
    styl: generateLoaders('stylus')
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// Generate loaders for standalone style files (outside of .vue)
 | 
			
		||||
exports.styleLoaders = function (options) {
 | 
			
		||||
  const output = []
 | 
			
		||||
  const loaders = exports.cssLoaders(options)
 | 
			
		||||
 | 
			
		||||
  for (const extension in loaders) {
 | 
			
		||||
    const loader = loaders[extension]
 | 
			
		||||
    output.push({
 | 
			
		||||
      test: new RegExp('\\.' + extension + '$'),
 | 
			
		||||
      use: loader
 | 
			
		||||
    })
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  return output
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
exports.createNotifierCallback = () => {
 | 
			
		||||
  const notifier = require('node-notifier')
 | 
			
		||||
 | 
			
		||||
  return (severity, errors) => {
 | 
			
		||||
    if (severity !== 'error') return
 | 
			
		||||
 | 
			
		||||
    const error = errors[0]
 | 
			
		||||
    const filename = error.file && error.file.split('!').pop()
 | 
			
		||||
 | 
			
		||||
    notifier.notify({
 | 
			
		||||
      title: packageConfig.name,
 | 
			
		||||
      message: severity + ': ' + error.name,
 | 
			
		||||
      subtitle: filename || '',
 | 
			
		||||
      icon: path.join(__dirname, 'logo.png')
 | 
			
		||||
    })
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										22
									
								
								build/vue-loader.conf.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										22
									
								
								build/vue-loader.conf.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,22 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
const utils = require('./utils')
 | 
			
		||||
const config = require('../config')
 | 
			
		||||
const isProduction = process.env.NODE_ENV === 'production'
 | 
			
		||||
const sourceMapEnabled = isProduction
 | 
			
		||||
  ? config.build.productionSourceMap
 | 
			
		||||
  : config.dev.cssSourceMap
 | 
			
		||||
 | 
			
		||||
module.exports = {
 | 
			
		||||
  loaders: utils.cssLoaders({
 | 
			
		||||
    sourceMap: sourceMapEnabled,
 | 
			
		||||
    extract: isProduction
 | 
			
		||||
  }),
 | 
			
		||||
  cssSourceMap: sourceMapEnabled,
 | 
			
		||||
  cacheBusting: config.dev.cacheBusting,
 | 
			
		||||
  transformToRequire: {
 | 
			
		||||
    video: ['src', 'poster'],
 | 
			
		||||
    source: 'src',
 | 
			
		||||
    img: 'src',
 | 
			
		||||
    image: 'xlink:href'
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										92
									
								
								build/webpack.base.conf.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										92
									
								
								build/webpack.base.conf.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,92 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
const path = require('path')
 | 
			
		||||
const utils = require('./utils')
 | 
			
		||||
const config = require('../config')
 | 
			
		||||
const vueLoaderConfig = require('./vue-loader.conf')
 | 
			
		||||
 | 
			
		||||
function resolve (dir) {
 | 
			
		||||
  return path.join(__dirname, '..', dir)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
const createLintingRule = () => ({
 | 
			
		||||
  test: /\.(js|vue)$/,
 | 
			
		||||
  loader: 'eslint-loader',
 | 
			
		||||
  enforce: 'pre',
 | 
			
		||||
  include: [resolve('src'), resolve('test')],
 | 
			
		||||
  options: {
 | 
			
		||||
    formatter: require('eslint-friendly-formatter'),
 | 
			
		||||
    emitWarning: !config.dev.showEslintErrorsInOverlay
 | 
			
		||||
  }
 | 
			
		||||
})
 | 
			
		||||
 | 
			
		||||
module.exports = {
 | 
			
		||||
  context: path.resolve(__dirname, '../'),
 | 
			
		||||
  entry: {
 | 
			
		||||
    app: './src/main.js'
 | 
			
		||||
  },
 | 
			
		||||
  output: {
 | 
			
		||||
    path: config.build.assetsRoot,
 | 
			
		||||
    filename: '[name].js',
 | 
			
		||||
    publicPath: process.env.NODE_ENV === 'production'
 | 
			
		||||
      ? config.build.assetsPublicPath
 | 
			
		||||
      : config.dev.assetsPublicPath
 | 
			
		||||
  },
 | 
			
		||||
  resolve: {
 | 
			
		||||
    extensions: ['.js', '.vue', '.json'],
 | 
			
		||||
    alias: {
 | 
			
		||||
      'vue$': 'vue/dist/vue.esm.js',
 | 
			
		||||
      '@': resolve('src'),
 | 
			
		||||
    }
 | 
			
		||||
  },
 | 
			
		||||
  module: {
 | 
			
		||||
    rules: [
 | 
			
		||||
      ...(config.dev.useEslint ? [createLintingRule()] : []),
 | 
			
		||||
      {
 | 
			
		||||
        test: /\.vue$/,
 | 
			
		||||
        loader: 'vue-loader',
 | 
			
		||||
        options: vueLoaderConfig
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        test: /\.js$/,
 | 
			
		||||
        loader: 'babel-loader',
 | 
			
		||||
        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
 | 
			
		||||
        loader: 'url-loader',
 | 
			
		||||
        options: {
 | 
			
		||||
          limit: 10000,
 | 
			
		||||
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
 | 
			
		||||
        }
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
 | 
			
		||||
        loader: 'url-loader',
 | 
			
		||||
        options: {
 | 
			
		||||
          limit: 10000,
 | 
			
		||||
          name: utils.assetsPath('media/[name].[hash:7].[ext]')
 | 
			
		||||
        }
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
 | 
			
		||||
        loader: 'url-loader',
 | 
			
		||||
        options: {
 | 
			
		||||
          limit: 10000,
 | 
			
		||||
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    ]
 | 
			
		||||
  },
 | 
			
		||||
  node: {
 | 
			
		||||
    // prevent webpack from injecting useless setImmediate polyfill because Vue
 | 
			
		||||
    // source contains it (although only uses it if it's native).
 | 
			
		||||
    setImmediate: false,
 | 
			
		||||
    // prevent webpack from injecting mocks to Node native modules
 | 
			
		||||
    // that does not make sense for the client
 | 
			
		||||
    dgram: 'empty',
 | 
			
		||||
    fs: 'empty',
 | 
			
		||||
    net: 'empty',
 | 
			
		||||
    tls: 'empty',
 | 
			
		||||
    child_process: 'empty'
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										95
									
								
								build/webpack.dev.conf.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										95
									
								
								build/webpack.dev.conf.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,95 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
const utils = require('./utils')
 | 
			
		||||
const webpack = require('webpack')
 | 
			
		||||
const config = require('../config')
 | 
			
		||||
const merge = require('webpack-merge')
 | 
			
		||||
const path = require('path')
 | 
			
		||||
const baseWebpackConfig = require('./webpack.base.conf')
 | 
			
		||||
const CopyWebpackPlugin = require('copy-webpack-plugin')
 | 
			
		||||
const HtmlWebpackPlugin = require('html-webpack-plugin')
 | 
			
		||||
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 | 
			
		||||
const portfinder = require('portfinder')
 | 
			
		||||
 | 
			
		||||
const HOST = process.env.HOST
 | 
			
		||||
const PORT = process.env.PORT && Number(process.env.PORT)
 | 
			
		||||
 | 
			
		||||
const devWebpackConfig = merge(baseWebpackConfig, {
 | 
			
		||||
  module: {
 | 
			
		||||
    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
 | 
			
		||||
  },
 | 
			
		||||
  // cheap-module-eval-source-map is faster for development
 | 
			
		||||
  devtool: config.dev.devtool,
 | 
			
		||||
 | 
			
		||||
  // these devServer options should be customized in /config/index.js
 | 
			
		||||
  devServer: {
 | 
			
		||||
    clientLogLevel: 'warning',
 | 
			
		||||
    historyApiFallback: {
 | 
			
		||||
      rewrites: [
 | 
			
		||||
        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
 | 
			
		||||
      ],
 | 
			
		||||
    },
 | 
			
		||||
    hot: true,
 | 
			
		||||
    contentBase: false, // since we use CopyWebpackPlugin.
 | 
			
		||||
    compress: true,
 | 
			
		||||
    host: HOST || config.dev.host,
 | 
			
		||||
    port: PORT || config.dev.port,
 | 
			
		||||
    open: config.dev.autoOpenBrowser,
 | 
			
		||||
    overlay: config.dev.errorOverlay
 | 
			
		||||
      ? { warnings: false, errors: true }
 | 
			
		||||
      : false,
 | 
			
		||||
    publicPath: config.dev.assetsPublicPath,
 | 
			
		||||
    proxy: config.dev.proxyTable,
 | 
			
		||||
    quiet: true, // necessary for FriendlyErrorsPlugin
 | 
			
		||||
    watchOptions: {
 | 
			
		||||
      poll: config.dev.poll,
 | 
			
		||||
    }
 | 
			
		||||
  },
 | 
			
		||||
  plugins: [
 | 
			
		||||
    new webpack.DefinePlugin({
 | 
			
		||||
      'process.env': require('../config/dev.env')
 | 
			
		||||
    }),
 | 
			
		||||
    new webpack.HotModuleReplacementPlugin(),
 | 
			
		||||
    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
 | 
			
		||||
    new webpack.NoEmitOnErrorsPlugin(),
 | 
			
		||||
    // https://github.com/ampedandwired/html-webpack-plugin
 | 
			
		||||
    new HtmlWebpackPlugin({
 | 
			
		||||
      filename: 'index.html',
 | 
			
		||||
      template: 'index.html',
 | 
			
		||||
      inject: true
 | 
			
		||||
    }),
 | 
			
		||||
    // copy custom static assets
 | 
			
		||||
    new CopyWebpackPlugin([
 | 
			
		||||
      {
 | 
			
		||||
        from: path.resolve(__dirname, '../static'),
 | 
			
		||||
        to: config.dev.assetsSubDirectory,
 | 
			
		||||
        ignore: ['.*']
 | 
			
		||||
      }
 | 
			
		||||
    ])
 | 
			
		||||
  ]
 | 
			
		||||
})
 | 
			
		||||
 | 
			
		||||
module.exports = new Promise((resolve, reject) => {
 | 
			
		||||
  portfinder.basePort = process.env.PORT || config.dev.port
 | 
			
		||||
  portfinder.getPort((err, port) => {
 | 
			
		||||
    if (err) {
 | 
			
		||||
      reject(err)
 | 
			
		||||
    } else {
 | 
			
		||||
      // publish the new Port, necessary for e2e tests
 | 
			
		||||
      process.env.PORT = port
 | 
			
		||||
      // add port to devServer config
 | 
			
		||||
      devWebpackConfig.devServer.port = port
 | 
			
		||||
 | 
			
		||||
      // Add FriendlyErrorsPlugin
 | 
			
		||||
      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
 | 
			
		||||
        compilationSuccessInfo: {
 | 
			
		||||
          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
 | 
			
		||||
        },
 | 
			
		||||
        onErrors: config.dev.notifyOnErrors
 | 
			
		||||
        ? utils.createNotifierCallback()
 | 
			
		||||
        : undefined
 | 
			
		||||
      }))
 | 
			
		||||
 | 
			
		||||
      resolve(devWebpackConfig)
 | 
			
		||||
    }
 | 
			
		||||
  })
 | 
			
		||||
})
 | 
			
		||||
							
								
								
									
										145
									
								
								build/webpack.prod.conf.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										145
									
								
								build/webpack.prod.conf.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,145 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
const path = require('path')
 | 
			
		||||
const utils = require('./utils')
 | 
			
		||||
const webpack = require('webpack')
 | 
			
		||||
const config = require('../config')
 | 
			
		||||
const merge = require('webpack-merge')
 | 
			
		||||
const baseWebpackConfig = require('./webpack.base.conf')
 | 
			
		||||
const CopyWebpackPlugin = require('copy-webpack-plugin')
 | 
			
		||||
const HtmlWebpackPlugin = require('html-webpack-plugin')
 | 
			
		||||
const ExtractTextPlugin = require('extract-text-webpack-plugin')
 | 
			
		||||
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
 | 
			
		||||
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 | 
			
		||||
 | 
			
		||||
const env = require('../config/prod.env')
 | 
			
		||||
 | 
			
		||||
const webpackConfig = merge(baseWebpackConfig, {
 | 
			
		||||
  module: {
 | 
			
		||||
    rules: utils.styleLoaders({
 | 
			
		||||
      sourceMap: config.build.productionSourceMap,
 | 
			
		||||
      extract: true,
 | 
			
		||||
      usePostCSS: true
 | 
			
		||||
    })
 | 
			
		||||
  },
 | 
			
		||||
  devtool: config.build.productionSourceMap ? config.build.devtool : false,
 | 
			
		||||
  output: {
 | 
			
		||||
    path: config.build.assetsRoot,
 | 
			
		||||
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
 | 
			
		||||
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
 | 
			
		||||
  },
 | 
			
		||||
  plugins: [
 | 
			
		||||
    // http://vuejs.github.io/vue-loader/en/workflow/production.html
 | 
			
		||||
    new webpack.DefinePlugin({
 | 
			
		||||
      'process.env': env
 | 
			
		||||
    }),
 | 
			
		||||
    new UglifyJsPlugin({
 | 
			
		||||
      uglifyOptions: {
 | 
			
		||||
        compress: {
 | 
			
		||||
          warnings: false
 | 
			
		||||
        }
 | 
			
		||||
      },
 | 
			
		||||
      sourceMap: config.build.productionSourceMap,
 | 
			
		||||
      parallel: true
 | 
			
		||||
    }),
 | 
			
		||||
    // extract css into its own file
 | 
			
		||||
    new ExtractTextPlugin({
 | 
			
		||||
      filename: utils.assetsPath('css/[name].[contenthash].css'),
 | 
			
		||||
      // Setting the following option to `false` will not extract CSS from codesplit chunks.
 | 
			
		||||
      // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
 | 
			
		||||
      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 
 | 
			
		||||
      // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
 | 
			
		||||
      allChunks: true,
 | 
			
		||||
    }),
 | 
			
		||||
    // Compress extracted CSS. We are using this plugin so that possible
 | 
			
		||||
    // duplicated CSS from different components can be deduped.
 | 
			
		||||
    new OptimizeCSSPlugin({
 | 
			
		||||
      cssProcessorOptions: config.build.productionSourceMap
 | 
			
		||||
        ? { safe: true, map: { inline: false } }
 | 
			
		||||
        : { safe: true }
 | 
			
		||||
    }),
 | 
			
		||||
    // generate dist index.html with correct asset hash for caching.
 | 
			
		||||
    // you can customize output by editing /index.html
 | 
			
		||||
    // see https://github.com/ampedandwired/html-webpack-plugin
 | 
			
		||||
    new HtmlWebpackPlugin({
 | 
			
		||||
      filename: config.build.index,
 | 
			
		||||
      template: 'index.html',
 | 
			
		||||
      inject: true,
 | 
			
		||||
      minify: {
 | 
			
		||||
        removeComments: true,
 | 
			
		||||
        collapseWhitespace: true,
 | 
			
		||||
        removeAttributeQuotes: true
 | 
			
		||||
        // more options:
 | 
			
		||||
        // https://github.com/kangax/html-minifier#options-quick-reference
 | 
			
		||||
      },
 | 
			
		||||
      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
 | 
			
		||||
      chunksSortMode: 'dependency'
 | 
			
		||||
    }),
 | 
			
		||||
    // keep module.id stable when vendor modules does not change
 | 
			
		||||
    new webpack.HashedModuleIdsPlugin(),
 | 
			
		||||
    // enable scope hoisting
 | 
			
		||||
    new webpack.optimize.ModuleConcatenationPlugin(),
 | 
			
		||||
    // split vendor js into its own file
 | 
			
		||||
    new webpack.optimize.CommonsChunkPlugin({
 | 
			
		||||
      name: 'vendor',
 | 
			
		||||
      minChunks (module) {
 | 
			
		||||
        // any required modules inside node_modules are extracted to vendor
 | 
			
		||||
        return (
 | 
			
		||||
          module.resource &&
 | 
			
		||||
          /\.js$/.test(module.resource) &&
 | 
			
		||||
          module.resource.indexOf(
 | 
			
		||||
            path.join(__dirname, '../node_modules')
 | 
			
		||||
          ) === 0
 | 
			
		||||
        )
 | 
			
		||||
      }
 | 
			
		||||
    }),
 | 
			
		||||
    // extract webpack runtime and module manifest to its own file in order to
 | 
			
		||||
    // prevent vendor hash from being updated whenever app bundle is updated
 | 
			
		||||
    new webpack.optimize.CommonsChunkPlugin({
 | 
			
		||||
      name: 'manifest',
 | 
			
		||||
      minChunks: Infinity
 | 
			
		||||
    }),
 | 
			
		||||
    // This instance extracts shared chunks from code splitted chunks and bundles them
 | 
			
		||||
    // in a separate chunk, similar to the vendor chunk
 | 
			
		||||
    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
 | 
			
		||||
    new webpack.optimize.CommonsChunkPlugin({
 | 
			
		||||
      name: 'app',
 | 
			
		||||
      async: 'vendor-async',
 | 
			
		||||
      children: true,
 | 
			
		||||
      minChunks: 3
 | 
			
		||||
    }),
 | 
			
		||||
 | 
			
		||||
    // copy custom static assets
 | 
			
		||||
    new CopyWebpackPlugin([
 | 
			
		||||
      {
 | 
			
		||||
        from: path.resolve(__dirname, '../static'),
 | 
			
		||||
        to: config.build.assetsSubDirectory,
 | 
			
		||||
        ignore: ['.*']
 | 
			
		||||
      }
 | 
			
		||||
    ])
 | 
			
		||||
  ]
 | 
			
		||||
})
 | 
			
		||||
 | 
			
		||||
if (config.build.productionGzip) {
 | 
			
		||||
  const CompressionWebpackPlugin = require('compression-webpack-plugin')
 | 
			
		||||
 | 
			
		||||
  webpackConfig.plugins.push(
 | 
			
		||||
    new CompressionWebpackPlugin({
 | 
			
		||||
      asset: '[path].gz[query]',
 | 
			
		||||
      algorithm: 'gzip',
 | 
			
		||||
      test: new RegExp(
 | 
			
		||||
        '\\.(' +
 | 
			
		||||
        config.build.productionGzipExtensions.join('|') +
 | 
			
		||||
        ')$'
 | 
			
		||||
      ),
 | 
			
		||||
      threshold: 10240,
 | 
			
		||||
      minRatio: 0.8
 | 
			
		||||
    })
 | 
			
		||||
  )
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
if (config.build.bundleAnalyzerReport) {
 | 
			
		||||
  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
 | 
			
		||||
  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
module.exports = webpackConfig
 | 
			
		||||
							
								
								
									
										7
									
								
								config/dev.env.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										7
									
								
								config/dev.env.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,7 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
const merge = require('webpack-merge')
 | 
			
		||||
const prodEnv = require('./prod.env')
 | 
			
		||||
 | 
			
		||||
module.exports = merge(prodEnv, {
 | 
			
		||||
  NODE_ENV: '"development"'
 | 
			
		||||
})
 | 
			
		||||
							
								
								
									
										111
									
								
								config/index.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										111
									
								
								config/index.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,111 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
// Template version: 1.3.1
 | 
			
		||||
// see http://vuejs-templates.github.io/webpack for documentation.
 | 
			
		||||
 | 
			
		||||
const path = require('path')
 | 
			
		||||
 | 
			
		||||
module.exports = {
 | 
			
		||||
  dev: {
 | 
			
		||||
 | 
			
		||||
    // Paths
 | 
			
		||||
    assetsSubDirectory: 'static',
 | 
			
		||||
    assetsPublicPath: '/',
 | 
			
		||||
    proxyTable: {
 | 
			
		||||
      // '/wms': {
 | 
			
		||||
      //   target: 'https://xiaobu.zhaobu.wang',
 | 
			
		||||
      //   ws: true,
 | 
			
		||||
      //   changeOrigin: true
 | 
			
		||||
      // }
 | 
			
		||||
      '/api': {
 | 
			
		||||
        // target: 'http://192.168.1.25:8080', // tong wanghao
 | 
			
		||||
        // target: 'http://192.168.1.31:8080',
 | 
			
		||||
        target: 'http://hfxny.mes.picaiba.com',
 | 
			
		||||
        // target: 'http://192.168.1.49:8080', // tong wanghao
 | 
			
		||||
        // target: 'http://192.168.1.67:8080',
 | 
			
		||||
        // target: 'http://192.168.0.165:8080',
 | 
			
		||||
        // target: 'http://192.168.43.105:8080',
 | 
			
		||||
        // target: 'http://127.0.0.1:8080',
 | 
			
		||||
        // target: 'http://192.168.0.70:8080',
 | 
			
		||||
        // target: 'http://192.168.0.199:8080',
 | 
			
		||||
 | 
			
		||||
        ws: true,
 | 
			
		||||
        changeOrigin: true,
 | 
			
		||||
        pathRewrite: {
 | 
			
		||||
          '^/portapi': ''
 | 
			
		||||
        }
 | 
			
		||||
        // 使用了proxy 就需要开启下面的选项 (http-proxy-middleware会将post请求给parse了 所以需要再次进行string化)
 | 
			
		||||
        // onProxyReq: (proxyReq, req, res, options) => {
 | 
			
		||||
        //   if (req.body) {
 | 
			
		||||
        //     const bodyData = JSON.stringify(req.body)
 | 
			
		||||
        //     // incase if content-type is application/x-www-form-urlencoded -> we need to change to application/json
 | 
			
		||||
        //     proxyReq.setHeader('Content-Type', 'application/json')
 | 
			
		||||
        //     proxyReq.setHeader('Content-Length', Buffer.byteLength(bodyData))
 | 
			
		||||
        //     // stream the content
 | 
			
		||||
        //     proxyReq.write(bodyData)
 | 
			
		||||
        //   }
 | 
			
		||||
        // }
 | 
			
		||||
      },
 | 
			
		||||
    },
 | 
			
		||||
 | 
			
		||||
    // Various Dev Server settings
 | 
			
		||||
    host: '0.0.0.0', // can be overwritten by process.env.HOST
 | 
			
		||||
    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
 | 
			
		||||
    autoOpenBrowser: false,
 | 
			
		||||
    errorOverlay: true,
 | 
			
		||||
    notifyOnErrors: true,
 | 
			
		||||
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
 | 
			
		||||
 | 
			
		||||
    // Use Eslint Loader?
 | 
			
		||||
    // If true, your code will be linted during bundling and
 | 
			
		||||
    // linting errors and warnings will be shown in the console.
 | 
			
		||||
    useEslint: true,
 | 
			
		||||
    // If true, eslint errors and warnings will also be shown in the error overlay
 | 
			
		||||
    // in the browser.
 | 
			
		||||
    showEslintErrorsInOverlay: false,
 | 
			
		||||
 | 
			
		||||
    /**
 | 
			
		||||
     * Source Maps
 | 
			
		||||
     */
 | 
			
		||||
 | 
			
		||||
    // https://webpack.js.org/configuration/devtool/#development
 | 
			
		||||
    devtool: 'cheap-module-eval-source-map',
 | 
			
		||||
 | 
			
		||||
    // If you have problems debugging vue-files in devtools,
 | 
			
		||||
    // set this to false - it *may* help
 | 
			
		||||
    // https://vue-loader.vuejs.org/en/options.html#cachebusting
 | 
			
		||||
    cacheBusting: true,
 | 
			
		||||
 | 
			
		||||
    cssSourceMap: true
 | 
			
		||||
  },
 | 
			
		||||
 | 
			
		||||
  build: {
 | 
			
		||||
    // Template for index.html
 | 
			
		||||
    index: path.resolve(__dirname, '../dist/index.html'),
 | 
			
		||||
 | 
			
		||||
    // Paths
 | 
			
		||||
    assetsRoot: path.resolve(__dirname, '../dist'),
 | 
			
		||||
    assetsSubDirectory: 'static',
 | 
			
		||||
    assetsPublicPath: './',
 | 
			
		||||
 | 
			
		||||
    /**
 | 
			
		||||
     * Source Maps
 | 
			
		||||
     */
 | 
			
		||||
 | 
			
		||||
    productionSourceMap: true,
 | 
			
		||||
    // https://webpack.js.org/configuration/devtool/#production
 | 
			
		||||
    devtool: '#source-map',
 | 
			
		||||
 | 
			
		||||
    // Gzip off by default as many popular static hosts such as
 | 
			
		||||
    // Surge or Netlify already gzip all static assets for you.
 | 
			
		||||
    // Before setting to `true`, make sure to:
 | 
			
		||||
    // npm install --save-dev compression-webpack-plugin
 | 
			
		||||
    productionGzip: false,
 | 
			
		||||
    productionGzipExtensions: ['js', 'css'],
 | 
			
		||||
 | 
			
		||||
    // Run the build command with an extra argument to
 | 
			
		||||
    // View the bundle analyzer report after build finishes:
 | 
			
		||||
    // `npm run build --report`
 | 
			
		||||
    // Set to `true` or `false` to always turn it on or off
 | 
			
		||||
    bundleAnalyzerReport: process.env.npm_config_report
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										4
									
								
								config/prod.env.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										4
									
								
								config/prod.env.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,4 @@
 | 
			
		||||
'use strict'
 | 
			
		||||
module.exports = {
 | 
			
		||||
  NODE_ENV: '"production"'
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										12
									
								
								index.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										12
									
								
								index.html
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,12 @@
 | 
			
		||||
<!DOCTYPE html>
 | 
			
		||||
<html>
 | 
			
		||||
  <head>
 | 
			
		||||
    <meta charset="utf-8">
 | 
			
		||||
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
 | 
			
		||||
    <title>webapp</title>
 | 
			
		||||
  </head>
 | 
			
		||||
  <body>
 | 
			
		||||
    <div id="app"></div>
 | 
			
		||||
    <!-- built files will be auto injected -->
 | 
			
		||||
  </body>
 | 
			
		||||
</html>
 | 
			
		||||
							
								
								
									
										13258
									
								
								package-lock.json
									
									
									
										generated
									
									
									
										Normal file
									
								
							
							
						
						
									
										13258
									
								
								package-lock.json
									
									
									
										generated
									
									
									
										Normal file
									
								
							
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							
							
								
								
									
										83
									
								
								package.json
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										83
									
								
								package.json
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,83 @@
 | 
			
		||||
{
 | 
			
		||||
  "name": "webapp",
 | 
			
		||||
  "version": "1.0.0",
 | 
			
		||||
  "description": "A Vue.js project",
 | 
			
		||||
  "author": "protongtz <535262213@qq.com>",
 | 
			
		||||
  "private": true,
 | 
			
		||||
  "scripts": {
 | 
			
		||||
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
 | 
			
		||||
    "start": "npm run dev",
 | 
			
		||||
    "lint": "eslint --ext .js,.vue src",
 | 
			
		||||
    "build": "node build/build.js"
 | 
			
		||||
  },
 | 
			
		||||
  "dependencies": {
 | 
			
		||||
    "axios": "^0.19.0",
 | 
			
		||||
    "css-loader": "^0.28.11",
 | 
			
		||||
    "fastclick": "^1.0.6",
 | 
			
		||||
    "node-sass": "^4.12.0",
 | 
			
		||||
    "qs": "^6.8.0",
 | 
			
		||||
    "sass-loader": "^7.3.1",
 | 
			
		||||
    "vant": "^2.12.48",
 | 
			
		||||
    "vue": "^2.5.2",
 | 
			
		||||
    "vue-router": "^3.0.1",
 | 
			
		||||
    "vuex": "^3.1.1"
 | 
			
		||||
  },
 | 
			
		||||
  "devDependencies": {
 | 
			
		||||
    "autoprefixer": "^7.1.2",
 | 
			
		||||
    "babel-core": "^6.22.1",
 | 
			
		||||
    "babel-eslint": "^8.2.1",
 | 
			
		||||
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
 | 
			
		||||
    "babel-loader": "^7.1.1",
 | 
			
		||||
    "babel-plugin-import": "^1.12.1",
 | 
			
		||||
    "babel-plugin-syntax-jsx": "^6.18.0",
 | 
			
		||||
    "babel-plugin-transform-runtime": "^6.22.0",
 | 
			
		||||
    "babel-plugin-transform-vue-jsx": "^3.5.0",
 | 
			
		||||
    "babel-preset-env": "^1.3.2",
 | 
			
		||||
    "babel-preset-stage-2": "^6.22.0",
 | 
			
		||||
    "chalk": "^2.0.1",
 | 
			
		||||
    "copy-webpack-plugin": "^4.0.1",
 | 
			
		||||
    "css-loader": "^0.28.0",
 | 
			
		||||
    "eslint": "^4.15.0",
 | 
			
		||||
    "eslint-config-standard": "^10.2.1",
 | 
			
		||||
    "eslint-friendly-formatter": "^3.0.0",
 | 
			
		||||
    "eslint-loader": "^1.7.1",
 | 
			
		||||
    "eslint-plugin-import": "^2.7.0",
 | 
			
		||||
    "eslint-plugin-node": "^5.2.0",
 | 
			
		||||
    "eslint-plugin-promise": "^3.4.0",
 | 
			
		||||
    "eslint-plugin-standard": "^3.0.1",
 | 
			
		||||
    "eslint-plugin-vue": "^4.0.0",
 | 
			
		||||
    "extract-text-webpack-plugin": "^3.0.0",
 | 
			
		||||
    "file-loader": "^1.1.4",
 | 
			
		||||
    "friendly-errors-webpack-plugin": "^1.6.1",
 | 
			
		||||
    "html-webpack-plugin": "^2.30.1",
 | 
			
		||||
    "node-notifier": "^5.1.2",
 | 
			
		||||
    "optimize-css-assets-webpack-plugin": "^3.2.0",
 | 
			
		||||
    "ora": "^1.2.0",
 | 
			
		||||
    "portfinder": "^1.0.13",
 | 
			
		||||
    "postcss-import": "^11.0.0",
 | 
			
		||||
    "postcss-loader": "^2.0.8",
 | 
			
		||||
    "postcss-pxtorem": "^4.0.1",
 | 
			
		||||
    "postcss-url": "^7.2.1",
 | 
			
		||||
    "rimraf": "^2.6.0",
 | 
			
		||||
    "semver": "^5.3.0",
 | 
			
		||||
    "shelljs": "^0.7.6",
 | 
			
		||||
    "uglifyjs-webpack-plugin": "^1.1.1",
 | 
			
		||||
    "url-loader": "^0.5.8",
 | 
			
		||||
    "vue-loader": "^13.3.0",
 | 
			
		||||
    "vue-style-loader": "^3.0.1",
 | 
			
		||||
    "vue-template-compiler": "^2.5.2",
 | 
			
		||||
    "webpack": "^3.6.0",
 | 
			
		||||
    "webpack-bundle-analyzer": "^2.9.0",
 | 
			
		||||
    "webpack-dev-server": "^2.9.1",
 | 
			
		||||
    "webpack-merge": "^4.1.0"
 | 
			
		||||
  },
 | 
			
		||||
  "engines": {
 | 
			
		||||
    "node": ">= 6.0.0",
 | 
			
		||||
    "npm": ">= 3.0.0"
 | 
			
		||||
  },
 | 
			
		||||
  "browserslist": [
 | 
			
		||||
    "> 1%",
 | 
			
		||||
    "last 2 versions",
 | 
			
		||||
    "not ie <= 8"
 | 
			
		||||
  ]
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										58
									
								
								src/App.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										58
									
								
								src/App.vue
									
									
									
									
									
										Normal file
									
								
							@@ -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>
 | 
			
		||||
							
								
								
									
										27
									
								
								src/api/eqInspection.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										27
									
								
								src/api/eqInspection.js
									
									
									
									
									
										Normal file
									
								
							@@ -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
 | 
			
		||||
  })
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										18
									
								
								src/api/material.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										18
									
								
								src/api/material.js
									
									
									
									
									
										Normal file
									
								
							@@ -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
 | 
			
		||||
  })
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										14
									
								
								src/api/user.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										14
									
								
								src/api/user.js
									
									
									
									
									
										Normal file
									
								
							@@ -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
 | 
			
		||||
  })
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										42
									
								
								src/assets/css/all.scss
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										42
									
								
								src/assets/css/all.scss
									
									
									
									
									
										Normal file
									
								
							@@ -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;
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										33
									
								
								src/assets/css/iconfont.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										33
									
								
								src/assets/css/iconfont.css
									
									
									
									
									
										Normal file
									
								
							@@ -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";
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										
											BIN
										
									
								
								src/assets/css/iconfont/iconfont.eot
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/assets/css/iconfont/iconfont.eot
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										38
									
								
								src/assets/css/iconfont/iconfont.svg
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										38
									
								
								src/assets/css/iconfont/iconfont.svg
									
									
									
									
									
										Normal file
									
								
							@@ -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="" 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="" 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="" 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="" 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>
 | 
			
		||||
| 
		 After Width: | Height: | Size: 1.9 KiB  | 
							
								
								
									
										
											BIN
										
									
								
								src/assets/css/iconfont/iconfont.ttf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/assets/css/iconfont/iconfont.ttf
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										
											BIN
										
									
								
								src/assets/css/iconfont/iconfont.woff
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/assets/css/iconfont/iconfont.woff
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										
											BIN
										
									
								
								src/assets/css/iconfont/iconfont.woff2
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/assets/css/iconfont/iconfont.woff2
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										25
									
								
								src/assets/css/reset.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										25
									
								
								src/assets/css/reset.css
									
									
									
									
									
										Normal file
									
								
							@@ -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;}
 | 
			
		||||
							
								
								
									
										
											BIN
										
									
								
								src/assets/img/logo.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/assets/img/logo.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 5.9 KiB  | 
							
								
								
									
										15
									
								
								src/assets/js/rem.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										15
									
								
								src/assets/js/rem.js
									
									
									
									
									
										Normal file
									
								
							@@ -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)
 | 
			
		||||
							
								
								
									
										5
									
								
								src/components/index.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										5
									
								
								src/components/index.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,5 @@
 | 
			
		||||
import Vue from 'vue'
 | 
			
		||||
 | 
			
		||||
import waterFall from './waterFall'
 | 
			
		||||
 | 
			
		||||
Vue.component('waterFall', waterFall)
 | 
			
		||||
							
								
								
									
										32
									
								
								src/components/waterFall.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										32
									
								
								src/components/waterFall.vue
									
									
									
									
									
										Normal file
									
								
							@@ -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>
 | 
			
		||||
							
								
								
									
										28
									
								
								src/main.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										28
									
								
								src/main.js
									
									
									
									
									
										Normal file
									
								
							@@ -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/>'
 | 
			
		||||
})
 | 
			
		||||
							
								
								
									
										60
									
								
								src/pages/common/404.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										60
									
								
								src/pages/common/404.vue
									
									
									
									
									
										Normal file
									
								
							@@ -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>
 | 
			
		||||
							
								
								
									
										140
									
								
								src/pages/common/login.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										140
									
								
								src/pages/common/login.vue
									
									
									
									
									
										Normal file
									
								
							@@ -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>
 | 
			
		||||
							
								
								
									
										171
									
								
								src/pages/eqInspection/cols.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										171
									
								
								src/pages/eqInspection/cols.js
									
									
									
									
									
										Normal file
									
								
							@@ -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
 | 
			
		||||
							
								
								
									
										165
									
								
								src/pages/eqInspection/eqInspection.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										165
									
								
								src/pages/eqInspection/eqInspection.vue
									
									
									
									
									
										Normal file
									
								
							@@ -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>
 | 
			
		||||
							
								
								
									
										110
									
								
								src/pages/index/index.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										110
									
								
								src/pages/index/index.vue
									
									
									
									
									
										Normal file
									
								
							@@ -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>
 | 
			
		||||
							
								
								
									
										171
									
								
								src/pages/material/cols.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										171
									
								
								src/pages/material/cols.js
									
									
									
									
									
										Normal file
									
								
							@@ -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
 | 
			
		||||
							
								
								
									
										138
									
								
								src/pages/material/material.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										138
									
								
								src/pages/material/material.vue
									
									
									
									
									
										Normal file
									
								
							@@ -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>
 | 
			
		||||
							
								
								
									
										81
									
								
								src/router/index.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										81
									
								
								src/router/index.js
									
									
									
									
									
										Normal file
									
								
							@@ -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
 | 
			
		||||
							
								
								
									
										21
									
								
								src/store/index.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										21
									
								
								src/store/index.js
									
									
									
									
									
										Normal file
									
								
							@@ -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'
 | 
			
		||||
})
 | 
			
		||||
							
								
								
									
										11
									
								
								src/store/modules/user.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										11
									
								
								src/store/modules/user.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,11 @@
 | 
			
		||||
export default {
 | 
			
		||||
  namespaced: true,
 | 
			
		||||
  state: {
 | 
			
		||||
    userInfo: null
 | 
			
		||||
  },
 | 
			
		||||
  mutations: {
 | 
			
		||||
    updateUserInfo (state, userInfo) {
 | 
			
		||||
      state.userInfo = userInfo
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										81
									
								
								src/util/request.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										81
									
								
								src/util/request.js
									
									
									
									
									
										Normal file
									
								
							@@ -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
 | 
			
		||||
							
								
								
									
										0
									
								
								static/.gitkeep
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										0
									
								
								static/.gitkeep
									
									
									
									
									
										Normal file
									
								
							
		Reference in New Issue
	
	Block a user