├── .babelrc
├── .electron-vue
    ├── build.js
    ├── dev-client.js
    ├── dev-runner.js
    ├── webpack.main.config.js
    ├── webpack.renderer.config.js
    └── webpack.web.config.js
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .travis.yml
├── README.md
├── appveyor.yml
├── build
    └── icons
    │   └── icon.png
├── package-lock.json
├── package.json
├── src
    ├── index.ejs
    ├── main
    │   ├── index.dev.js
    │   └── index.js
    └── renderer
    │   ├── App.vue
    │   ├── assets
    │       └── less
    │       │   ├── common.less
    │       │   └── global.less
    │   ├── components
    │       ├── Aside.vue
    │       └── Header.vue
    │   ├── main.js
    │   ├── menu.js
    │   ├── pages
    │       ├── Home.vue
    │       └── menu
    │       │   ├── DetailList.vue
    │       │   └── Goods.vue
    │   ├── route.js
    │   ├── store
    │       ├── index.js
    │       └── modules
    │       │   └── index.js
    │   └── utils
    │       ├── axios.js
    │       ├── db.js
    │       ├── download.js
    │       ├── logger.js
    │       ├── settings.js
    │       ├── upgrade.js
    │       └── util.js
├── static
    └── .gitkeep
└── verify_commit_msg.js


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "comments": false,
 3 |   "env": {
 4 |     "main": {
 5 |       "presets": [
 6 |         ["env", {
 7 |           "targets": { "node": 7 }
 8 |         }],
 9 |         "stage-0"
10 |       ]
11 |     },
12 |     "renderer": {
13 |       "presets": [
14 |         ["env", {
15 |           "modules": false
16 |         }],
17 |         "stage-0"
18 |       ]
19 |     },
20 |     "web": {
21 |       "presets": [
22 |         ["env", {
23 |           "modules": false
24 |         }],
25 |         "stage-0"
26 |       ]
27 |     }
28 |   },
29 |   "plugins": ["transform-runtime"]
30 | }
31 | 


--------------------------------------------------------------------------------
/.electron-vue/build.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | process.env.NODE_ENV = 'production'
  4 | 
  5 | const { say } = require('cfonts')
  6 | const chalk = require('chalk')
  7 | const del = require('del')
  8 | const { spawn } = require('child_process')
  9 | const webpack = require('webpack')
 10 | const Multispinner = require('multispinner')
 11 | 
 12 | 
 13 | const mainConfig = require('./webpack.main.config')
 14 | const rendererConfig = require('./webpack.renderer.config')
 15 | const webConfig = require('./webpack.web.config')
 16 | 
 17 | const doneLog = chalk.bgGreen.white(' DONE ') + ' '
 18 | const errorLog = chalk.bgRed.white(' ERROR ') + ' '
 19 | const okayLog = chalk.bgBlue.white(' OKAY ') + ' '
 20 | const isCI = process.env.CI || false
 21 | 
 22 | if (process.env.BUILD_TARGET === 'clean') clean()
 23 | else if (process.env.BUILD_TARGET === 'web') web()
 24 | else build()
 25 | 
 26 | function clean () {
 27 |   del.sync(['build/*', '!build/icons', '!build/icons/icon.*'])
 28 |   console.log(`\n${doneLog}\n`)
 29 |   process.exit()
 30 | }
 31 | 
 32 | function build () {
 33 |   greeting()
 34 | 
 35 |   del.sync(['dist/electron/*', '!.gitkeep'])
 36 | 
 37 |   const tasks = ['main', 'renderer']
 38 |   const m = new Multispinner(tasks, {
 39 |     preText: 'building',
 40 |     postText: 'process'
 41 |   })
 42 | 
 43 |   let results = ''
 44 | 
 45 |   m.on('success', () => {
 46 |     process.stdout.write('\x1B[2J\x1B[0f')
 47 |     console.log(`\n\n${results}`)
 48 |     console.log(`${okayLog}take it away ${chalk.yellow('`electron-builder`')}\n`)
 49 |     process.exit()
 50 |   })
 51 | 
 52 |   pack(mainConfig).then(result => {
 53 |     results += result + '\n\n'
 54 |     m.success('main')
 55 |   }).catch(err => {
 56 |     m.error('main')
 57 |     console.log(`\n  ${errorLog}failed to build main process`)
 58 |     console.error(`\n${err}\n`)
 59 |     process.exit(1)
 60 |   })
 61 | 
 62 |   pack(rendererConfig).then(result => {
 63 |     results += result + '\n\n'
 64 |     m.success('renderer')
 65 |   }).catch(err => {
 66 |     m.error('renderer')
 67 |     console.log(`\n  ${errorLog}failed to build renderer process`)
 68 |     console.error(`\n${err}\n`)
 69 |     process.exit(1)
 70 |   })
 71 | }
 72 | 
 73 | function pack (config) {
 74 |   return new Promise((resolve, reject) => {
 75 |     webpack(config, (err, stats) => {
 76 |       if (err) reject(err.stack || err)
 77 |       else if (stats.hasErrors()) {
 78 |         let err = ''
 79 | 
 80 |         stats.toString({
 81 |           chunks: false,
 82 |           colors: true
 83 |         })
 84 |         .split(/\r?\n/)
 85 |         .forEach(line => {
 86 |           err += `    ${line}\n`
 87 |         })
 88 | 
 89 |         reject(err)
 90 |       } else {
 91 |         resolve(stats.toString({
 92 |           chunks: false,
 93 |           colors: true
 94 |         }))
 95 |       }
 96 |     })
 97 |   })
 98 | }
 99 | 
100 | function web () {
101 |   del.sync(['dist/web/*', '!.gitkeep'])
102 |   webpack(webConfig, (err, stats) => {
103 |     if (err || stats.hasErrors()) console.log(err)
104 | 
105 |     console.log(stats.toString({
106 |       chunks: false,
107 |       colors: true
108 |     }))
109 | 
110 |     process.exit()
111 |   })
112 | }
113 | 
114 | function greeting () {
115 |   const cols = process.stdout.columns
116 |   let text = ''
117 | 
118 |   if (cols > 85) text = 'lets-build'
119 |   else if (cols > 60) text = 'lets-|build'
120 |   else text = false
121 | 
122 |   if (text && !isCI) {
123 |     say(text, {
124 |       colors: ['yellow'],
125 |       font: 'simple3d',
126 |       space: false
127 |     })
128 |   } else console.log(chalk.yellow.bold('\n  lets-build'))
129 |   console.log()
130 | }
131 | 


--------------------------------------------------------------------------------
/.electron-vue/dev-client.js:
--------------------------------------------------------------------------------
 1 | const hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true')
 2 | 
 3 | hotClient.subscribe(event => {
 4 |   /**
 5 |    * Reload browser when HTMLWebpackPlugin emits a new index.html
 6 |    *
 7 |    * Currently disabled until jantimon/html-webpack-plugin#680 is resolved.
 8 |    * https://github.com/SimulatedGREG/electron-vue/issues/437
 9 |    * https://github.com/jantimon/html-webpack-plugin/issues/680
10 |    */
11 |   // if (event.action === 'reload') {
12 |   //   window.location.reload()
13 |   // }
14 | 
15 |   /**
16 |    * Notify `mainWindow` when `main` process is compiling,
17 |    * giving notice for an expected reload of the `electron` process
18 |    */
19 |   if (event.action === 'compiling') {
20 |     document.body.innerHTML += `
21 |       <style>
22 |         #dev-client {
23 |           background: #4fc08d;
24 |           border-radius: 4px;
25 |           bottom: 20px;
26 |           box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
27 |           color: #fff;
28 |           font-family: 'Source Sans Pro', sans-serif;
29 |           left: 20px;
30 |           padding: 8px 12px;
31 |           position: absolute;
32 |         }
33 |       </style>
34 | 
35 |       <div id="dev-client">
36 |         Compiling Main Process...
37 |       </div>
38 |     `
39 |   }
40 | })
41 | 


--------------------------------------------------------------------------------
/.electron-vue/dev-runner.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | const chalk = require('chalk')
  4 | const electron = require('electron')
  5 | const path = require('path')
  6 | const { say } = require('cfonts')
  7 | const { spawn } = require('child_process')
  8 | const webpack = require('webpack')
  9 | const WebpackDevServer = require('webpack-dev-server')
 10 | const webpackHotMiddleware = require('webpack-hot-middleware')
 11 | 
 12 | const mainConfig = require('./webpack.main.config')
 13 | const rendererConfig = require('./webpack.renderer.config')
 14 | 
 15 | let electronProcess = null
 16 | let manualRestart = false
 17 | let hotMiddleware
 18 | 
 19 | function logStats (proc, data) {
 20 |   let log = ''
 21 | 
 22 |   log += chalk.yellow.bold(`┏ ${proc} Process ${new Array((19 - proc.length) + 1).join('-')}`)
 23 |   log += '\n\n'
 24 | 
 25 |   if (typeof data === 'object') {
 26 |     data.toString({
 27 |       colors: true,
 28 |       chunks: false
 29 |     }).split(/\r?\n/).forEach(line => {
 30 |       log += '  ' + line + '\n'
 31 |     })
 32 |   } else {
 33 |     log += `  ${data}\n`
 34 |   }
 35 | 
 36 |   log += '\n' + chalk.yellow.bold(`┗ ${new Array(28 + 1).join('-')}`) + '\n'
 37 | 
 38 |   console.log(log)
 39 | }
 40 | 
 41 | function startRenderer () {
 42 |   return new Promise((resolve, reject) => {
 43 |     rendererConfig.entry.renderer = [path.join(__dirname, 'dev-client')].concat(rendererConfig.entry.renderer)
 44 | 
 45 |     const compiler = webpack(rendererConfig)
 46 |     hotMiddleware = webpackHotMiddleware(compiler, { 
 47 |       log: false, 
 48 |       heartbeat: 2500 
 49 |     })
 50 | 
 51 |     compiler.plugin('compilation', compilation => {
 52 |       compilation.plugin('html-webpack-plugin-after-emit', (data, cb) => {
 53 |         hotMiddleware.publish({ action: 'reload' })
 54 |         cb()
 55 |       })
 56 |     })
 57 | 
 58 |     compiler.plugin('done', stats => {
 59 |       logStats('Renderer', stats)
 60 |     })
 61 | 
 62 |     const server = new WebpackDevServer(
 63 |       compiler,
 64 |       {
 65 |         contentBase: path.join(__dirname, '../'),
 66 |         quiet: true,
 67 |         before (app, ctx) {
 68 |           app.use(hotMiddleware)
 69 |           ctx.middleware.waitUntilValid(() => {
 70 |             resolve()
 71 |           })
 72 |         }
 73 |       }
 74 |     )
 75 | 
 76 |     server.listen(9080)
 77 |   })
 78 | }
 79 | 
 80 | function startMain () {
 81 |   return new Promise((resolve, reject) => {
 82 |     mainConfig.entry.main = [path.join(__dirname, '../src/main/index.dev.js')].concat(mainConfig.entry.main)
 83 | 
 84 |     const compiler = webpack(mainConfig)
 85 | 
 86 |     compiler.plugin('watch-run', (compilation, done) => {
 87 |       logStats('Main', chalk.white.bold('compiling...'))
 88 |       hotMiddleware.publish({ action: 'compiling' })
 89 |       done()
 90 |     })
 91 | 
 92 |     compiler.watch({}, (err, stats) => {
 93 |       if (err) {
 94 |         console.log(err)
 95 |         return
 96 |       }
 97 | 
 98 |       logStats('Main', stats)
 99 | 
100 |       if (electronProcess && electronProcess.kill) {
101 |         manualRestart = true
102 |         process.kill(electronProcess.pid)
103 |         electronProcess = null
104 |         startElectron()
105 | 
106 |         setTimeout(() => {
107 |           manualRestart = false
108 |         }, 5000)
109 |       }
110 | 
111 |       resolve()
112 |     })
113 |   })
114 | }
115 | 
116 | function startElectron () {
117 |   electronProcess = spawn(electron, ['--inspect=5858', '.'])
118 | 
119 |   electronProcess.stdout.on('data', data => {
120 |     electronLog(data, 'blue')
121 |   })
122 |   electronProcess.stderr.on('data', data => {
123 |     electronLog(data, 'red')
124 |   })
125 | 
126 |   electronProcess.on('close', () => {
127 |     if (!manualRestart) process.exit()
128 |   })
129 | }
130 | 
131 | function electronLog (data, color) {
132 |   let log = ''
133 |   data = data.toString().split(/\r?\n/)
134 |   data.forEach(line => {
135 |     log += `  ${line}\n`
136 |   })
137 |   if (/[0-9A-z]+/.test(log)) {
138 |     console.log(
139 |       chalk[color].bold('┏ Electron -------------------') +
140 |       '\n\n' +
141 |       log +
142 |       chalk[color].bold('┗ ----------------------------') +
143 |       '\n'
144 |     )
145 |   }
146 | }
147 | 
148 | function greeting () {
149 |   const cols = process.stdout.columns
150 |   let text = ''
151 | 
152 |   if (cols > 104) text = 'electron-vue'
153 |   else if (cols > 76) text = 'electron-|vue'
154 |   else text = false
155 | 
156 |   if (text) {
157 |     say(text, {
158 |       colors: ['yellow'],
159 |       font: 'simple3d',
160 |       space: false
161 |     })
162 |   } else console.log(chalk.yellow.bold('\n  electron-vue'))
163 |   console.log(chalk.blue('  getting ready...') + '\n')
164 | }
165 | 
166 | function init () {
167 |   greeting()
168 | 
169 |   Promise.all([startRenderer(), startMain()])
170 |     .then(() => {
171 |       startElectron()
172 |     })
173 |     .catch(err => {
174 |       console.error(err)
175 |     })
176 | }
177 | 
178 | init()
179 | 


--------------------------------------------------------------------------------
/.electron-vue/webpack.main.config.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | 
 3 | process.env.BABEL_ENV = 'main'
 4 | 
 5 | const path = require('path')
 6 | const { dependencies } = require('../package.json')
 7 | const webpack = require('webpack')
 8 | 
 9 | const BabiliWebpackPlugin = require('babili-webpack-plugin')
10 | 
11 | let mainConfig = {
12 |   entry: {
13 |     main: path.join(__dirname, '../src/main/index.js')
14 |   },
15 |   externals: [
16 |     ...Object.keys(dependencies || {})
17 |   ],
18 |   module: {
19 |     rules: [
20 |       {
21 |         test: /\.(js)$/,
22 |         enforce: 'pre',
23 |         exclude: /node_modules/,
24 |         use: {
25 |           loader: 'eslint-loader',
26 |           options: {
27 |             formatter: require('eslint-friendly-formatter')
28 |           }
29 |         }
30 |       },
31 |       {
32 |         test: /\.js$/,
33 |         use: 'babel-loader',
34 |         exclude: /node_modules/
35 |       },
36 |       {
37 |         test: /\.node$/,
38 |         use: 'node-loader'
39 |       }
40 |     ]
41 |   },
42 |   node: {
43 |     __dirname: process.env.NODE_ENV !== 'production',
44 |     __filename: process.env.NODE_ENV !== 'production'
45 |   },
46 |   output: {
47 |     filename: '[name].js',
48 |     libraryTarget: 'commonjs2',
49 |     path: path.join(__dirname, '../dist/electron')
50 |   },
51 |   plugins: [
52 |     new webpack.NoEmitOnErrorsPlugin()
53 |   ],
54 |   resolve: {
55 |     extensions: ['.js', '.json', '.node']
56 |   },
57 |   target: 'electron-main'
58 | }
59 | 
60 | /**
61 |  * Adjust mainConfig for development settings
62 |  */
63 | if (process.env.NODE_ENV !== 'production') {
64 |   mainConfig.plugins.push(
65 |     new webpack.DefinePlugin({
66 |       '__static': `"${path.join(__dirname, '../static').replace(/\\/g, '\\\\')}"`
67 |     })
68 |   )
69 | }
70 | 
71 | /**
72 |  * Adjust mainConfig for production settings
73 |  */
74 | if (process.env.NODE_ENV === 'production') {
75 |   mainConfig.plugins.push(
76 |     new BabiliWebpackPlugin(),
77 |     new webpack.DefinePlugin({
78 |       'process.env.NODE_ENV': '"production"'
79 |     })
80 |   )
81 | }
82 | 
83 | module.exports = mainConfig
84 | 


--------------------------------------------------------------------------------
/.electron-vue/webpack.renderer.config.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | process.env.BABEL_ENV = 'renderer'
  4 | 
  5 | const path = require('path')
  6 | const { dependencies } = require('../package.json')
  7 | const webpack = require('webpack')
  8 | 
  9 | const BabiliWebpackPlugin = require('babili-webpack-plugin')
 10 | const CopyWebpackPlugin = require('copy-webpack-plugin')
 11 | const ExtractTextPlugin = require('extract-text-webpack-plugin')
 12 | const HtmlWebpackPlugin = require('html-webpack-plugin')
 13 | 
 14 | /**
 15 |  * List of node_modules to include in webpack bundle
 16 |  *
 17 |  * Required for specific packages like Vue UI libraries
 18 |  * that provide pure *.vue files that need compiling
 19 |  * https://simulatedgreg.gitbooks.io/electron-vue/content/en/webpack-configurations.html#white-listing-externals
 20 |  */
 21 | let whiteListedModules = ['vue']
 22 | 
 23 | let rendererConfig = {
 24 |   devtool: '#cheap-module-eval-source-map',
 25 |   entry: {
 26 |     renderer: path.join(__dirname, '../src/renderer/main.js')
 27 |   },
 28 |   externals: [
 29 |     ...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d))
 30 |   ],
 31 |   module: {
 32 |     rules: [
 33 |       {
 34 |         test: /\.(js|vue)$/,
 35 |         enforce: 'pre',
 36 |         exclude: /node_modules/,
 37 |         use: {
 38 |           loader: 'eslint-loader',
 39 |           options: {
 40 |             formatter: require('eslint-friendly-formatter')
 41 |           }
 42 |         }
 43 |       },
 44 |       {
 45 |         test: /\.css$/,
 46 |         use: ExtractTextPlugin.extract({
 47 |           fallback: 'style-loader',
 48 |           use: 'css-loader'
 49 |         })
 50 |       },
 51 |       {
 52 |         test: /\.less/,
 53 |         use: ExtractTextPlugin.extract({
 54 |           fallback: 'style-loader',
 55 |           use: 'css-loader!less-loader'
 56 |         })
 57 |       },
 58 |       {
 59 |         test: /\.html$/,
 60 |         use: 'vue-html-loader'
 61 |       },
 62 |       {
 63 |         test: /\.js$/,
 64 |         use: 'babel-loader',
 65 |         exclude: /node_modules/
 66 |       },
 67 |       {
 68 |         test: /\.node$/,
 69 |         use: 'node-loader'
 70 |       },
 71 |       {
 72 |         test: /\.vue$/,
 73 |         use: {
 74 |           loader: 'vue-loader',
 75 |           options: {
 76 |             extractCSS: process.env.NODE_ENV === 'production',
 77 |             loaders: {
 78 |               sass: 'vue-style-loader!css-loader!less-loader?indentedSyntax=1',
 79 |               scss: 'vue-style-loader!css-loader!less-loader'
 80 |             }
 81 |           }
 82 |         }
 83 |       },
 84 |       {
 85 |         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
 86 |         use: {
 87 |           loader: 'url-loader',
 88 |           query: {
 89 |             limit: 10000,
 90 |             name: 'imgs/[name]--[folder].[ext]'
 91 |           }
 92 |         }
 93 |       },
 94 |       {
 95 |         test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
 96 |         loader: 'url-loader',
 97 |         options: {
 98 |           limit: 10000,
 99 |           name: 'media/[name]--[folder].[ext]'
100 |         }
101 |       },
102 |       {
103 |         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
104 |         use: {
105 |           loader: 'url-loader',
106 |           query: {
107 |             limit: 10000,
108 |             name: 'fonts/[name]--[folder].[ext]'
109 |           }
110 |         }
111 |       }
112 |     ]
113 |   },
114 |   node: {
115 |     __dirname: process.env.NODE_ENV !== 'production',
116 |     __filename: process.env.NODE_ENV !== 'production'
117 |   },
118 |   plugins: [
119 |     new ExtractTextPlugin('styles.css'),
120 |     new HtmlWebpackPlugin({
121 |       filename: 'index.html',
122 |       template: path.resolve(__dirname, '../src/index.ejs'),
123 |       minify: {
124 |         collapseWhitespace: true,
125 |         removeAttributeQuotes: true,
126 |         removeComments: true
127 |       },
128 |       nodeModules: process.env.NODE_ENV !== 'production'
129 |         ? path.resolve(__dirname, '../node_modules')
130 |         : false
131 |     }),
132 |     new webpack.HotModuleReplacementPlugin(),
133 |     new webpack.NoEmitOnErrorsPlugin()
134 |   ],
135 |   output: {
136 |     filename: '[name].js',
137 |     libraryTarget: 'commonjs2',
138 |     path: path.join(__dirname, '../dist/electron')
139 |   },
140 |   resolve: {
141 |     alias: {
142 |       '@': path.join(__dirname, '../src/renderer'),
143 |       'vue$': 'vue/dist/vue.esm.js'
144 |     },
145 |     extensions: ['.js', '.vue', '.json', '.css', '.node']
146 |   },
147 |   target: 'electron-renderer'
148 | }
149 | 
150 | /**
151 |  * Adjust rendererConfig for development settings
152 |  */
153 | if (process.env.NODE_ENV !== 'production') {
154 |   rendererConfig.plugins.push(
155 |     new webpack.DefinePlugin({
156 |       '__static': `"${path.join(__dirname, '../static').replace(/\\/g, '\\\\')}"`
157 |     })
158 |   )
159 | }
160 | 
161 | /**
162 |  * Adjust rendererConfig for production settings
163 |  */
164 | if (process.env.NODE_ENV === 'production') {
165 |   rendererConfig.devtool = ''
166 | 
167 |   rendererConfig.plugins.push(
168 |     new BabiliWebpackPlugin(),
169 |     new CopyWebpackPlugin([
170 |       {
171 |         from: path.join(__dirname, '../static'),
172 |         to: path.join(__dirname, '../dist/electron/static'),
173 |         ignore: ['.*']
174 |       }
175 |     ]),
176 |     new webpack.DefinePlugin({
177 |       'process.env.NODE_ENV': '"production"'
178 |     }),
179 |     new webpack.LoaderOptionsPlugin({
180 |       minimize: true
181 |     })
182 |   )
183 | }
184 | 
185 | module.exports = rendererConfig
186 | 


--------------------------------------------------------------------------------
/.electron-vue/webpack.web.config.js:
--------------------------------------------------------------------------------
  1 | 'use strict'
  2 | 
  3 | process.env.BABEL_ENV = 'web'
  4 | 
  5 | const path = require('path')
  6 | const webpack = require('webpack')
  7 | 
  8 | const BabiliWebpackPlugin = require('babili-webpack-plugin')
  9 | const CopyWebpackPlugin = require('copy-webpack-plugin')
 10 | const ExtractTextPlugin = require('extract-text-webpack-plugin')
 11 | const HtmlWebpackPlugin = require('html-webpack-plugin')
 12 | 
 13 | let webConfig = {
 14 |   devtool: '#cheap-module-eval-source-map',
 15 |   entry: {
 16 |     web: path.join(__dirname, '../src/renderer/main.js')
 17 |   },
 18 |   module: {
 19 |     rules: [
 20 |       {
 21 |         test: /\.(js|vue)$/,
 22 |         enforce: 'pre',
 23 |         exclude: /node_modules/,
 24 |         use: {
 25 |           loader: 'eslint-loader',
 26 |           options: {
 27 |             formatter: require('eslint-friendly-formatter')
 28 |           }
 29 |         }
 30 |       },
 31 |       {
 32 |         test: /\.css$/,
 33 |         use: ExtractTextPlugin.extract({
 34 |           fallback: 'style-loader',
 35 |           use: 'css-loader'
 36 |         })
 37 |       },
 38 |       {
 39 |         test: /\.less/,
 40 |         use: ExtractTextPlugin.extract({
 41 |           fallback: 'style-loader',
 42 |           use: 'css-loader!less-loader'
 43 |         })
 44 |       },
 45 |       {
 46 |         test: /\.html$/,
 47 |         use: 'vue-html-loader'
 48 |       },
 49 |       {
 50 |         test: /\.js$/,
 51 |         use: 'babel-loader',
 52 |         include: [ path.resolve(__dirname, '../src/renderer') ],
 53 |         exclude: /node_modules/
 54 |       },
 55 |       {
 56 |         test: /\.vue$/,
 57 |         use: {
 58 |           loader: 'vue-loader',
 59 |           options: {
 60 |             extractCSS: true,
 61 |             loaders: {
 62 |               sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1',
 63 |               scss: 'vue-style-loader!css-loader!sass-loader'
 64 |             }
 65 |           }
 66 |         }
 67 |       },
 68 |       {
 69 |         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
 70 |         use: {
 71 |           loader: 'url-loader',
 72 |           query: {
 73 |             limit: 10000,
 74 |             name: 'imgs/[name].[ext]'
 75 |           }
 76 |         }
 77 |       },
 78 |       {
 79 |         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
 80 |         use: {
 81 |           loader: 'url-loader',
 82 |           query: {
 83 |             limit: 10000,
 84 |             name: 'fonts/[name].[ext]'
 85 |           }
 86 |         }
 87 |       }
 88 |     ]
 89 |   },
 90 |   plugins: [
 91 |     new ExtractTextPlugin('styles.css'),
 92 |     new HtmlWebpackPlugin({
 93 |       filename: 'index.html',
 94 |       template: path.resolve(__dirname, '../src/index.ejs'),
 95 |       minify: {
 96 |         collapseWhitespace: true,
 97 |         removeAttributeQuotes: true,
 98 |         removeComments: true
 99 |       },
100 |       nodeModules: false
101 |     }),
102 |     new webpack.DefinePlugin({
103 |       'process.env.IS_WEB': 'true'
104 |     }),
105 |     new webpack.HotModuleReplacementPlugin(),
106 |     new webpack.NoEmitOnErrorsPlugin()
107 |   ],
108 |   output: {
109 |     filename: '[name].js',
110 |     path: path.join(__dirname, '../dist/web')
111 |   },
112 |   resolve: {
113 |     alias: {
114 |       '@': path.join(__dirname, '../src/renderer'),
115 |       'vue$': 'vue/dist/vue.esm.js'
116 |     },
117 |     extensions: ['.js', '.vue', '.json', '.css']
118 |   },
119 |   target: 'web'
120 | }
121 | 
122 | /**
123 |  * Adjust webConfig for production settings
124 |  */
125 | if (process.env.NODE_ENV === 'production') {
126 |   webConfig.devtool = ''
127 | 
128 |   webConfig.plugins.push(
129 |     new BabiliWebpackPlugin(),
130 |     new CopyWebpackPlugin([
131 |       {
132 |         from: path.join(__dirname, '../static'),
133 |         to: path.join(__dirname, '../dist/web/static'),
134 |         ignore: ['.*']
135 |       }
136 |     ]),
137 |     new webpack.DefinePlugin({
138 |       'process.env.NODE_ENV': '"production"'
139 |     }),
140 |     new webpack.LoaderOptionsPlugin({
141 |       minimize: true
142 |     })
143 |   )
144 | }
145 | 
146 | module.exports = webConfig
147 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | dist/*
2 | build/*
3 | static/*
4 | node_modules/*


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   parserOptions: {
 4 |     parser: 'babel-eslint',
 5 |     ecmaVersion: 6,
 6 |     sourceType: 'module',
 7 |     ecmaFeatures: { 'experimentalObjectRestSpread': true, 'modules': true }
 8 |   },
 9 |   env: {
10 |     browser: true,
11 |     node: true,
12 |   },
13 |   extends: [ 'plugin:vue/essential', 'eslint-config-egg' ],
14 |   plugins: [
15 |     'vue'
16 |   ],
17 |   rules: {
18 |     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
19 |     "vue/no-parsing-error": [ 2, { "x-invalid-end-tag": false } ],
20 |     "linebreak-style": "off",
21 |   },
22 | };
23 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | dist/electron/*
 3 | dist/web/*
 4 | build/*
 5 | !build/icons
 6 | node_modules/
 7 | npm-debug.log
 8 | npm-debug.log.*
 9 | thumbs.db
10 | !.gitkeep
11 | .idea/*
12 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | osx_image: xcode8.3
 2 | sudo: required
 3 | dist: trusty
 4 | language: c
 5 | matrix:
 6 |   include:
 7 |   - os: osx
 8 |   - os: linux
 9 |     env: CC=clang CXX=clang++ npm_config_clang=1
10 |     compiler: clang
11 | cache:
12 |   directories:
13 |   - node_modules
14 |   - "$HOME/.electron"
15 |   - "$HOME/.cache"
16 | addons:
17 |   apt:
18 |     packages:
19 |     - libgnome-keyring-dev
20 |     - icnsutils
21 | before_install:
22 | - mkdir -p /tmp/git-lfs && curl -L https://github.com/github/git-lfs/releases/download/v1.2.1/git-lfs-$([
23 |   "$TRAVIS_OS_NAME" == "linux" ] && echo "linux" || echo "darwin")-amd64-1.2.1.tar.gz
24 |   | tar -xz -C /tmp/git-lfs --strip-components 1 && /tmp/git-lfs/git-lfs pull
25 | - if [[ "$TRAVIS_OS_NAME" == "linux" ]]; then sudo apt-get install --no-install-recommends -y icnsutils graphicsmagick xz-utils; fi
26 | install:
27 | - nvm install 7
28 | - curl -o- -L https://yarnpkg.com/install.sh | bash
29 | - source ~/.bashrc
30 | - npm install -g xvfb-maybe
31 | - yarn
32 | script:
33 | - yarn run build
34 | branches:
35 |   only:
36 |   - master
37 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # easy-invoices
 2 | 
 3 | > An electron-vue sqlite3 project
 4 | 
 5 | #### Build Setup
 6 | 
 7 | ``` bash
 8 | # 安装依赖
 9 | npm install
10 | 
11 | # 本地开发
12 | npm run dev
13 | 
14 | # 本地打包（安装程序）
15 | npm run build
16 | 
17 | # 本地打包（直接目录）
18 | npm run build:dir
19 | 
20 | ```
21 | 
22 | ---
23 | 


--------------------------------------------------------------------------------
/appveyor.yml:
--------------------------------------------------------------------------------
 1 | version: 0.0.{build}
 2 | 
 3 | branches:
 4 |   only:
 5 |     - master
 6 | 
 7 | image: Visual Studio 2017
 8 | platform:
 9 |   - x64
10 | 
11 | cache:
12 |   - node_modules
13 |   - '%APPDATA%\npm-cache'
14 |   - '%USERPROFILE%\.electron'
15 |   - '%USERPROFILE%\AppData\Local\Yarn\cache'
16 | 
17 | init:
18 |   - git config --global core.autocrlf input
19 | 
20 | install:
21 |   - ps: Install-Product node 8 x64
22 |   - yarn
23 | 
24 | build_script:
25 |   - yarn build:ci
26 | 
27 | test: off
28 | 


--------------------------------------------------------------------------------
/build/icons/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CaanDoll/easy-invoices/8e7f686935ed4639ea015a00b9a0814ab0965984/build/icons/icon.png


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "easy-invoices",
  3 |   "version": "1.0.1",
  4 |   "author": "caandoll <caandoll@aliyun.com>",
  5 |   "description": "Easy invoicing system stand-alone desktop version,An electron-vue sqlite3 project",
  6 |   "license": "MIT",
  7 |   "main": "./dist/electron/main.js",
  8 |   "repository": {
  9 |     "type": "git",
 10 |     "url": "https://github.com/CaanDoll/easy-invoices.git"
 11 |   },
 12 |   "keywords": [
 13 |     "electron",
 14 |     "electron-vue",
 15 |     "sqlite3"
 16 |   ],
 17 |   "scripts": {
 18 |     "build": "node .electron-vue/build.js && electron-builder",
 19 |     "build:ci": "node .electron-vue/build.js && electron-builder --publish always",
 20 |     "build:dir": "node .electron-vue/build.js && electron-builder --dir",
 21 |     "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
 22 |     "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js",
 23 |     "dev": "node .electron-vue/dev-runner.js",
 24 |     "lint": "eslint --ext .js,.vue -f ./node_modules/eslint-friendly-formatter src",
 25 |     "lint:fix": "eslint --ext .js,.vue -f ./node_modules/eslint-friendly-formatter --fix src",
 26 |     "pack": "npm run pack:main && npm run pack:renderer",
 27 |     "pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js",
 28 |     "pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js",
 29 |     "postinstall": "install-app-deps",
 30 |     "packageVersion": "echo $npm_package_version"
 31 |   },
 32 |   "build": {
 33 |     "productName": "easy-invoices",
 34 |     "copyright": "caandoll",
 35 |     "appId": "org.caandoll.easy-invoices",
 36 |     "directories": {
 37 |       "output": "build"
 38 |     },
 39 |     "files": [
 40 |       "dist/electron/**/*"
 41 |     ],
 42 |     "dmg": {
 43 |       "contents": [
 44 |         {
 45 |           "x": 410,
 46 |           "y": 150,
 47 |           "type": "link",
 48 |           "path": "/Applications"
 49 |         },
 50 |         {
 51 |           "x": 130,
 52 |           "y": 150,
 53 |           "type": "file"
 54 |         }
 55 |       ]
 56 |     },
 57 |     "mac": {
 58 |       "icon": "build/icons/icon.png"
 59 |     },
 60 |     "win": {
 61 |       "icon": "build/icons/icon.png"
 62 |     },
 63 |     "linux": {
 64 |       "icon": "build/icons/icon.png"
 65 |     },
 66 |     "nsis": {
 67 |       "oneClick": false,
 68 |       "allowToChangeInstallationDirectory": true
 69 |     }
 70 |   },
 71 |   "gitHooks": {
 72 |     "commit-msg": "node verify_commit_msg.js"
 73 |   },
 74 |   "lint-staged": {
 75 |     "*.js": [
 76 |       "eslint --fix",
 77 |       "git add"
 78 |     ]
 79 |   },
 80 |   "dependencies": {
 81 |     "sqlite3": "^4.0.1"
 82 |   },
 83 |   "devDependencies": {
 84 |     "axios": "^0.16.1",
 85 |     "babel-core": "^6.25.0",
 86 |     "babel-eslint": "^7.2.3",
 87 |     "babel-loader": "^7.1.5",
 88 |     "babel-plugin-transform-runtime": "^6.23.0",
 89 |     "babel-preset-env": "^1.6.0",
 90 |     "babel-preset-stage-0": "^6.24.1",
 91 |     "babel-register": "^6.24.1",
 92 |     "babili-webpack-plugin": "^0.1.2",
 93 |     "cfonts": "^1.1.3",
 94 |     "chalk": "^2.4.1",
 95 |     "copy-webpack-plugin": "^4.5.2",
 96 |     "cross-env": "^5.2.0",
 97 |     "css-loader": "^0.28.4",
 98 |     "dayjs": "^1.7.4",
 99 |     "del": "^3.0.0",
100 |     "devtron": "^1.4.0",
101 |     "electron": "^2.0.4",
102 |     "electron-builder": "^20.20.4",
103 |     "electron-debug": "^1.4.0",
104 |     "electron-devtools-installer": "^2.2.0",
105 |     "electron-settings": "^3.2.0",
106 |     "electron-updater": "^2.23.3",
107 |     "eslint": "^4.4.1",
108 |     "eslint-config-egg": "^7.0.0",
109 |     "eslint-friendly-formatter": "^3.0.0",
110 |     "eslint-loader": "^1.9.0",
111 |     "eslint-plugin-html": "^3.1.1",
112 |     "eslint-plugin-vue": "^4.5.0",
113 |     "extract-text-webpack-plugin": "^3.0.0",
114 |     "file-loader": "^0.11.2",
115 |     "fs-extra": "^6.0.1",
116 |     "html-webpack-plugin": "^2.30.1",
117 |     "iview": "^2.14.3",
118 |     "less": "^3.7.1",
119 |     "less-loader": "^4.1.0",
120 |     "lint-staged": "^7.2.0",
121 |     "multispinner": "^0.2.1",
122 |     "node-loader": "^0.6.0",
123 |     "node-xlsx": "^0.12.1",
124 |     "style-loader": "^0.18.2",
125 |     "url-loader": "^0.5.9",
126 |     "vue": "^2.3.3",
127 |     "vue-electron": "^1.0.6",
128 |     "vue-html-loader": "^1.2.4",
129 |     "vue-loader": "^13.0.5",
130 |     "vue-router": "^2.5.3",
131 |     "vue-style-loader": "^3.0.1",
132 |     "vue-template-compiler": "^2.4.2",
133 |     "vuex": "^2.3.1",
134 |     "webpack": "^3.5.2",
135 |     "webpack-dev-server": "^2.7.1",
136 |     "webpack-hot-middleware": "^2.18.2",
137 |     "yorkie": "^1.0.3"
138 |   }
139 | }
140 | 


--------------------------------------------------------------------------------
/src/index.ejs:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>easy-invoices</title>
 6 |     <% if (htmlWebpackPlugin.options.nodeModules) { %>
 7 |       <!-- Add `node_modules/` to global paths so `require` works properly in development -->
 8 |       <script>
 9 |         require('module').globalPaths.push('<%= htmlWebpackPlugin.options.nodeModules.replace(/\\/g, '\\\\') %>')
10 |       </script>
11 |     <% } %>
12 |   </head>
13 |   <body>
14 |     <div id="app"></div>
15 |     <!-- Set `__static` path to static files in production -->
16 |     <script>
17 |       if (process.env.NODE_ENV !== 'development') window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
18 |     </script>
19 | 
20 |     <!-- webpack builds are automatically injected -->
21 |   </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/src/main/index.dev.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * This file is used specifically and only for development. It installs
 3 |  * `electron-debug` & `vue-devtools`. There shouldn't be any need to
 4 |  *  modify this file, but it can be used to extend your development
 5 |  *  environment.
 6 |  */
 7 | 
 8 | /* eslint-disable */
 9 | 
10 | // Set environment for development
11 | process.env.NODE_ENV = 'development'
12 | 
13 | // Install `electron-debug` with `devtron`
14 | require('electron-debug')({ showDevTools: true })
15 | 
16 | // Install `vue-devtools`
17 | require('electron').app.on('ready', () => {
18 |   let installExtension = require('electron-devtools-installer')
19 |   installExtension.default(installExtension.VUEJS_DEVTOOLS)
20 |     .then(() => {})
21 |     .catch(err => {
22 |       console.log('Unable to install `vue-devtools`: \n', err)
23 |     })
24 | })
25 | 
26 | // Require `main` process to boot app
27 | require('./index')
28 | 


--------------------------------------------------------------------------------
/src/main/index.js:
--------------------------------------------------------------------------------
  1 | import { app, BrowserWindow, ipcMain } from 'electron';
  2 | import { autoUpdater } from 'electron-updater';
  3 | 
  4 | /**
  5 |  * Set `__static` path to static files in production
  6 |  * https://simulatedgreg.gitbooks.io/electron-vue/content/en/using-static-assets.html
  7 |  */
  8 | if (process.env.NODE_ENV !== 'development') {
  9 |   global.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\');
 10 | }
 11 | 
 12 | let mainWindow;
 13 | const winURL = process.env.NODE_ENV === 'development'
 14 |   ? 'http://localhost:9080'
 15 |   : `file://${__dirname}/index.html`;
 16 | 
 17 | function createWindow() {
 18 |   /**
 19 |    * Initial window options
 20 |    */
 21 |   mainWindow = new BrowserWindow({
 22 |     frame: false,
 23 |     useContentSize: true,
 24 |     width: 1366,
 25 |     height: 768,
 26 |     minWidth: 800,
 27 |     minHeight: 600,
 28 |     show: false,
 29 |   });
 30 | 
 31 |   mainWindow.loadURL(winURL);
 32 | 
 33 |   mainWindow.on('closed', () => {
 34 |     mainWindow = null;
 35 |   });
 36 | 
 37 |   // 加载好html再呈现window，避免白屏
 38 |   mainWindow.on('ready-to-show', () => {
 39 |     mainWindow.show();
 40 |     mainWindow.focus();
 41 |   });
 42 | 
 43 |   // mainWindow.webContents.openDevTools({ detach: true });
 44 | }
 45 | 
 46 | app.on('ready', () => {
 47 |   if (process.env.NODE_ENV === 'production') autoUpdater.checkForUpdatesAndNotify();
 48 |   // autoUpdater.checkForUpdatesAndNotify();
 49 |   createWindow();
 50 | });
 51 | 
 52 | app.on('window-all-closed', () => {
 53 |   if (process.platform !== 'darwin') {
 54 |     app.quit();
 55 |   }
 56 | });
 57 | 
 58 | app.on('activate', () => {
 59 |   if (mainWindow === null) {
 60 |     createWindow();
 61 |   }
 62 | });
 63 | 
 64 | /**
 65 |  * 边框
 66 |  */
 67 | // 窗口最小化
 68 | ipcMain.on('min-window', () => {
 69 |   mainWindow.minimize();
 70 | });
 71 | // 窗口最大化
 72 | ipcMain.on('max-window', () => {
 73 |   if (mainWindow.isMaximized()) {
 74 |     mainWindow.restore();
 75 |   } else {
 76 |     mainWindow.maximize();
 77 |   }
 78 | });
 79 | // 关闭
 80 | ipcMain.on('close-window', () => {
 81 |   mainWindow.close();
 82 | });
 83 | 
 84 | /**
 85 |  * 导出下载
 86 |  */
 87 | ipcMain.on('download', (event, downloadPath) => {
 88 |   mainWindow.webContents.downloadURL(downloadPath);
 89 |   mainWindow.webContents.session.once('will-download', (event, item) => {
 90 |     item.once('done', (event, state) => {
 91 |       // 成功的话 state为completed 取消的话 state为cancelled
 92 |       mainWindow.webContents.send('downstate', state);
 93 |     });
 94 |   });
 95 | });
 96 | 
 97 | 
 98 | /**
 99 |  * 自动更新
100 |  */
101 | 
102 | function sendUpdateMessage(message, data) {
103 |   mainWindow.webContents.send('update-message', { message, data });
104 | }
105 | 
106 | // 阻止程序关闭自动安装升级
107 | autoUpdater.autoInstallOnAppQuit = false;
108 | 
109 | autoUpdater.on('error', data => {
110 |   sendUpdateMessage('error', data);
111 | });
112 | 
113 | /* // 检查更新
114 | autoUpdater.on('checking-for-update', data => {
115 |   sendUpdateMessage('checking-for-update', data);
116 | });*/
117 | 
118 | // 有可用更新
119 | autoUpdater.on('update-available', data => {
120 |   sendUpdateMessage('update-available', data);
121 | });
122 | 
123 | // 已经最新
124 | autoUpdater.on('update-not-available', data => {
125 |   sendUpdateMessage('update-not-available', data);
126 | });
127 | 
128 | // 更新下载进度事件
129 | autoUpdater.on('download-progress', data => {
130 |   sendUpdateMessage('download-progress', data);
131 | });
132 | // 更新下载完成事件(event, releaseNotes, releaseName, releaseDate, updateUrl, quitAndUpdate)
133 | autoUpdater.on('update-downloaded', () => {
134 |   sendUpdateMessage('update-downloaded', {});
135 |   ipcMain.once('update-now', () => {
136 |     autoUpdater.quitAndInstall();
137 |   });
138 | });
139 | 


--------------------------------------------------------------------------------
/src/renderer/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div id="app">
 3 |         <router-view style="height: 100%;"></router-view>
 4 |     </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {};
 9 | </script>
10 | 
11 | <style lang="less">
12 |     html, body, #app {
13 |         height: 100%;
14 |     }
15 | 
16 |     body {
17 |         color: #333;
18 |     }
19 | 
20 |     /*------------------左侧菜单---------------------------------*/
21 |     .ivu-menu-vertical .ivu-menu-item {
22 |         padding: 14px 16px;
23 |     }
24 | 
25 |     .ivu-icon-clipboard {
26 |         margin-left: 2px;
27 |     }
28 | 
29 |     /*------------------页码---------------------------------*/
30 |     .ivu-page {
31 |         margin: 15px 20px 0 0;
32 |         float: right;
33 |     }
34 | 
35 | 
36 |     /*------------------滚动条---------------------------------*/
37 |     ::-webkit-scrollbar {
38 |         height: 8px;
39 |         width: 8px;
40 |         background: transparent;
41 |         border-radius: 4px
42 |     }
43 | 
44 |     ::-webkit-scrollbar-button {
45 |         display: none
46 |     }
47 | 
48 |     ::-webkit-scrollbar-track {
49 |         background-color: transparent
50 |     }
51 | 
52 |     ::-webkit-scrollbar-track-piece {
53 |         background: transparent
54 |     }
55 | 
56 |     ::-webkit-scrollbar-thumb {
57 |         width: 8px;
58 |         min-height: 15px;
59 |         background: #c1c1c1;
60 |         border-radius: 4px
61 |     }
62 | 
63 |     ::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:hover {
64 |         background: #7d7d7d
65 |     }
66 | 
67 |     /*------------------表格中气泡---------------------------------*/
68 | 
69 |     .table-tooltip {
70 |         width: 100%;
71 |         .ivu-tooltip-rel {
72 |             width: 100%;
73 |             div {
74 |                 width: 100%;
75 |                 overflow: hidden;
76 |                 text-overflow: ellipsis;
77 |                 white-space: nowrap;
78 |             }
79 |         }
80 |     }
81 | </style>
82 | 


--------------------------------------------------------------------------------
/src/renderer/assets/less/common.less:
--------------------------------------------------------------------------------
1 | .clearfix {
2 |   &::after {
3 |     display: block;
4 |     height: 0;
5 |     content: '';
6 |     clear: both;
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/src/renderer/assets/less/global.less:
--------------------------------------------------------------------------------
1 | @view-left: 50px;
2 | @view-top: 30px;
3 | @view-padding: 10px;
4 | 
5 | @bg-color:#ddd;
6 | @header-color:#e9eaec;
7 | @aside-color:#495060;


--------------------------------------------------------------------------------
/src/renderer/components/Aside.vue:
--------------------------------------------------------------------------------
  1 | <style lang="less">
  2 |     @import "../assets/less/global.less";
  3 | 
  4 |     aside {
  5 |         position: relative;
  6 |         background-color: @aside-color;
  7 |         box-shadow: 0 0 7px #000;
  8 |         .layout-menu-left {
  9 |             position: absolute;
 10 |             top: 0;
 11 |             left: 0;
 12 |             right: 0;
 13 |             bottom: 40px;
 14 |         }
 15 |         .aside-drop-menu {
 16 |             position: absolute;
 17 |             height: 40px;
 18 |             bottom: 0;
 19 |             left: 0;
 20 |             right: 0;
 21 |             text-align: center;
 22 |             .ivu-dropdown {
 23 |                 .ivu-dropdown-rel {
 24 |                     cursor: pointer;
 25 |                 }
 26 |             }
 27 |         }
 28 |     }
 29 | 
 30 |     .aboutText {
 31 |         p {
 32 |             line-height: 26px;
 33 |         }
 34 |     }
 35 | 
 36 |     .psText {
 37 |         margin-top: 20px;
 38 |     }
 39 | 
 40 | </style>
 41 | 
 42 | <template>
 43 |     <aside>
 44 |         <Menu ref="menu" @on-select="selectMenu"
 45 |               theme="dark" width="100%" :active-name="activeMenuName" accordion class="layout-menu-left">
 46 |             <Menu-item v-for="(menu, index) in MENU" :name="menu.path" :key="index">
 47 |                 <Tooltip :content="menu.title" placement="right" :delay="800">
 48 |                     <Icon :type="menu.icon" :size="20"></Icon>
 49 |                 </Tooltip>
 50 |             </Menu-item>
 51 |         </Menu>
 52 |         <div class="aside-drop-menu">
 53 |             <Dropdown trigger="click" placement="top-start" @on-click="dropMenuClick">
 54 |                 <Icon type="navicon-round" :size="26" color="white"></Icon>
 55 |                 <DropdownMenu slot="list">
 56 |                     <!--<DropdownItem name="update">
 57 |                         <Icon type="ios-cloud-download-outline" :size="14"></Icon>
 58 |                         检查更新
 59 |                     </DropdownItem>-->
 60 |                     <DropdownItem name="about">
 61 |                         关于
 62 |                     </DropdownItem>
 63 |                 </DropdownMenu>
 64 |             </Dropdown>
 65 |         </div>
 66 |         <Modal
 67 |                 v-model="modalShow"
 68 |                 title="关于">
 69 |             <div class="aboutText">
 70 |                 <p><strong>easy-invoices {{version}}</strong></p>
 71 |                 <p>专注于桌面端单机版简易进销存业务，初心是帮助我父母提高工作效率。</p>
 72 |                 <p>该软件免费使用，并开源于<a href="javascript:void(0)"
 73 |                                   @click="openUrl('https://github.com/CaanDoll/easy-invoices')">github</a>，目前只构建了windows版本。
 74 |                 </p>
 75 |                 <p>如果您有BUG反馈、意见或更好的建议，请联系我。</p>
 76 |                 <p>我的邮箱：<strong>caandoll@aliyun.com</strong></p>
 77 |             </div>
 78 |             <div class="psText">
 79 |                 <p>PS：数据与配置文件存放在<a href="javascript:void(0)"
 80 |                               @click="openPath(docDir)">{{docDir}}</a>下。若有重装系统等操作，请记得统一备份，并在重装后放至相同目录</p>
 81 |             </div>
 82 |             <div slot="footer">
 83 |                 <Button @click="modalShow = false">
 84 |                     关闭
 85 |                 </Button>
 86 |             </div>
 87 |         </Modal>
 88 | 
 89 |     </aside>
 90 | </template>
 91 | 
 92 | <script>
 93 | import MENU from '../menu';
 94 | import packageJson from '../../../package.json';
 95 | import { docDir } from '../utils/settings';
 96 | 
 97 | export default {
 98 |   data() {
 99 |     return {
100 |       MENU,
101 |       activeMenuName: '',
102 |       modalShow: false,
103 |       version: packageJson.version,
104 |       docDir,
105 |     };
106 |   },
107 |   methods: {
108 |     selectMenu(path) {
109 |       this.$router.push({ path });
110 |     },
111 |     dropMenuClick(name) {
112 |       switch (name) {
113 |         case 'update':
114 |           console.log('check update');
115 |           break;
116 |         case 'about':
117 |           this.modalShow = true;
118 |           break;
119 |         default:
120 |           null;
121 |       }
122 |     },
123 |     openUrl(url) {
124 |       this.$electron.shell.openExternal(url);
125 |     },
126 |     openPath(path) {
127 |       this.$electron.shell.openItem(path);
128 |     },
129 |   },
130 |   watch: {
131 |     $route() {
132 |       this.activeMenuName = this.$route.path;
133 |       this.$nextTick(() => {
134 |         this.$refs.menu.updateActiveName();
135 |       });
136 |     },
137 |   },
138 |   created() {
139 |     this.activeMenuName = this.$route.path;
140 |     this.$nextTick(() => {
141 |       this.$refs.menu.updateActiveName();
142 |     });
143 |   },
144 | };
145 | </script>
146 | 


--------------------------------------------------------------------------------
/src/renderer/components/Header.vue:
--------------------------------------------------------------------------------
  1 | <style lang="less">
  2 |     @import "../assets/less/global.less";
  3 | 
  4 |     header {
  5 |         font-family: "Microsoft YaHei";
  6 |         font-size: 14px;
  7 |         overflow: hidden;
  8 |         /*background-color: @header-color;*/
  9 |         background: linear-gradient(90deg, @header-color, @bg-color);
 10 |         -webkit-app-region: drag;
 11 |         .left {
 12 |             float: left;
 13 |             margin-left: 8px;
 14 |         }
 15 |         .version {
 16 |             font-size: 12px;
 17 |             float: left;
 18 |             margin-left: 20px;
 19 |             .ivu-tooltip {
 20 |                 -webkit-app-region: no-drag;
 21 |             }
 22 |         }
 23 |         .right {
 24 |             float: right;
 25 |             a {
 26 |                 -webkit-app-region: no-drag;
 27 |                 color: #000;
 28 |                 margin-right: 10px;
 29 |             }
 30 |         }
 31 |     }
 32 | </style>
 33 | 
 34 | <template>
 35 |     <header>
 36 |         <section class="left">
 37 |             easy-invoices
 38 |         </section>
 39 |         <section class="version">
 40 |             {{updateText}}
 41 |             <Tooltip transfer v-if="downloadInfo.percent !== null">
 42 |                 <Progress :percent="downloadInfo.percent" status="active"
 43 |                           style="width: 150px;position: relative;top: -2px;" hide-info></Progress>
 44 |                 <div slot="content">
 45 |                     <p>{{updateInfo.releaseName}}</p>
 46 |                     <p>大小：{{downloadInfo.totalMB}}MB</p>
 47 |                     <p>速度：{{downloadInfo.KBPerSecond}}KB/s</p>
 48 |                 </div>
 49 |             </Tooltip>
 50 | 
 51 |         </section>
 52 |         <section class="right">
 53 |             <a href="javascript:void(0)" @click="minWindows">
 54 |                 <Icon size="14" type="minus-round"></Icon>
 55 |             </a>
 56 |             <a href="javascript:void(0)" @click="maxWindows">
 57 |                 <Icon size="14" type="arrow-resize"></Icon>
 58 |             </a>
 59 |             <a href="javascript:void(0)" @click="closeWindows">
 60 |                 <Icon size="14" type="close"></Icon>
 61 |             </a>
 62 |         </section>
 63 |         <Modal
 64 |                 v-model="updateModalShow"
 65 |                 :mask-closable="false"
 66 |                 :closable="false"
 67 |                 title="版本升级">
 68 |             <div class="aboutText">
 69 |                 <Card>
 70 |                     <h2 slot="title">{{updateInfo.releaseName}}</h2>
 71 |                     <p slot="extra">{{currentVersion}} → {{updateInfo.version}}</p>
 72 |                     <div v-html="updateInfo.releaseNotes"></div>
 73 |                     <p>更新时间：{{updateInfo.releaseDate | dateFilter}}</p>
 74 |                 </Card>
 75 |             </div>
 76 |             <div slot="footer">
 77 |                 <Button @click="closeUpdateModal">
 78 |                     取消升级，下次启动时再询问
 79 |                 </Button>
 80 |                 <Button type="primary" @click="updateConfirm">确认升级，将重启应用
 81 |                 </Button>
 82 |             </div>
 83 |         </Modal>
 84 |     </header>
 85 | </template>
 86 | <script>
 87 | import packageJson from '../../../package.json';
 88 | 
 89 | export default {
 90 |   data() {
 91 |     return {
 92 |       currentVersion: packageJson.version,
 93 |       updateText: '',
 94 |       downloadProgress: null,
 95 |       downloadInfo: {
 96 |         percent: null,
 97 |         totalMB: 0,
 98 |         KBPerSecond: 0,
 99 |       },
100 |       updateModalShow: false,
101 |       updateInfo: {
102 |         releaseName: '',
103 |         releaseNotes: '',
104 |         releaseDate: '',
105 |         version: '',
106 |       },
107 |     };
108 |   },
109 |   methods: {
110 |     minWindows() {
111 |       this.$electron.ipcRenderer.send('min-window');
112 |     },
113 |     maxWindows() {
114 |       this.$electron.ipcRenderer.send('max-window');
115 |     },
116 |     closeWindows() {
117 |       this.$electron.ipcRenderer.send('close-window');
118 |     },
119 |     showUpdateModal() {
120 |       this.updateModalShow = true;
121 |     },
122 |     updateConfirm() {
123 |       this.updateModalShow = false;
124 |       this.$electron.ipcRenderer.send('update-now');
125 |     },
126 |     closeUpdateModal() {
127 |       this.updateModalShow = false;
128 |       this.updateText = '更新已取消';
129 |     },
130 |     update() {
131 |       this.$electron.ipcRenderer.on('update-message', (event, msg) => {
132 |         const message = msg.message;
133 |         const data = msg.data;
134 |         switch (message) {
135 |           case 'error':
136 |             this.updateText = '检查更新失败';
137 |             this.downloadInfo = this.$options.data().downloadInfo;
138 |             break;
139 |           /* case 'checking-for-update':
140 |             this.updateText = '检查更新中';
141 |             break;*/
142 |           case 'update-available':
143 |             this.updateText = '有可用更新';
144 |             this.updateInfo = {
145 |               releaseDate: new Date(data.releaseDate).getTime() - new Date().getTimezoneOffset() * 60 * 1000,
146 |               releaseName: data.releaseName,
147 |               releaseNotes: data.releaseNotes,
148 |               version: data.version,
149 |             };
150 |             break;
151 |           case 'update-not-available':
152 |             this.updateText = '已经是最新版';
153 |             break;
154 |           case 'download-progress':
155 |             this.updateText = '';
156 |             this.downloadInfo = {
157 |               percent: data.percent.toFixed(2),
158 |               totalMB: (data.total / 1024 / 1024).toFixed(3),
159 |               KBPerSecond: (data.bytesPerSecond / 1024).toFixed(3),
160 |             };
161 |             break;
162 |           case 'update-downloaded':
163 |             this.updateText = '';
164 |             this.downloadInfo = this.$options.data().downloadInfo;
165 |             this.showUpdateModal();
166 |             break;
167 |           default:
168 |             this.updateText = '';
169 |             this.downloadInfo = this.$options.data().downloadInfo;
170 |         }
171 |       });
172 |     },
173 |   },
174 |   created() {
175 |     this.update();
176 |   },
177 | };
178 | </script>
179 | 


--------------------------------------------------------------------------------
/src/renderer/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import VueRouter from 'vue-router';
 3 | import iView from 'iview';
 4 | import routes from './route';
 5 | import store from './store';
 6 | import filters from './utils/util';
 7 | import db from './utils/db';
 8 | import logger from './utils/logger';
 9 | import 'iview/dist/styles/iview.css';
10 | import './assets/less/common.less';
11 | import App from './App.vue';
12 | // 升级脚本
13 | import './utils/upgrade';
14 | 
15 | Vue.use(VueRouter);
16 | 
17 | Vue.use(iView);
18 | 
19 | Object.keys(filters).forEach(k => Vue.filter(k, filters[ k ]));
20 | 
21 | const router = new VueRouter({
22 |   routes,
23 | });
24 | 
25 | Vue.prototype.$db = db;
26 | 
27 | Vue.prototype.$logger = logger;
28 | 
29 | if (!process.env.IS_WEB) Vue.use(require('vue-electron'));
30 | Vue.config.productionTip = false;
31 | 
32 | /* eslint-disable no-new */
33 | new Vue({
34 |   el: '#app',
35 |   router,
36 |   store,
37 |   render: h => h(App),
38 | });
39 | 


--------------------------------------------------------------------------------
/src/renderer/menu.js:
--------------------------------------------------------------------------------
 1 | import Goods from './pages/menu/Goods.vue';
 2 | import DetailList from './pages/menu/DetailList.vue';
 3 | 
 4 | const menu = [
 5 |   {
 6 |     icon: 'cube',
 7 |     title: '物品管理',
 8 |     path: '/goods',
 9 |     component: Goods,
10 |   },
11 |   {
12 |     icon: 'clipboard',
13 |     title: '进出明细',
14 |     path: '/detailList',
15 |     component: DetailList,
16 |   },
17 | ];
18 | export default menu;
19 | 


--------------------------------------------------------------------------------
/src/renderer/pages/Home.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="home-background theme-color1">
 3 |         <Header class="header"></Header>
 4 |         <Aside class="aside"></Aside>
 5 |         <div class="container">
 6 |             <router-view class="clearfix"></router-view>
 7 |         </div>
 8 |     </div>
 9 | </template>
10 | <script>
11 | import Aside from '../components/Aside.vue';
12 | import Header from '../components/Header.vue';
13 | 
14 | export default {
15 |   data() {
16 |     return {};
17 |   },
18 |   components: {
19 |     Aside,
20 |     Header,
21 |   },
22 | };
23 | </script>
24 | <style lang="less">
25 |     @import "../assets/less/global.less";
26 | 
27 |     .home-background {
28 |         position: relative;
29 |         background-color: @bg-color;
30 |         .header {
31 |             position: absolute;
32 |             top: 0;
33 |             left: @view-left;
34 |             right: 0;
35 |             height: @view-top;
36 |             line-height: @view-top;
37 |         }
38 |         .aside {
39 |             position: absolute;
40 |             top: 0;
41 |             bottom: 0;
42 |             left: 0;
43 |             width: @view-left;
44 |         }
45 |         .container {
46 |             position: absolute;
47 |             top: @view-top;
48 |             right: 0;
49 |             left: @view-left;
50 |             bottom: 0;
51 |             overflow: auto;
52 |             padding: @view-padding;
53 |         }
54 |     }
55 | </style>
56 | 


--------------------------------------------------------------------------------
/src/renderer/pages/menu/DetailList.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <Form :label-width="90" inline @keydown.native.enter.prevent="getDataList('search')">
  4 |             <FormItem label="品名">
  5 |                 <Select v-model="search.goods_id" style="width:200px;" placeholder="输入关键字进行快捷选择" clearable
  6 |                         filterable>
  7 |                     <Option v-for="(item,index) in goodsList" :value="item.id" :key="index">{{item.name}}
  8 |                     </Option>
  9 |                 </Select>
 10 |             </FormItem>
 11 |             <FormItem label="备注">
 12 |                 <Input v-model="search.remark" style="width: 200px" clearable></Input>
 13 |             </FormItem>
 14 |             <FormItem label="创建时间">
 15 |                 <DatePicker :options="datePickerOption" type="daterange"
 16 |                             style="width: 200px" v-model="search.createDateRange" split-panels
 17 |                             :editable="false"></DatePicker>
 18 |             </FormItem>
 19 |             <FormItem label="修改时间">
 20 |                 <DatePicker :options="datePickerOption" type="daterange"
 21 |                             style="width: 200px" v-model="search.updateDateRange" split-panels
 22 |                             :editable="false"></DatePicker>
 23 |             </FormItem>
 24 |             <FormItem label="排序">
 25 |                 <Select v-model="search.sort" style="width:200px;">
 26 |                     <Option v-for="(item,index) in sortList" :value="item.value" :key="index">{{item.label}}
 27 |                     </Option>
 28 |                 </Select>
 29 |             </FormItem>
 30 |             <FormItem :label-width="10">
 31 |                 <Button type="primary" icon="ios-search" @click="getDataList('search')" title="搜索"></Button>
 32 |                 <Button style="margin-left:5px;" type="primary" icon="plus-round" @click="add" title="创建"></Button>
 33 |                 <Button style="margin-left:5px;" type="primary" icon="ios-upload-outline" @click="downloadExcel"
 34 |                         title="导出" :loading="downloadExcelLoading"></Button>
 35 |             </FormItem>
 36 |         </Form>
 37 |         <Table border stripe :columns="dataList_table_column" :data="dataList" :loading="tableLoading"></Table>
 38 |         <Page :total="dataListTotalCount" :current="searchParams.pageIndex"
 39 |               :page-size="searchParams.pageSize" @on-change="getDataList" @on-page-size-change="getDataListOnPageChange"
 40 |               :page-size-opts="[10,20,30,40,50]" show-total
 41 |               show-sizer show-elevator transfer></Page>
 42 |         <Modal v-model="modalShow" :mask-closable="false" :title="modalTitle" @on-cancel="modalShow = false">
 43 |             <div>
 44 |                 <Form ref="formVali" :model="modalParams" :rules="ruleValidate" label-position="right"
 45 |                       :label-width="130" @keydown.native.enter.prevent="enterConfirm(modalParams.id)">
 46 |                     <template v-if="!modalParams.id">
 47 |                         <FormItem label="品名" prop="goods_id">
 48 |                             <Select v-model="modalParams.goods_id" style="width:250px;" placeholder="必选，输入关键字进行快捷选择"
 49 |                                     ref="modalGoodsIdSelect"
 50 |                                     filterable clearable @on-change="modalSelectGoods">
 51 |                                 <Option v-for="(item) in goodsList" :value="item.id" :key="item.id">{{item.name}}
 52 |                                 </Option>
 53 |                             </Select>
 54 |                         </FormItem>
 55 |                         <template v-if="modalParams.goods_id">
 56 |                             <FormItem label="操作" prop="type" inline>
 57 |                                 <Select v-model="modalParams.type" style="width:50px;" placeholder="">
 58 |                                     <Option value="+">+</Option>
 59 |                                     <Option value="-" v-if="modalParams.total_count">-</Option>
 60 |                                 </Select>
 61 |                                 <InputNumber v-model="modalParams.count" :min="0.001" :precision="3"
 62 |                                              :max="modalParams.type === '-' ? modalParams.total_count : Infinity"></InputNumber>
 63 |                             </FormItem>
 64 |                             <FormItem label="实际进价" prop="actual_buy_unit_price" v-show="modalParams.type === '+'">
 65 |                                 <Input v-model.number="modalParams.actual_buy_unit_price" placeholder="非必填，小数位不超过2位的正整数"
 66 |                                        style="width: 250px"></Input>
 67 |                             </FormItem>
 68 |                             <FormItem label="实际售价" prop="actual_sell_unit_price" v-show="modalParams.type === '-'">
 69 |                                 <Input v-model.number="modalParams.actual_sell_unit_price"
 70 |                                        placeholder="非必填，小数位不超过2位的正整数"
 71 |                                        style="width: 250px"></Input>
 72 |                             </FormItem>
 73 |                         </template>
 74 |                     </template>
 75 |                     <FormItem label="备注" prop="remark">
 76 |                         <Input v-model="modalParams.remark" type="textarea" :rows="4" placeholder="非必填，长度 200 以内"
 77 |                                style="width: 250px"></Input>
 78 |                     </FormItem>
 79 |                 </Form>
 80 |             </div>
 81 |             <div slot="footer">
 82 |                 <Button @click="modalShow = false">
 83 |                     取消
 84 |                 </Button>
 85 |                 <Button type="primary" v-if="!modalParams.id" @click="addConfirm" :loading="modalBtnLoading">确认
 86 |                 </Button>
 87 |                 <Button type="primary" v-if="modalParams.id" @click="editConfirm" :loading="modalBtnLoading">确认
 88 |                 </Button>
 89 |             </div>
 90 |         </Modal>
 91 |     </div>
 92 | </template>
 93 | <script>
 94 | import util from '../../utils/util';
 95 | import download from '../../utils/download';
 96 | 
 97 | export default {
 98 |   data() {
 99 |     return {
100 |       // loading
101 |       downloadExcelLoading: false,
102 |       modalBtnLoading: false,
103 |       tableLoading: false,
104 |       // 日期控件配置
105 |       datePickerOption: util.getDatePickerOpt(),
106 |       // ----选值
107 |       sortList: [
108 |         {
109 |           label: '按创建倒序',
110 |           value: 'DESC',
111 |         },
112 |         {
113 |           label: '按创建顺序',
114 |           value: 'ASC',
115 |         },
116 |       ],
117 |       goodsList: [],
118 |       // ----常用
119 |       search: {
120 |         goods_id: '',
121 |         remark: '',
122 |         createDateRange: [ null, null ],
123 |         updateDateRange: [ null, null ],
124 |         sort: 'DESC',
125 |         pageIndex: 1,
126 |         pageSize: 10,
127 |       },
128 |       searchParams: {},
129 |       dataList: [],
130 |       dataListTotalCount: 0,
131 |       dataList_table_column: [
132 |         {
133 |           title: '品名',
134 |           key: 'name',
135 |           align: 'center',
136 |           minWidth: 200,
137 |         },
138 |         {
139 |           title: '计数',
140 |           key: 'count',
141 |           align: 'center',
142 |           minWidth: 150,
143 |           render: (h, params) => {
144 |             return h('span', params.row.count > 0 ? '+' + params.row.count : params.row.count);
145 |           },
146 |         },
147 |         {
148 |           title: '实际进价',
149 |           key: 'actual_buy_unit_price',
150 |           align: 'center',
151 |           minWidth: 150,
152 |         },
153 |         {
154 |           title: '实际售价',
155 |           key: 'actual_sell_unit_price',
156 |           align: 'center',
157 |           minWidth: 150,
158 |         },
159 |         {
160 |           title: '金额',
161 |           key: 'amount',
162 |           align: 'center',
163 |           minWidth: 150,
164 |           render: (h, params) => {
165 |             return h('span', params.row.amount > 0 ? '+' + params.row.amount : params.row.amount);
166 |           },
167 |         },
168 |         {
169 |           title: '备注',
170 |           key: 'remark',
171 |           align: 'center',
172 |           minWidth: 300,
173 |           render: (h, params) => {
174 |             const remark = params.row.remark;
175 |             if (remark) {
176 |               return h('Tooltip', {
177 |                 class: {
178 |                   'table-tooltip': true,
179 |                 },
180 |                 props: {
181 |                   delay: 800,
182 |                 },
183 |               }, [
184 |                 h('div', remark),
185 |                 h('div', {
186 |                   style: {
187 |                     'white-space': 'normal',
188 |                   },
189 |                   slot: 'content',
190 |                 }, remark),
191 |               ]);
192 |             }
193 | 
194 |           },
195 |         },
196 |         {
197 |           title: '创建时间',
198 |           key: 'create_time',
199 |           align: 'center',
200 |           minWidth: 150,
201 |           render: (h, params) => {
202 |             return h('span', util.dateFilter(params.row.create_time));
203 |           },
204 |         },
205 |         {
206 |           title: '修改时间',
207 |           key: 'update_time',
208 |           align: 'center',
209 |           minWidth: 150,
210 |           render: (h, params) => {
211 |             return h('span', util.dateFilter(params.row.update_time));
212 |           },
213 |         },
214 |         {
215 |           title: '操作',
216 |           key: 'action',
217 |           width: 100,
218 |           align: 'center',
219 |           fixed: 'right',
220 |           render: (h, params) => {
221 |             const row = params.row;
222 |             return h('div', [
223 |               h('Button', {
224 |                 props: {
225 |                   type: 'primary',
226 |                   size: 'small',
227 |                   icon: 'edit',
228 |                 },
229 |                 attrs: {
230 |                   title: '修改',
231 |                 },
232 |                 style: {
233 |                   'margin-left': '5px',
234 |                 },
235 |                 on: {
236 |                   click: () => {
237 |                     this.edit(params.row);
238 |                   },
239 |                 },
240 |               }),
241 |               h(row.latest ? 'Poptip' : '', {
242 |                 props: {
243 |                   type: 'error',
244 |                   confirm: true,
245 |                   title: '若删除，该操作将回滚',
246 |                   placement: 'top-end',
247 |                   transfer: true,
248 |                   'ok-text': '删除',
249 |                 },
250 |                 on: {
251 |                   'on-ok': () => {
252 |                     this.del(row);
253 |                   },
254 |                 },
255 |               }, [
256 |                 h('Button', {
257 |                   props: {
258 |                     type: 'error',
259 |                     size: 'small',
260 |                     icon: 'trash-b',
261 |                   },
262 |                   attrs: {
263 |                     title: '删除',
264 |                   },
265 |                   style: {
266 |                     'margin-left': '5px',
267 |                   },
268 |                 }),
269 |               ]),
270 |             ]);
271 |           },
272 |         },
273 |       ],
274 |       modalShow: false,
275 |       modalParams: {
276 |         goods_id: '',
277 |         name: '',
278 |         count: 1.000,
279 |         actual_buy_unit_price: 0,
280 |         actual_sell_unit_price: 0,
281 |         remark: '',
282 |         // 限制用
283 |         type: '+',
284 |         total_amount: 0,
285 |         total_count: 0,
286 |         standard_buy_unit_price: 0,
287 |         standard_sell_unit_price: 0,
288 |       },
289 |       ruleValidate: {
290 |         goods_id: [
291 |           { required: true, message: '请选择 品名' },
292 |         ],
293 |         remark: [
294 |           { max: 200, message: '备注 长度 200 以内' },
295 |         ],
296 |         actual_buy_unit_price: [
297 |           { pattern: util.getRegexp('money'), message: '实际进价 只能为 小数位不超过2位的正整数' },
298 |         ],
299 |         actual_sell_unit_price: [
300 |           { pattern: util.getRegexp('money'), message: '实际售价 只能为 小数位不超过2位的正整数' },
301 |         ],
302 |       },
303 |       downloadExcelSQL: '',
304 |     };
305 |   },
306 |   computed: {
307 |     modalTitle() {
308 |       return this.modalParams.id ? '修改' : '创建';
309 |     },
310 |   },
311 |   methods: {
312 |     // 初始化物品
313 |     initGoodsDataList() {
314 |       const rowSQL = 'SELECT * from GOODS ORDER BY name ASC';
315 |       this.$logger(rowSQL);
316 |       this.$db.all(rowSQL, (err, res) => {
317 |         if (err) {
318 |           this.$logger(err);
319 |           this.$Notice.error({
320 |             title: '搜索失败',
321 |             desc: err,
322 |           });
323 |         } else {
324 |           this.goodsList = res;
325 |         }
326 |       });
327 |     },
328 |     // 搜索
329 |     getDataList(method) {
330 |       this.tableLoading = true;
331 |       if (method === 'search') {
332 |         this.searchParams = JSON.parse(JSON.stringify(this.search));
333 |       }
334 |       if (typeof method === 'number') {
335 |         this.searchParams.pageIndex = method;
336 |       }
337 |       const searchParams = this.searchParams;
338 |       let whereSQL = `WHERE GOODS_DETAIL_LIST.remark LIKE '%${searchParams.remark}%' `;
339 |       searchParams.goods_id ? whereSQL += `AND goods_id = '${searchParams.goods_id}' ` : null;
340 |       searchParams.createDateRange[ 0 ] ? whereSQL += `AND GOODS_DETAIL_LIST.create_time >= ${new Date(searchParams.createDateRange[ 0 ]).getTime()} ` : null;
341 |       searchParams.createDateRange[ 1 ] ? whereSQL += `AND GOODS_DETAIL_LIST.create_time <= ${new Date(searchParams.createDateRange[ 1 ]).getTime() + 24 * 60 * 60 * 1000 - 1} ` : null;
342 |       searchParams.updateDateRange[ 0 ] ? whereSQL += `AND GOODS_DETAIL_LIST.update_time >= ${new Date(searchParams.updateDateRange[ 0 ]).getTime()} ` : null;
343 |       searchParams.updateDateRange[ 1 ] ? whereSQL += `AND GOODS_DETAIL_LIST.update_time <= ${new Date(searchParams.updateDateRange[ 1 ]).getTime() + 24 * 60 * 60 * 1000 - 1} ` : null;
344 |       const pageSQL = `LIMIT ${searchParams.pageSize} OFFSET ${(searchParams.pageIndex - 1) * searchParams.pageSize} `;
345 |       const orderSQL = `ORDER BY GOODS_DETAIL_LIST.id ${searchParams.sort} `;
346 |       // 导出sql
347 |       this.downloadExcelSQL = `SELECT
348 |       GOODS_DETAIL_LIST.id,
349 |       GOODS_DETAIL_LIST.goods_id,
350 |       GOODS_DETAIL_LIST.count,
351 |       GOODS_DETAIL_LIST.latest,
352 |       GOODS_DETAIL_LIST.actual_buy_unit_price,
353 |       GOODS_DETAIL_LIST.actual_sell_unit_price,
354 |       GOODS_DETAIL_LIST.amount,
355 |       GOODS_DETAIL_LIST.create_time,
356 |       GOODS_DETAIL_LIST.update_time,
357 |       GOODS_DETAIL_LIST.remark,
358 |       GOODS.name,
359 |       GOODS.total_count,
360 |       GOODS.total_amount
361 |       from GOODS_DETAIL_LIST LEFT OUTER JOIN GOODS ON GOODS_DETAIL_LIST.goods_id = GOODS.id ` + whereSQL + orderSQL;
362 |       const rowSQL = this.downloadExcelSQL + pageSQL;
363 |       const countSQL = 'SELECT COUNT(id) AS totalCount from GOODS_DETAIL_LIST ' + whereSQL;
364 |       this.$logger(rowSQL);
365 |       this.$db.all(rowSQL, (err, res) => {
366 |         if (err) {
367 |           this.$logger(err);
368 |           this.$Notice.error({
369 |             title: '搜索失败',
370 |             desc: err,
371 |           });
372 |         } else {
373 |           if (!res.length && searchParams.pageIndex !== 1) {
374 |             this.getDataList(searchParams.pageIndex - 1);
375 |           } else {
376 |             this.dataList = res;
377 |           }
378 |         }
379 |         this.tableLoading = false;
380 |       });
381 |       this.$logger(countSQL);
382 |       this.$db.get(countSQL, (err, res) => {
383 |         if (err) {
384 |           this.$logger(err);
385 |           this.$Notice.error({
386 |             title: '搜索失败',
387 |             desc: err,
388 |           });
389 |         } else {
390 |           this.dataListTotalCount = res.totalCount;
391 |         }
392 |       });
393 |     },
394 |     // pageSize改变
395 |     getDataListOnPageChange(pageSize) {
396 |       this.search.pageSize = pageSize;
397 |       this.getDataList('search');
398 |     },
399 |     // 新增
400 |     add() {
401 |       this.$refs.formVali.resetFields();
402 |       this.modalParams = this.$options.data().modalParams;
403 |       this.$refs.modalGoodsIdSelect.clearSingleSelect();
404 |       this.modalShow = true;
405 |     },
406 |     // 选择物品回调
407 |     modalSelectGoods(val) {
408 |       if (val) {
409 |         const SQL = `SELECT total_count,standard_buy_unit_price,standard_sell_unit_price,total_amount from GOODS WHERE id = '${val}'`;
410 |         this.$logger(SQL);
411 |         this.$db.get(SQL, (err, res) => {
412 |           if (err) {
413 |             this.$logger(err);
414 |             this.$Notice.error({
415 |               title: '搜索失败',
416 |               desc: err,
417 |             });
418 |           } else {
419 |             this.modalParams.type = '+';
420 |             this.modalParams.count = 1.000;
421 |             this.modalParams.total_count = res.total_count;
422 |             this.modalParams.total_amount = res.total_amount;
423 |             this.modalParams.actual_buy_unit_price = res.standard_buy_unit_price;
424 |             this.modalParams.actual_sell_unit_price = res.standard_sell_unit_price;
425 |           }
426 |         });
427 |       }
428 |     },
429 |     // 新增确认
430 |     addConfirm() {
431 |       this.$refs.formVali.validate(valid => {
432 |         if (valid) {
433 |           this.modalBtnLoading = true;
434 |           const modalParams = this.modalParams;
435 |           this.$db.serialize(() => {
436 |             const actual_buy_unit_price = modalParams.type === '+' ? modalParams.actual_buy_unit_price : '';
437 |             const actual_sell_unit_price = modalParams.type === '-' ? modalParams.actual_sell_unit_price : '';
438 |             const count = Number(modalParams.type + modalParams.count);
439 |             const amount = -((actual_buy_unit_price || actual_sell_unit_price || 0) * count).toFixed(2);
440 |             this.$db.run('BEGIN');
441 |             // 往物品total_count和total_amount中做运算
442 |             const computeSQL = `UPDATE GOODS SET
443 |             total_count = ${(modalParams.total_count + count).toFixed(3)}
444 |             ,total_amount = ${(modalParams.total_amount + amount).toFixed(2)}
445 |             WHERE id = '${modalParams.goods_id}'`;
446 |             this.$logger(computeSQL);
447 |             this.$db.run(computeSQL, err => {
448 |               if (err) {
449 |                 this.$logger(err);
450 |                 this.$Notice.error({
451 |                   title: '新增失败',
452 |                   desc: err,
453 |                 });
454 |                 this.$db.run('ROLLBACK');
455 |               }
456 |             });
457 |             // 将最新记录标为不最新
458 |             const cancelLatestSQL = `UPDATE GOODS_DETAIL_LIST SET latest = 0 WHERE create_time = (select max(create_time) from GOODS_DETAIL_LIST WHERE goods_id = '${modalParams.goods_id}')`;
459 |             this.$logger(cancelLatestSQL);
460 |             this.$db.run(cancelLatestSQL, err => {
461 |               if (err) {
462 |                 this.$logger(err);
463 |                 this.$Notice.error({
464 |                   title: '新增失败',
465 |                   desc: err,
466 |                 });
467 |                 this.$db.run('ROLLBACK');
468 |               }
469 |             });
470 |             // 往明细记录中增加记录
471 |             const insertSQL = `INSERT INTO GOODS_DETAIL_LIST (goods_id,count,remark,actual_buy_unit_price,actual_sell_unit_price,amount,latest,create_time,update_time)
472 |           VALUES ('${modalParams.goods_id}','${count}','${modalParams.remark}','${actual_buy_unit_price}','${actual_sell_unit_price}','${amount}','1','${Date.now()}','')`;
473 |             this.$logger(insertSQL);
474 |             this.$db.run(insertSQL, err => {
475 |               if (err) {
476 |                 this.$logger(err);
477 |                 this.$Notice.error({
478 |                   title: '新增失败',
479 |                   desc: err,
480 |                 });
481 |                 this.$db.run('ROLLBACK');
482 |               }
483 |             });
484 |             this.$db.run('COMMIT');
485 |             this.modalShow = false;
486 |             this.$Message.success({
487 |               content: '新增成功',
488 |             });
489 |             this.getDataList(1);
490 |             this.modalBtnLoading = false;
491 |           });
492 |         }
493 |       });
494 |     },
495 |     // 编辑
496 |     edit(row) {
497 |       this.$refs.formVali.resetFields();
498 |       this.modalParams = {
499 |         id: row.id,
500 |         remark: row.remark,
501 |       };
502 |       this.modalShow = true;
503 |     },
504 |     // 编辑确认
505 |     editConfirm() {
506 |       this.$refs.formVali.validate(valid => {
507 |         if (valid) {
508 |           this.modalBtnLoading = true;
509 |           const modalParams = this.modalParams;
510 |           const SQL = `UPDATE GOODS_DETAIL_LIST SET
511 |           remark='${modalParams.remark}'
512 |           ,update_time='${Date.now()}'
513 |           WHERE id = ${modalParams.id}`;
514 |           this.$logger(SQL);
515 |           this.$db.run(SQL, err => {
516 |             if (err) {
517 |               this.$logger(err);
518 |               this.$Notice.error({
519 |                 title: '编辑失败',
520 |                 desc: err,
521 |               });
522 |             } else {
523 |               this.modalShow = false;
524 |               this.$Message.success({
525 |                 content: '编辑成功',
526 |               });
527 |               this.getDataList();
528 |             }
529 |             this.modalBtnLoading = false;
530 |           });
531 |         }
532 |       });
533 |     },
534 |     enterConfirm(id) {
535 |       if (id) {
536 |         this.editConfirm();
537 |       } else {
538 |         this.addConfirm();
539 |       }
540 |     },
541 |     //  删除
542 |     del(row) {
543 |       this.$db.serialize(() => {
544 |         this.$db.run('BEGIN');
545 |         // 回滚运算
546 |         const computeSQL = `UPDATE GOODS SET
547 |         total_count = ${(row.total_count - row.count).toFixed(3)}
548 |         ,total_amount = ${(row.total_amount - row.amount).toFixed(2)}
549 |         WHERE id = '${row.goods_id}'`;
550 |         this.$logger(computeSQL);
551 |         this.$db.run(computeSQL, err => {
552 |           if (err) {
553 |             this.$logger(err);
554 |             this.$db.run('ROLLBACK');
555 |             this.$Notice.error({
556 |               title: '删除失败',
557 |               desc: err,
558 |             });
559 |           }
560 |         });
561 |         // 删除行
562 |         const deleteSQL = `DELETE FROM GOODS_DETAIL_LIST WHERE id = ${row.id}`;
563 |         this.$logger(deleteSQL);
564 |         this.$db.run(deleteSQL, err => {
565 |           if (err) {
566 |             this.$logger(err);
567 |             this.$db.run('ROLLBACK');
568 |             this.$Notice.error({
569 |               title: '删除失败',
570 |               desc: err,
571 |             });
572 |           }
573 |         });
574 |         // 将现在最新行标为最新
575 |         const latestSQL = `UPDATE GOODS_DETAIL_LIST SET latest = 1 WHERE create_time = (select max(create_time) from GOODS_DETAIL_LIST WHERE goods_id = '${row.goods_id}')`;
576 |         this.$logger(latestSQL);
577 |         this.$db.run(latestSQL, err => {
578 |           if (err) {
579 |             this.$logger(err);
580 |             this.$Notice.error({
581 |               title: '新增失败',
582 |               desc: err,
583 |             });
584 |             this.$db.run('ROLLBACK');
585 |           }
586 |         });
587 |         this.$db.run('COMMIT');
588 |         this.$Message.success({
589 |           content: '删除成功',
590 |         });
591 |         this.getDataList();
592 |       });
593 |     },
594 |     // 导出表格
595 |     downloadExcel() {
596 |       this.downloadExcelLoading = true;
597 |       this.$db.all(this.downloadExcelSQL, (err, res) => {
598 |         if (err) {
599 |           this.$logger(err);
600 |           this.$Notice.error({
601 |             title: '搜索失败',
602 |             desc: err,
603 |           });
604 |         } else {
605 |           const data = [
606 |             [ '品名', '计数', '实际进价', '实际售价', '金额', '备注', '创建时间', '修改时间' ],
607 |           ];
608 |           for (const item of res) {
609 |             data.push([
610 |               item.name,
611 |               item.count,
612 |               item.actual_buy_unit_price,
613 |               item.actual_sell_unit_price,
614 |               item.amount,
615 |               item.remark,
616 |               util.dateFilter(item.create_time),
617 |               util.dateFilter(item.update_time),
618 |             ]);
619 |           }
620 |           const name = '进出明细';
621 |           download.excel(name, [
622 |             {
623 |               name,
624 |               data,
625 |             },
626 |           ]).then(arg => {
627 |             this.downloadExcelLoading = false;
628 |             if (arg === 'completed') {
629 |               this.$Message.success({
630 |                 content: '导出成功',
631 |               });
632 |             } else {
633 |               this.$Message.warning({
634 |                 content: '导出取消',
635 |               });
636 |             }
637 |           }).catch(err => {
638 |             this.downloadExcelLoading = false;
639 |             this.$Notice.error({
640 |               title: '导出失败',
641 |               desc: err,
642 |             });
643 |           });
644 |         }
645 |       });
646 |     },
647 |   },
648 |   created() {
649 |     const goods_id = this.$route.query.goods_id;
650 |     if (goods_id) {
651 |       this.search.goods_id = goods_id;
652 |     }
653 |     this.initGoodsDataList();
654 |     this.getDataList('search');
655 |   },
656 | };
657 | 
658 | </script>
659 | <style lang="less">
660 | </style>
661 | 


--------------------------------------------------------------------------------
/src/renderer/pages/menu/Goods.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <div>
  3 |         <Form :label-width="90" inline @keydown.native.enter.prevent="getDataList('search')">
  4 |             <FormItem label="品名">
  5 |                 <Input v-model="search.name" style="width: 203px" clearable></Input>
  6 |             </FormItem>
  7 |             <FormItem label="备注">
  8 |                 <Input v-model="search.remark" style="width: 203px" clearable></Input>
  9 |             </FormItem>
 10 |             <FormItem :label="item.label" v-for="(item,index) in searchInputNumberType" :key="index">
 11 |                 <InputNumber v-model="search[item.min]" :min="0"
 12 |                              :max="search[item.max] ? search[item.max] :Infinity"></InputNumber>
 13 |                 —
 14 |                 <InputNumber v-model="search[item.max]" :min="search[item.min] ? search[item.min] :0"></InputNumber>
 15 |                 <Button type="text" shape="circle" icon="close-round" size="small" title="清空该项输入"
 16 |                         @click="clearInputNumber(item.max,item.min)"></Button>
 17 |             </FormItem>
 18 |             <FormItem label="排序">
 19 |                 <Select v-model="search.sort" style="width:200px;">
 20 |                     <Option v-for="(item,index) in sortList" :value="item.value" :key="index">{{item.label}}
 21 |                     </Option>
 22 |                 </Select>
 23 |             </FormItem>
 24 |             <FormItem :label-width="10">
 25 |                 <Button type="primary" icon="ios-search" @click="getDataList('search')" title="搜索"></Button>
 26 |                 <Button style="margin-left:5px;" type="primary" icon="plus-round" @click="add" title="创建"></Button>
 27 |                 <Button style="margin-left:5px;" type="primary" icon="ios-upload-outline" @click="downloadExcel"
 28 |                         title="导出" :loading="downloadExcelLoading"></Button>
 29 |             </FormItem>
 30 |         </Form>
 31 |         <Table border stripe :columns="dataList_table_column" :data="dataList" :loading="tableLoading"
 32 |                @on-row-dblclick="tableRowDblClick"></Table>
 33 |         <Page :total="dataListTotalCount" :current="searchParams.pageIndex"
 34 |               :page-size="searchParams.pageSize" @on-change="getDataList" @on-page-size-change="getDataListOnPageChange"
 35 |               :page-size-opts="[10,20,30,40,50]" show-total
 36 |               show-sizer show-elevator transfer></Page>
 37 |         <Modal v-model="modalShow" :mask-closable="false" :title="modalTitle" @on-cancel="modalShow = false">
 38 |             <div>
 39 |                 <Form ref="formVali" :model="modalParams" :rules="ruleValidate" label-position="right"
 40 |                       :label-width="130" @keydown.native.enter.prevent="enterConfirm(modalParams.id)">
 41 |                     <FormItem label="品名" prop="name">
 42 |                         <Input v-model="modalParams.name" placeholder="必填，长度 100 以内"
 43 |                                style="width: 250px"></Input>
 44 |                     </FormItem>
 45 |                     <FormItem label="标准进价" prop="standard_buy_unit_price">
 46 |                         <Input v-model.number="modalParams.standard_buy_unit_price" placeholder="非必填，小数位不超过2位的正整数"
 47 |                                style="width: 250px"></Input>
 48 |                     </FormItem>
 49 |                     <FormItem label="标准售价" prop="standard_sell_unit_price">
 50 |                         <Input v-model.number="modalParams.standard_sell_unit_price" placeholder="非必填，小数位不超过2位的正整数"
 51 |                                style="width: 250px"></Input>
 52 |                     </FormItem>
 53 |                     <FormItem label="备注" prop="remark">
 54 |                         <Input v-model="modalParams.remark" type="textarea" :rows="4" placeholder="非必填，长度 200 以内"
 55 |                                style="width: 250px"></Input>
 56 |                     </FormItem>
 57 |                 </Form>
 58 |             </div>
 59 |             <div slot="footer">
 60 |                 <Button @click="modalShow = false">
 61 |                     取消
 62 |                 </Button>
 63 |                 <Button type="primary" v-if="!modalParams.id" @click="addConfirm" :loading="modalBtnLoading">确认
 64 |                 </Button>
 65 |                 <Button type="primary" v-if="modalParams.id" @click="editConfirm" :loading="modalBtnLoading">确认
 66 |                 </Button>
 67 |             </div>
 68 |         </Modal>
 69 |         <Modal v-model="delModalShow" width="370">
 70 |             <p slot="header" style="color:#f60;text-align:center">
 71 |                 <Icon type="information-circled"></Icon>
 72 |                 <span>删除确认</span>
 73 |             </p>
 74 |             <div style="text-align:center;line-height: 26px;">
 75 |                 <p>将永久删除 <strong>{{modalParams.name}}</strong> ，并删除该物品所有进出明细，且<strong>无法恢复</strong>。</p>
 76 |                 <p>请输入该物品品名以确认删除。</p>
 77 |                 <Input v-model="modalParams.input"
 78 |                        style="width: 250px"></Input>
 79 |             </div>
 80 |             <div slot="footer">
 81 |                 <Button type="error" size="large" long @click="delConfrim" :loading="modalBtnLoading"
 82 |                         :disabled="modalParams.name !== modalParams.input">删除
 83 |                 </Button>
 84 |             </div>
 85 |         </Modal>
 86 |     </div>
 87 | </template>
 88 | <script>
 89 | import util from '../../utils/util';
 90 | import download from '../../utils/download';
 91 | 
 92 | export default {
 93 |   data() {
 94 |     return {
 95 |       // loading
 96 |       downloadExcelLoading: false,
 97 |       modalBtnLoading: false,
 98 |       tableLoading: false,
 99 |       // ----特殊枚举
100 |       sortList: [
101 |         {
102 |           label: '按创建倒序',
103 |           value: 'DESC',
104 |         },
105 |         {
106 |           label: '按创建顺序',
107 |           value: 'ASC',
108 |         },
109 |       ],
110 |       searchInputNumberType: [
111 |         {
112 |           label: '数量',
113 |           max: 'totalMax',
114 |           min: 'totalMin',
115 |         },
116 |         {
117 |           label: '进价',
118 |           max: 'buyPriceMax',
119 |           min: 'buyPriceMin',
120 |         },
121 |         {
122 |           label: '售价',
123 |           max: 'sellPriceMax',
124 |           min: 'sellPriceMin',
125 |         },
126 |       ],
127 |       // ----常用
128 |       search: {
129 |         name: '',
130 |         remark: '',
131 |         sort: 'DESC',
132 |         totalMax: null,
133 |         totalMin: null,
134 |         buyPriceMax: null,
135 |         buyPriceMin: null,
136 |         sellPriceMax: null,
137 |         sellPriceMin: null,
138 |         pageIndex: 1,
139 |         pageSize: 10,
140 |       },
141 |       searchParams: {},
142 |       dataList: [],
143 |       dataListTotalCount: 0,
144 |       dataList_table_column: [
145 |         {
146 |           title: '品名',
147 |           key: 'name',
148 |           align: 'center',
149 |           minWidth: 200,
150 |         },
151 |         {
152 |           title: '数量',
153 |           key: 'total_count',
154 |           align: 'center',
155 |           minWidth: 150,
156 |           /* render: (h, params) => {
157 |             return h('span', params.row.total_count.toFixed(3));
158 |           },*/
159 |         },
160 |         {
161 |           title: '标准进价',
162 |           key: 'standard_buy_unit_price',
163 |           align: 'center',
164 |           minWidth: 150,
165 |         },
166 |         {
167 |           title: '标准售价',
168 |           key: 'standard_sell_unit_price',
169 |           align: 'center',
170 |           minWidth: 150,
171 |         },
172 |         {
173 |           title: '总金额',
174 |           key: 'total_amount',
175 |           align: 'center',
176 |           minWidth: 150,
177 |           render: (h, params) => {
178 |             return h('span', params.row.total_amount > 0 ? '+' + params.row.total_amount : params.row.total_amount);
179 |           },
180 |         },
181 |         {
182 |           title: '备注',
183 |           key: 'remark',
184 |           align: 'center',
185 |           minWidth: 300,
186 |           render: (h, params) => {
187 |             const remark = params.row.remark;
188 |             if (remark) {
189 |               return h('Tooltip', {
190 |                 class: {
191 |                   'table-tooltip': true,
192 |                 },
193 |                 props: {
194 |                   delay: 800,
195 |                 },
196 |               }, [
197 |                 h('div', remark),
198 |                 h('div', {
199 |                   style: {
200 |                     'white-space': 'normal',
201 |                   },
202 |                   slot: 'content',
203 |                 }, remark),
204 |               ]);
205 |             }
206 | 
207 |           },
208 |         },
209 |         {
210 |           title: '创建时间',
211 |           key: 'create_time',
212 |           align: 'center',
213 |           minWidth: 150,
214 |           render: (h, params) => {
215 |             return h('span', util.dateFilter(params.row.create_time));
216 |           },
217 |         },
218 |         {
219 |           title: '修改时间',
220 |           key: 'update_time',
221 |           align: 'center',
222 |           minWidth: 150,
223 |           render: (h, params) => {
224 |             return h('span', util.dateFilter(params.row.update_time));
225 |           },
226 |         },
227 |         {
228 |           title: '操作',
229 |           key: 'action',
230 |           width: 130,
231 |           align: 'center',
232 |           fixed: 'right',
233 |           render: (h, params) => {
234 |             return h('div', [
235 |               h('Button', {
236 |                 props: {
237 |                   type: 'primary',
238 |                   size: 'small',
239 |                   icon: 'ios-list-outline',
240 |                 },
241 |                 attrs: {
242 |                   title: '查看进出明细',
243 |                 },
244 |                 on: {
245 |                   click: () => {
246 |                     this.direct(params.row);
247 |                   },
248 |                 },
249 |               }),
250 |               h('Button', {
251 |                 props: {
252 |                   type: 'primary',
253 |                   size: 'small',
254 |                   icon: 'edit',
255 |                 },
256 |                 attrs: {
257 |                   title: '修改',
258 |                 },
259 |                 style: {
260 |                   'margin-left': '5px',
261 |                 },
262 |                 on: {
263 |                   click: () => {
264 |                     this.edit(params.row);
265 |                   },
266 |                 },
267 |               }),
268 |               h('Button', {
269 |                 props: {
270 |                   type: 'error',
271 |                   size: 'small',
272 |                   icon: 'trash-b',
273 |                 },
274 |                 attrs: {
275 |                   title: '删除',
276 |                 },
277 |                 style: {
278 |                   'margin-left': '5px',
279 |                 },
280 |                 on: {
281 |                   click: () => {
282 |                     this.del(params.row);
283 |                   },
284 |                 },
285 |               }),
286 |             ]);
287 |           },
288 |         },
289 |       ],
290 |       modalShow: false,
291 |       modalParams: {
292 |         name: '',
293 |         standard_buy_unit_price: '',
294 |         standard_sell_unit_price: '',
295 |         remark: '',
296 |       },
297 |       delModalShow: false,
298 |       ruleValidate: {
299 |         name: [
300 |           { required: true, message: '请输入 品名' },
301 |           { max: 100, message: '品名 长度 100 以内' },
302 |         ],
303 |         standard_buy_unit_price: [
304 |           { pattern: util.getRegexp('money'), message: '标准进价 只能为 小数位不超过2位的正整数' },
305 |         ],
306 |         standard_sell_unit_price: [
307 |           { pattern: util.getRegexp('money'), message: '标准售价 只能为 小数位不超过2位的正整数' },
308 |         ],
309 |         remark: [
310 |           { max: 200, message: '备注 长度 200 以内' },
311 |         ],
312 |       },
313 |       downloadExcelSQL: '',
314 |     };
315 |   },
316 |   computed: {
317 |     modalTitle() {
318 |       return this.modalParams.id ? '修改' : '创建';
319 |     },
320 |   },
321 |   methods: {
322 |     // 清空该项输入
323 |     clearInputNumber(max, min) {
324 |       this.search[ max ] = null;
325 |       this.search[ min ] = null;
326 |     },
327 |     // 搜索
328 |     getDataList(method) {
329 |       this.tableLoading = true;
330 |       if (method === 'search') {
331 |         this.searchParams = JSON.parse(JSON.stringify(this.search));
332 |       }
333 |       if (typeof method === 'number') {
334 |         this.searchParams.pageIndex = method;
335 |       }
336 |       const searchParams = this.searchParams;
337 |       let whereSQL = `WHERE name LIKE '%${searchParams.name}%' AND remark LIKE '%${searchParams.remark}%' `;
338 |       searchParams.totalMin !== null ? whereSQL += `AND total_count >= ${searchParams.totalMin} ` : null;
339 |       searchParams.totalMax !== null ? whereSQL += `AND total_count <= ${searchParams.totalMax} ` : null;
340 |       searchParams.buyPriceMin !== null ? whereSQL += `AND standard_buy_unit_price >= ${searchParams.buyPriceMin} ` : null;
341 |       searchParams.buyPriceMax !== null ? whereSQL += `AND standard_buy_unit_price <= ${searchParams.buyPriceMax} ` : null;
342 |       searchParams.sellPriceMin !== null ? whereSQL += `AND standard_sell_unit_price >= ${searchParams.sellPriceMin} ` : null;
343 |       searchParams.sellPriceMax !== null ? whereSQL += `AND standard_sell_unit_price <= ${searchParams.sellPriceMax} ` : null;
344 |       const pageSQL = `LIMIT ${searchParams.pageSize} OFFSET ${(searchParams.pageIndex - 1) * searchParams.pageSize} `;
345 |       const orderSQL = `ORDER BY id ${searchParams.sort} `;
346 |       // 导出sql
347 |       this.downloadExcelSQL = 'SELECT * from GOODS ' + whereSQL + orderSQL;
348 |       const rowSQL = this.downloadExcelSQL + pageSQL;
349 |       const countSQL = 'SELECT COUNT(id) AS totalCount from GOODS ' + whereSQL;
350 |       this.$logger(rowSQL);
351 |       this.$db.all(rowSQL, (err, res) => {
352 |         if (err) {
353 |           this.$logger(err);
354 |           this.$Notice.error({
355 |             title: '搜索失败',
356 |             desc: err,
357 |           });
358 |         } else {
359 |           if (!res.length && searchParams.pageIndex !== 1) {
360 |             // 该页没数据，又不是第一页，就往上一页翻
361 |             this.getDataList(searchParams.pageIndex - 1);
362 |           } else {
363 |             this.dataList = res;
364 |           }
365 |         }
366 |         this.tableLoading = false;
367 |       });
368 |       this.$logger(countSQL);
369 |       this.$db.get(countSQL, (err, res) => {
370 |         if (err) {
371 |           this.$logger(err);
372 |           this.$Notice.error({
373 |             title: '搜索失败',
374 |             desc: err,
375 |           });
376 |         } else {
377 |           this.dataListTotalCount = res.totalCount;
378 |         }
379 |       });
380 |     },
381 |     // pageSize改变
382 |     getDataListOnPageChange(pageSize) {
383 |       this.search.pageSize = pageSize;
384 |       this.getDataList('search');
385 |     },
386 |     // 双击表格某行
387 |     tableRowDblClick(row) {
388 |       this.direct(row);
389 |     },
390 |     // 新增
391 |     add() {
392 |       this.$refs.formVali.resetFields();
393 |       this.modalParams = this.$options.data().modalParams;
394 |       this.modalShow = true;
395 |     },
396 |     // 新增确认
397 |     addConfirm() {
398 |       this.$refs.formVali.validate(valid => {
399 |         if (valid) {
400 |           this.modalBtnLoading = true;
401 |           const modalParams = this.modalParams;
402 |           // 检测品名是否存在
403 |           const SQL = `SELECT COUNT(id) AS totalCount from GOODS WHERE name = '${modalParams.name}'`;
404 |           this.$db.get(SQL, (err, res) => {
405 |             if (err) {
406 |               this.$logger(err);
407 |               this.$Notice.error({
408 |                 title: '搜索失败',
409 |                 desc: err,
410 |               });
411 |             } else {
412 |               if (res.totalCount) {
413 |                 this.$Message.warning({
414 |                   content: '品名已存在',
415 |                 });
416 |                 this.modalBtnLoading = false;
417 |               } else {
418 |                 const SQL = `INSERT INTO GOODS (name,total_count,total_amount,standard_buy_unit_price,standard_sell_unit_price,remark,create_time,update_time)
419 |           VALUES ('${modalParams.name}','0','0','${modalParams.standard_buy_unit_price}','${modalParams.standard_sell_unit_price}','${modalParams.remark}','${Date.now()}','')`;
420 |                 this.$logger(SQL);
421 |                 this.$db.run(SQL, err => {
422 |                   if (err) {
423 |                     this.$logger(err);
424 |                     this.$Notice.error({
425 |                       title: '新增失败',
426 |                       desc: err,
427 |                     });
428 |                   } else {
429 |                     this.modalShow = false;
430 |                     this.$Message.success({
431 |                       content: '新增成功',
432 |                     });
433 |                     this.getDataList(1);
434 |                   }
435 |                   this.modalBtnLoading = false;
436 |                 });
437 |               }
438 |             }
439 |           });
440 |         }
441 |       });
442 |     },
443 |     // 跳转
444 |     direct(row) {
445 |       this.$router.push({
446 |         path: '/detailList',
447 |         query: {
448 |           goods_id: row.id,
449 |         },
450 |       });
451 |     },
452 |     // 编辑
453 |     edit(row) {
454 |       this.$refs.formVali.resetFields();
455 |       this.modalParams = {
456 |         id: row.id,
457 |         name: row.name,
458 |         standard_buy_unit_price: row.standard_buy_unit_price,
459 |         standard_sell_unit_price: row.standard_sell_unit_price,
460 |         remark: row.remark,
461 |       };
462 |       this.modalShow = true;
463 |     },
464 |     // 编辑确认
465 |     editConfirm() {
466 |       this.$refs.formVali.validate(valid => {
467 |         if (valid) {
468 |           this.modalBtnLoading = true;
469 |           const modalParams = this.modalParams;
470 |           // 检测品名是否存在
471 |           const SQL = `SELECT id from GOODS WHERE name = '${modalParams.name}'`;
472 |           this.$db.get(SQL, (err, res) => {
473 |             if (err) {
474 |               this.$logger(err);
475 |               this.$Notice.error({
476 |                 title: '搜索失败',
477 |                 desc: err,
478 |               });
479 |             } else {
480 |               if (res && res.id !== modalParams.id) {
481 |                 this.$Message.warning({
482 |                   content: '品名已存在',
483 |                 });
484 |                 this.modalBtnLoading = false;
485 |               } else {
486 |                 const SQL = `UPDATE GOODS SET
487 |           name='${modalParams.name}'
488 |           ,standard_buy_unit_price='${modalParams.standard_buy_unit_price}'
489 |           ,standard_sell_unit_price='${modalParams.standard_sell_unit_price}'
490 |           ,remark='${modalParams.remark}'
491 |           ,update_time='${Date.now()}'
492 |           WHERE id = ${modalParams.id}`;
493 |                 this.$logger(SQL);
494 |                 this.$db.run(SQL, err => {
495 |                   if (err) {
496 |                     this.$logger(err);
497 |                     this.$Notice.error({
498 |                       title: '编辑失败',
499 |                       desc: err,
500 |                     });
501 |                   } else {
502 |                     this.modalShow = false;
503 |                     this.$Message.success({
504 |                       content: '编辑成功',
505 |                     });
506 |                     this.getDataList();
507 |                   }
508 |                   this.modalBtnLoading = false;
509 |                 });
510 |               }
511 |             }
512 |           });
513 |         }
514 |       });
515 |     },
516 |     enterConfirm(id) {
517 |       if (id) {
518 |         this.editConfirm();
519 |       } else {
520 |         this.addConfirm();
521 |       }
522 |     },
523 |     // 删除
524 |     del(row) {
525 |       this.modalParams = {
526 |         id: row.id,
527 |         name: row.name,
528 |         input: '',
529 |       };
530 |       this.delModalShow = true;
531 |     },
532 |     //  删除确认
533 |     delConfrim() {
534 |       this.$db.serialize(() => {
535 |         this.$db.run('BEGIN');
536 |         // 删除所有明细
537 |         const deleteDetailSQL = `DELETE FROM GOODS_DETAIL_LIST WHERE goods_id = ${this.modalParams.id}`;
538 |         this.$logger(deleteDetailSQL);
539 |         this.$db.run(deleteDetailSQL, err => {
540 |           if (err) {
541 |             this.$logger(err);
542 |             this.$db.run('ROLLBACK');
543 |             this.$Notice.error({
544 |               title: '删除失败',
545 |               desc: err,
546 |             });
547 |           }
548 |         });
549 |         const deleteSQL = `DELETE FROM GOODS WHERE id = ${this.modalParams.id}`;
550 |         this.$logger(deleteSQL);
551 |         this.$db.run(deleteSQL, err => {
552 |           if (err) {
553 |             this.$logger(err);
554 |             this.$db.run('ROLLBACK');
555 |             this.$Notice.error({
556 |               title: '删除失败',
557 |               desc: err,
558 |             });
559 |           }
560 |         });
561 |         this.$db.run('COMMIT');
562 |         this.delModalShow = false;
563 |         this.$Message.success({
564 |           content: '删除成功',
565 |         });
566 |         this.getDataList();
567 |       });
568 |     },
569 |     // 导出表格
570 |     downloadExcel() {
571 |       this.downloadExcelLoading = true;
572 |       this.$db.all(this.downloadExcelSQL, (err, res) => {
573 |         if (err) {
574 |           this.$logger(err);
575 |           this.$Notice.error({
576 |             title: '搜索失败',
577 |             desc: err,
578 |           });
579 |         } else {
580 |           const data = [
581 |             [ '品名', '数量', '标准进价', '标准售价', '总金额', '备注', '创建时间', '修改时间' ],
582 |           ];
583 |           for (const item of res) {
584 |             data.push([ item.name, item.total_count, item.standard_buy_unit_price, item.standard_sell_unit_price, item.total_amount, item.remark, util.dateFilter(item.create_time), util.dateFilter(item.update_time) ]);
585 |           }
586 |           const name = '物品管理';
587 |           download.excel(name, [
588 |             {
589 |               name,
590 |               data,
591 |             },
592 |           ]).then(arg => {
593 |             this.downloadExcelLoading = false;
594 |             if (arg === 'completed') {
595 |               this.$Message.success({
596 |                 content: '导出成功',
597 |               });
598 |             } else {
599 |               this.$Message.warning({
600 |                 content: '导出取消',
601 |               });
602 |             }
603 |           }).catch(err => {
604 |             this.downloadExcelLoading = false;
605 |             this.$Notice.error({
606 |               title: '导出失败',
607 |               desc: err,
608 |             });
609 |           });
610 |         }
611 |       });
612 |     },
613 |   },
614 |   created() {
615 |     this.getDataList('search');
616 |   },
617 | };
618 | 
619 | </script>
620 | <style lang="less">
621 | </style>
622 | 


--------------------------------------------------------------------------------
/src/renderer/route.js:
--------------------------------------------------------------------------------
 1 | import Home from './pages/Home';
 2 | import menus from './menu';
 3 | 
 4 | const childrenRoutes = [];
 5 | 
 6 | for (const menu of menus) {
 7 |   childrenRoutes.push(menu);
 8 | }
 9 | 
10 | childrenRoutes.push({
11 |   path: '*',
12 |   redirect: menus[ 0 ].path,
13 | });
14 | 
15 | const routes = [
16 |   {
17 |     path: '/',
18 |     component: Home,
19 |     children: childrenRoutes,
20 |   },
21 | ];
22 | 
23 | export default routes;
24 | 


--------------------------------------------------------------------------------
/src/renderer/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import Vuex from 'vuex';
 3 | 
 4 | import modules from './modules';
 5 | 
 6 | Vue.use(Vuex);
 7 | 
 8 | export default new Vuex.Store({
 9 |   modules,
10 |   strict: process.env.NODE_ENV !== 'production',
11 | });
12 | 


--------------------------------------------------------------------------------
/src/renderer/store/modules/index.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * The file enables `@/store/index.js` to import all vuex modules
 3 |  * in a one-shot manner. There should not be any reason to edit this file.
 4 |  */
 5 | 
 6 | const files = require.context('.', false, /\.js$/);
 7 | const modules = {};
 8 | 
 9 | files.keys().forEach(key => {
10 |   if (key === './index.js') return;
11 |   modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default;
12 | });
13 | 
14 | export default modules;
15 | 


--------------------------------------------------------------------------------
/src/renderer/utils/axios.js:
--------------------------------------------------------------------------------
 1 | import axios from 'axios';
 2 | import iview from 'iview';
 3 | 
 4 | export const _back_public = axios.create({
 5 |   baseURL: '/back-public',
 6 | });
 7 | 
 8 | export const _back_api = axios.create({
 9 |   baseURL: '/back-api',
10 | });
11 | 
12 | export const _api = axios.create({});
13 | 
14 | _back_public.interceptors.request.use(reqSuccess, reqError);
15 | _back_public.interceptors.response.use(resSuccess, resError);
16 | 
17 | _back_api.interceptors.request.use(reqSuccess, reqError);
18 | _back_api.interceptors.response.use(resSuccess, resError);
19 | 
20 | function reqSuccess(config) {
21 |   config.headers.token = localStorage.getItem('token') || '';
22 |   return config;
23 | }
24 | 
25 | function reqError(error) {
26 |   return Promise.reject(error);
27 | }
28 | 
29 | function resSuccess(response) {
30 |   const token = response.headers.token;
31 |   if (token) {
32 |     localStorage.token = token;
33 |   }
34 |   return response;
35 | }
36 | 
37 | function resError(error) {
38 |   if (error.response.status === 401) {
39 |     window.location.hash = '/login?reason=expired';
40 |   } else if (String(error.response.status)[0] === '5') {
41 |     iview.Message.error('服务器内部错误');
42 |   }
43 |   return Promise.reject(error);
44 | }
45 | 
46 | 


--------------------------------------------------------------------------------
/src/renderer/utils/db.js:
--------------------------------------------------------------------------------
 1 | import fse from 'fs-extra';
 2 | import path from 'path';
 3 | import sq3 from 'sqlite3';
 4 | import logger from './logger';
 5 | import { docDir } from './settings';
 6 | // 将数据存至系统用户目录，防止用户误删程序
 7 | export const dbPath = path.join(docDir, 'data.sqlite3');
 8 | fse.ensureFileSync(dbPath);
 9 | 
10 | const sqlite3 = sq3.verbose();
11 | const db = new sqlite3.Database(dbPath);
12 | db.serialize(() => {
13 |   /**
14 |    * 物品表 GOODS
15 |    * name 品名
16 |    * standard_buy_unit_price 标准进价
17 |    * standard_sell_unit_price 标准售价
18 |    * total_amount 总金额
19 |    * total_count 总数量
20 |    * remark 备注
21 |    * create_time 创建时间
22 |    * update_time 修改时间
23 |    */
24 |   db.run(`CREATE TABLE GOODS(
25 |     id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,
26 |     name VARCHAR(255) NOT NULL,
27 |     standard_buy_unit_price DECIMAL(15,2) NOT NULL,
28 |     standard_sell_unit_price DECIMAL(15,2) NOT NULL,
29 |     total_amount DECIMAL(15,2) NOT NULL,
30 |     total_count DECIMAL(15,3) NOT NULL,
31 |     remark VARCHAR(255) NOT NULL,
32 |     create_time INTEGER NOT NULL,
33 |     update_time INTEGER NOT NULL
34 |     )`, err => {
35 |     logger(err);
36 |   });
37 | 
38 |   /**
39 |    * 进出明细表 GOODS_DETAIL_LIST
40 |    * goods_id 物品id
41 |    * count 计数（+加 -减）
42 |    * actual_buy_unit_price 实际进价
43 |    * actual_sell_unit_price 实际售价
44 |    * amount 实际金额
45 |    * remark 备注
46 |    * latest 是否某物品最新一条记录（不是最新操作无法删除）（1是 0不是）
47 |    * create_time 创建时间
48 |    * update_time 修改时间
49 |    */
50 |   db.run(`CREATE TABLE GOODS_DETAIL_LIST(
51 |     id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,
52 |     goods_id INTEGER NOT NULL, 
53 |     count DECIMAL(15,3) NOT NULL,
54 |     actual_sell_unit_price DECIMAL(15,2) NOT NULL,
55 |     actual_buy_unit_price DECIMAL(15,2) NOT NULL,
56 |     amount DECIMAL(15,2) NOT NULL,
57 |     remark VARCHAR(255) NOT NULL,
58 |     latest INTEGER NOT NULL,
59 |     create_time INTEGER NOT NULL,
60 |     update_time INTEGER NOT NULL,
61 |     FOREIGN KEY (goods_id) REFERENCES GOODS(id)
62 |     )`, err => {
63 |     logger(err);
64 |   });
65 | });
66 | 
67 | export default db;
68 | 


--------------------------------------------------------------------------------
/src/renderer/utils/download.js:
--------------------------------------------------------------------------------
 1 | import fs from 'fs';
 2 | import fse from 'fs-extra';
 3 | import xlsx from 'node-xlsx';
 4 | import path from 'path';
 5 | import os from 'os';
 6 | import day from 'dayjs';
 7 | import { ipcRenderer } from 'electron';
 8 | import logger from './logger';
 9 | 
10 | const tmpPath = path.join(os.tmpdir(), 'easy-invoices');
11 | fse.ensureDirSync(tmpPath);
12 | /**
13 |  * 导出excel
14 |  * @param {String} filename 文件名
15 |  * @param {Object} excelOption 表格配置([{name:<String>,data:<Array>}])
16 |  * @return {Promise} 导出回调
17 |  */
18 | const excel = (filename, excelOption) => {
19 |   return new Promise((resolve, reject) => {
20 |     const buffer = xlsx.build(excelOption);
21 |     const fileName = `${day().format('YYYY-MM-DD_HH-mm-ss')}_${filename}.xlsx`;
22 |     const filePath = path.join(tmpPath, fileName);
23 |     logger('tmp:' + filePath);
24 |     fs.writeFileSync(filePath, buffer);
25 |     ipcRenderer.send('download', filePath);
26 |     ipcRenderer.once('downstate', (event, arg) => {
27 |       if (arg === 'completed' || arg === 'cancelled') {
28 |         resolve(arg);
29 |       } else {
30 |         reject(arg);
31 |       }
32 |       fse.remove(filePath);
33 |     });
34 |   });
35 | };
36 | 
37 | export default {
38 |   excel,
39 | };
40 | 
41 | 


--------------------------------------------------------------------------------
/src/renderer/utils/logger.js:
--------------------------------------------------------------------------------
1 | const log = msg => {
2 |   if (process.env.NODE_ENV === 'development') {
3 |     console.log(msg);
4 |   }
5 | };
6 | 
7 | export default log;
8 | 


--------------------------------------------------------------------------------
/src/renderer/utils/settings.js:
--------------------------------------------------------------------------------
 1 | import settings from 'electron-settings';
 2 | import fse from 'fs-extra';
 3 | import path from 'path';
 4 | import os from 'os';
 5 | 
 6 | export const docDir = path.join(os.homedir(), 'easy-invoices');
 7 | const settingsPath = path.join(docDir, 'settings.json');
 8 | fse.ensureFileSync(settingsPath);
 9 | 
10 | settings.setPath(settingsPath);
11 | 
12 | export default settings;
13 | 


--------------------------------------------------------------------------------
/src/renderer/utils/upgrade.js:
--------------------------------------------------------------------------------
 1 | import settings from './settings';
 2 | import packageJson from '../../../package.json';
 3 | // 程序当前版本
 4 | const appCurrentVersion = packageJson.version;
 5 | 
 6 | /*
 7 | import db from './db';
 8 | 
 9 | // 罗列增量升级脚本
10 | const incrementalUpgrade = {
11 |   '1.0.1':()=>{
12 |     db.run();
13 |   },
14 |   '1.0.2':()=>{
15 |     db.run();
16 |   },
17 | }
18 | 
19 | // 升级前版本
20 | const beforeUpgradeVersion = settings.get('version');
21 | // 寻找执行的脚本 增量执行
22 | */
23 | 
24 | // 升级完成
25 | settings.set('version', appCurrentVersion);
26 | 


--------------------------------------------------------------------------------
/src/renderer/utils/util.js:
--------------------------------------------------------------------------------
 1 | exports.dateFilter = value => {
 2 |   if (value) {
 3 |     const d = new Date(parseInt(value));
 4 |     const date = {
 5 |       Y: d.getFullYear(),
 6 |       M: d.getMonth() > 8 ? (d.getMonth() + 1) : '0' + (d.getMonth() + 1),
 7 |       D: d.getDate() > 9 ? d.getDate() : '0' + d.getDate(),
 8 |       h: d.getHours() > 9 ? d.getHours() : '0' + d.getHours(),
 9 |       m: d.getMinutes() > 9 ? d.getMinutes() : '0' + d.getMinutes(),
10 |       s: d.getSeconds() > 9 ? d.getSeconds() : '0' + d.getSeconds(),
11 |     };
12 |     const t = date.Y + '-' + date.M + '-' + date.D + ' ' + date.h + ':' + date.m + ':' + date.s;
13 |     return t;
14 |   }
15 |   return '';
16 | };
17 | 
18 | exports.getRegexp = type => {
19 |   switch (type) {
20 |     case 'money':
21 |       return /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2})))$/;
22 |     default:
23 |       return null;
24 |   }
25 | };
26 | 
27 | exports.getDatePickerOpt = () => {
28 |   return {
29 |     disabledDate: date => {
30 |       return date.valueOf() > Date.now();
31 |     },
32 |   };
33 | };
34 | 


--------------------------------------------------------------------------------
/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CaanDoll/easy-invoices/8e7f686935ed4639ea015a00b9a0814ab0965984/static/.gitkeep


--------------------------------------------------------------------------------
/verify_commit_msg.js:
--------------------------------------------------------------------------------
 1 | 
 2 | const chalk = require('chalk');
 3 | const msgPath = process.env.GIT_PARAMS;
 4 | const msg = require('fs').readFileSync(msgPath, 'utf-8').trim();
 5 | 
 6 | const commitRE = /^(revert: )?(feat|fix|docs|style|refactor|perf|test|workflow|ci|chore|types)(\(.+\))?: .{1,50}/;
 7 | 
 8 | if (!commitRE.test(msg)) {
 9 |   console.log();
10 |   console.error(
11 |     `  ${chalk.bgRed.white(' ERROR ')} ${chalk.red('invalid commit message format.')}\n\n` +
12 |     chalk.red('  Proper commit message format is required for automated changelog generation. Examples:\n\n') +
13 |     `    ${chalk.green('feat(compiler): add \'comments\' option')}\n` +
14 |     `    ${chalk.green('fix(v-model): handle events on blur (close #28)')}\n\n` +
15 |     chalk.red('  See .README.md for more details.\n') +
16 |     chalk.red(`  You can also use ${chalk.cyan('npm run commit')} to interactively generate a commit message.\n`)
17 |   );
18 |   process.exit(1);
19 | }
20 | 


--------------------------------------------------------------------------------