commit
11469f83a0
51 changed files with 17261 additions and 0 deletions
@ -0,0 +1,12 @@ |
|||
{ |
|||
"presets": [ |
|||
["env", { |
|||
"modules": false, |
|||
"targets": { |
|||
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"] |
|||
} |
|||
}], |
|||
"stage-2" |
|||
], |
|||
"plugins": ["transform-vue-jsx", "transform-runtime"] |
|||
} |
|||
@ -0,0 +1,9 @@ |
|||
root = true |
|||
|
|||
[*] |
|||
charset = utf-8 |
|||
indent_style = space |
|||
indent_size = 2 |
|||
end_of_line = lf |
|||
insert_final_newline = true |
|||
trim_trailing_whitespace = true |
|||
@ -0,0 +1,14 @@ |
|||
.DS_Store |
|||
node_modules/ |
|||
/dist/ |
|||
npm-debug.log* |
|||
yarn-debug.log* |
|||
yarn-error.log* |
|||
|
|||
# Editor directories and files |
|||
.idea |
|||
.vscode |
|||
*.suo |
|||
*.ntvs* |
|||
*.njsproj |
|||
*.sln |
|||
@ -0,0 +1,10 @@ |
|||
// https://github.com/michael-ciniawsky/postcss-load-config
|
|||
|
|||
module.exports = { |
|||
"plugins": { |
|||
"postcss-import": {}, |
|||
"postcss-url": {}, |
|||
// to edit target browsers: use "browserslist" field in package.json
|
|||
"autoprefixer": {} |
|||
} |
|||
} |
|||
@ -0,0 +1,21 @@ |
|||
# wenhuadate_admin |
|||
|
|||
> A Vue.js project |
|||
|
|||
## Build Setup |
|||
|
|||
``` bash |
|||
# install dependencies |
|||
npm install |
|||
|
|||
# serve with hot reload at localhost:8080 |
|||
npm run dev |
|||
|
|||
# build for production with minification |
|||
npm run build |
|||
|
|||
# build for production and view the bundle analyzer report |
|||
npm run build --report |
|||
``` |
|||
|
|||
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). |
|||
@ -0,0 +1,41 @@ |
|||
'use strict' |
|||
require('./check-versions')() |
|||
|
|||
process.env.NODE_ENV = 'production' |
|||
|
|||
const ora = require('ora') |
|||
const rm = require('rimraf') |
|||
const path = require('path') |
|||
const chalk = require('chalk') |
|||
const webpack = require('webpack') |
|||
const config = require('../config') |
|||
const webpackConfig = require('./webpack.prod.conf') |
|||
|
|||
const spinner = ora('building for production...') |
|||
spinner.start() |
|||
|
|||
rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { |
|||
if (err) throw err |
|||
webpack(webpackConfig, (err, stats) => { |
|||
spinner.stop() |
|||
if (err) throw err |
|||
process.stdout.write(stats.toString({ |
|||
colors: true, |
|||
modules: false, |
|||
children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
|
|||
chunks: false, |
|||
chunkModules: false |
|||
}) + '\n\n') |
|||
|
|||
if (stats.hasErrors()) { |
|||
console.log(chalk.red(' Build failed with errors.\n')) |
|||
process.exit(1) |
|||
} |
|||
|
|||
console.log(chalk.cyan(' Build complete.\n')) |
|||
console.log(chalk.yellow( |
|||
' Tip: built files are meant to be served over an HTTP server.\n' + |
|||
' Opening index.html over file:// won\'t work.\n' |
|||
)) |
|||
}) |
|||
}) |
|||
@ -0,0 +1,54 @@ |
|||
'use strict' |
|||
const chalk = require('chalk') |
|||
const semver = require('semver') |
|||
const packageConfig = require('../package.json') |
|||
const shell = require('shelljs') |
|||
|
|||
function exec (cmd) { |
|||
return require('child_process').execSync(cmd).toString().trim() |
|||
} |
|||
|
|||
const versionRequirements = [ |
|||
{ |
|||
name: 'node', |
|||
currentVersion: semver.clean(process.version), |
|||
versionRequirement: packageConfig.engines.node |
|||
} |
|||
] |
|||
|
|||
if (shell.which('npm')) { |
|||
versionRequirements.push({ |
|||
name: 'npm', |
|||
currentVersion: exec('npm --version'), |
|||
versionRequirement: packageConfig.engines.npm |
|||
}) |
|||
} |
|||
|
|||
module.exports = function () { |
|||
const warnings = [] |
|||
|
|||
for (let i = 0; i < versionRequirements.length; i++) { |
|||
const mod = versionRequirements[i] |
|||
|
|||
if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { |
|||
warnings.push(mod.name + ': ' + |
|||
chalk.red(mod.currentVersion) + ' should be ' + |
|||
chalk.green(mod.versionRequirement) |
|||
) |
|||
} |
|||
} |
|||
|
|||
if (warnings.length) { |
|||
console.log('') |
|||
console.log(chalk.yellow('To use this template, you must update following to modules:')) |
|||
console.log() |
|||
|
|||
for (let i = 0; i < warnings.length; i++) { |
|||
const warning = warnings[i] |
|||
console.log(' ' + warning) |
|||
} |
|||
|
|||
console.log() |
|||
process.exit(1) |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 6.7 KiB |
@ -0,0 +1,101 @@ |
|||
'use strict' |
|||
const path = require('path') |
|||
const config = require('../config') |
|||
const ExtractTextPlugin = require('extract-text-webpack-plugin') |
|||
const packageConfig = require('../package.json') |
|||
|
|||
exports.assetsPath = function (_path) { |
|||
const assetsSubDirectory = process.env.NODE_ENV === 'production' |
|||
? config.build.assetsSubDirectory |
|||
: config.dev.assetsSubDirectory |
|||
|
|||
return path.posix.join(assetsSubDirectory, _path) |
|||
} |
|||
|
|||
exports.cssLoaders = function (options) { |
|||
options = options || {} |
|||
|
|||
const cssLoader = { |
|||
loader: 'css-loader', |
|||
options: { |
|||
sourceMap: options.sourceMap |
|||
} |
|||
} |
|||
|
|||
const postcssLoader = { |
|||
loader: 'postcss-loader', |
|||
options: { |
|||
sourceMap: options.sourceMap |
|||
} |
|||
} |
|||
|
|||
// generate loader string to be used with extract text plugin
|
|||
function generateLoaders (loader, loaderOptions) { |
|||
const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] |
|||
|
|||
if (loader) { |
|||
loaders.push({ |
|||
loader: loader + '-loader', |
|||
options: Object.assign({}, loaderOptions, { |
|||
sourceMap: options.sourceMap |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
// Extract CSS when that option is specified
|
|||
// (which is the case during production build)
|
|||
if (options.extract) { |
|||
return ExtractTextPlugin.extract({ |
|||
use: loaders, |
|||
fallback: 'vue-style-loader' |
|||
}) |
|||
} else { |
|||
return ['vue-style-loader'].concat(loaders) |
|||
} |
|||
} |
|||
|
|||
// https://vue-loader.vuejs.org/en/configurations/extract-css.html
|
|||
return { |
|||
css: generateLoaders(), |
|||
postcss: generateLoaders(), |
|||
less: generateLoaders('less'), |
|||
sass: generateLoaders('sass', { indentedSyntax: true }), |
|||
scss: generateLoaders('sass'), |
|||
stylus: generateLoaders('stylus'), |
|||
styl: generateLoaders('stylus') |
|||
} |
|||
} |
|||
|
|||
// Generate loaders for standalone style files (outside of .vue)
|
|||
exports.styleLoaders = function (options) { |
|||
const output = [] |
|||
const loaders = exports.cssLoaders(options) |
|||
|
|||
for (const extension in loaders) { |
|||
const loader = loaders[extension] |
|||
output.push({ |
|||
test: new RegExp('\\.' + extension + '$'), |
|||
use: loader |
|||
}) |
|||
} |
|||
|
|||
return output |
|||
} |
|||
|
|||
exports.createNotifierCallback = () => { |
|||
const notifier = require('node-notifier') |
|||
|
|||
return (severity, errors) => { |
|||
if (severity !== 'error') return |
|||
|
|||
const error = errors[0] |
|||
const filename = error.file && error.file.split('!').pop() |
|||
|
|||
notifier.notify({ |
|||
title: packageConfig.name, |
|||
message: severity + ': ' + error.name, |
|||
subtitle: filename || '', |
|||
icon: path.join(__dirname, 'logo.png') |
|||
}) |
|||
} |
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
'use strict' |
|||
const utils = require('./utils') |
|||
const config = require('../config') |
|||
const isProduction = process.env.NODE_ENV === 'production' |
|||
const sourceMapEnabled = isProduction |
|||
? config.build.productionSourceMap |
|||
: config.dev.cssSourceMap |
|||
|
|||
module.exports = { |
|||
loaders: utils.cssLoaders({ |
|||
sourceMap: sourceMapEnabled, |
|||
extract: isProduction |
|||
}), |
|||
cssSourceMap: sourceMapEnabled, |
|||
cacheBusting: config.dev.cacheBusting, |
|||
transformToRequire: { |
|||
video: ['src', 'poster'], |
|||
source: 'src', |
|||
img: 'src', |
|||
image: 'xlink:href' |
|||
} |
|||
} |
|||
@ -0,0 +1,82 @@ |
|||
'use strict' |
|||
const path = require('path') |
|||
const utils = require('./utils') |
|||
const config = require('../config') |
|||
const vueLoaderConfig = require('./vue-loader.conf') |
|||
|
|||
function resolve (dir) { |
|||
return path.join(__dirname, '..', dir) |
|||
} |
|||
|
|||
|
|||
|
|||
module.exports = { |
|||
context: path.resolve(__dirname, '../'), |
|||
entry: { |
|||
app: './src/main.js' |
|||
}, |
|||
output: { |
|||
path: config.build.assetsRoot, |
|||
filename: '[name].js', |
|||
publicPath: process.env.NODE_ENV === 'production' |
|||
? config.build.assetsPublicPath |
|||
: config.dev.assetsPublicPath |
|||
}, |
|||
resolve: { |
|||
extensions: ['.js', '.vue', '.json'], |
|||
alias: { |
|||
'vue$': 'vue/dist/vue.esm.js', |
|||
'@': resolve('src'), |
|||
} |
|||
}, |
|||
module: { |
|||
rules: [ |
|||
{ |
|||
test: /\.vue$/, |
|||
loader: 'vue-loader', |
|||
options: vueLoaderConfig |
|||
}, |
|||
{ |
|||
test: /\.js$/, |
|||
loader: 'babel-loader', |
|||
include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] |
|||
}, |
|||
{ |
|||
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, |
|||
loader: 'url-loader', |
|||
options: { |
|||
limit: 10000, |
|||
name: utils.assetsPath('img/[name].[hash:7].[ext]') |
|||
} |
|||
}, |
|||
{ |
|||
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, |
|||
loader: 'url-loader', |
|||
options: { |
|||
limit: 10000, |
|||
name: utils.assetsPath('media/[name].[hash:7].[ext]') |
|||
} |
|||
}, |
|||
{ |
|||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, |
|||
loader: 'url-loader', |
|||
options: { |
|||
limit: 10000, |
|||
name: utils.assetsPath('fonts/[name].[hash:7].[ext]') |
|||
} |
|||
} |
|||
] |
|||
}, |
|||
node: { |
|||
// prevent webpack from injecting useless setImmediate polyfill because Vue
|
|||
// source contains it (although only uses it if it's native).
|
|||
setImmediate: false, |
|||
// prevent webpack from injecting mocks to Node native modules
|
|||
// that does not make sense for the client
|
|||
dgram: 'empty', |
|||
fs: 'empty', |
|||
net: 'empty', |
|||
tls: 'empty', |
|||
child_process: 'empty' |
|||
} |
|||
} |
|||
@ -0,0 +1,95 @@ |
|||
'use strict' |
|||
const utils = require('./utils') |
|||
const webpack = require('webpack') |
|||
const config = require('../config') |
|||
const merge = require('webpack-merge') |
|||
const path = require('path') |
|||
const baseWebpackConfig = require('./webpack.base.conf') |
|||
const CopyWebpackPlugin = require('copy-webpack-plugin') |
|||
const HtmlWebpackPlugin = require('html-webpack-plugin') |
|||
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') |
|||
const portfinder = require('portfinder') |
|||
|
|||
const HOST = process.env.HOST |
|||
const PORT = process.env.PORT && Number(process.env.PORT) |
|||
|
|||
const devWebpackConfig = merge(baseWebpackConfig, { |
|||
module: { |
|||
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) |
|||
}, |
|||
// cheap-module-eval-source-map is faster for development
|
|||
devtool: config.dev.devtool, |
|||
|
|||
// these devServer options should be customized in /config/index.js
|
|||
devServer: { |
|||
clientLogLevel: 'warning', |
|||
historyApiFallback: { |
|||
rewrites: [ |
|||
{ from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') }, |
|||
], |
|||
}, |
|||
hot: true, |
|||
contentBase: false, // since we use CopyWebpackPlugin.
|
|||
compress: true, |
|||
host: HOST || config.dev.host, |
|||
port: PORT || config.dev.port, |
|||
open: config.dev.autoOpenBrowser, |
|||
overlay: config.dev.errorOverlay |
|||
? { warnings: false, errors: true } |
|||
: false, |
|||
publicPath: config.dev.assetsPublicPath, |
|||
proxy: config.dev.proxyTable, |
|||
quiet: true, // necessary for FriendlyErrorsPlugin
|
|||
watchOptions: { |
|||
poll: config.dev.poll, |
|||
} |
|||
}, |
|||
plugins: [ |
|||
new webpack.DefinePlugin({ |
|||
'process.env': require('../config/dev.env') |
|||
}), |
|||
new webpack.HotModuleReplacementPlugin(), |
|||
new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
|
|||
new webpack.NoEmitOnErrorsPlugin(), |
|||
// https://github.com/ampedandwired/html-webpack-plugin
|
|||
new HtmlWebpackPlugin({ |
|||
filename: 'index.html', |
|||
template: 'index.html', |
|||
inject: true |
|||
}), |
|||
// copy custom static assets
|
|||
new CopyWebpackPlugin([ |
|||
{ |
|||
from: path.resolve(__dirname, '../static'), |
|||
to: config.dev.assetsSubDirectory, |
|||
ignore: ['.*'] |
|||
} |
|||
]) |
|||
] |
|||
}) |
|||
|
|||
module.exports = new Promise((resolve, reject) => { |
|||
portfinder.basePort = process.env.PORT || config.dev.port |
|||
portfinder.getPort((err, port) => { |
|||
if (err) { |
|||
reject(err) |
|||
} else { |
|||
// publish the new Port, necessary for e2e tests
|
|||
process.env.PORT = port |
|||
// add port to devServer config
|
|||
devWebpackConfig.devServer.port = port |
|||
|
|||
// Add FriendlyErrorsPlugin
|
|||
devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ |
|||
compilationSuccessInfo: { |
|||
messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], |
|||
}, |
|||
onErrors: config.dev.notifyOnErrors |
|||
? utils.createNotifierCallback() |
|||
: undefined |
|||
})) |
|||
|
|||
resolve(devWebpackConfig) |
|||
} |
|||
}) |
|||
}) |
|||
@ -0,0 +1,145 @@ |
|||
'use strict' |
|||
const path = require('path') |
|||
const utils = require('./utils') |
|||
const webpack = require('webpack') |
|||
const config = require('../config') |
|||
const merge = require('webpack-merge') |
|||
const baseWebpackConfig = require('./webpack.base.conf') |
|||
const CopyWebpackPlugin = require('copy-webpack-plugin') |
|||
const HtmlWebpackPlugin = require('html-webpack-plugin') |
|||
const ExtractTextPlugin = require('extract-text-webpack-plugin') |
|||
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') |
|||
const UglifyJsPlugin = require('uglifyjs-webpack-plugin') |
|||
|
|||
const env = require('../config/prod.env') |
|||
|
|||
const webpackConfig = merge(baseWebpackConfig, { |
|||
module: { |
|||
rules: utils.styleLoaders({ |
|||
sourceMap: config.build.productionSourceMap, |
|||
extract: true, |
|||
usePostCSS: true |
|||
}) |
|||
}, |
|||
devtool: config.build.productionSourceMap ? config.build.devtool : false, |
|||
output: { |
|||
path: config.build.assetsRoot, |
|||
filename: utils.assetsPath('js/[name].[chunkhash].js'), |
|||
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') |
|||
}, |
|||
plugins: [ |
|||
// http://vuejs.github.io/vue-loader/en/workflow/production.html
|
|||
new webpack.DefinePlugin({ |
|||
'process.env': env |
|||
}), |
|||
new UglifyJsPlugin({ |
|||
uglifyOptions: { |
|||
compress: { |
|||
warnings: false |
|||
} |
|||
}, |
|||
sourceMap: config.build.productionSourceMap, |
|||
parallel: true |
|||
}), |
|||
// extract css into its own file
|
|||
new ExtractTextPlugin({ |
|||
filename: utils.assetsPath('css/[name].[contenthash].css'), |
|||
// Setting the following option to `false` will not extract CSS from codesplit chunks.
|
|||
// Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
|
|||
// It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`,
|
|||
// increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
|
|||
allChunks: true, |
|||
}), |
|||
// Compress extracted CSS. We are using this plugin so that possible
|
|||
// duplicated CSS from different components can be deduped.
|
|||
new OptimizeCSSPlugin({ |
|||
cssProcessorOptions: config.build.productionSourceMap |
|||
? { safe: true, map: { inline: false } } |
|||
: { safe: true } |
|||
}), |
|||
// generate dist index.html with correct asset hash for caching.
|
|||
// you can customize output by editing /index.html
|
|||
// see https://github.com/ampedandwired/html-webpack-plugin
|
|||
new HtmlWebpackPlugin({ |
|||
filename: config.build.index, |
|||
template: 'index.html', |
|||
inject: true, |
|||
minify: { |
|||
removeComments: true, |
|||
collapseWhitespace: true, |
|||
removeAttributeQuotes: true |
|||
// more options:
|
|||
// https://github.com/kangax/html-minifier#options-quick-reference
|
|||
}, |
|||
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
|
|||
chunksSortMode: 'dependency' |
|||
}), |
|||
// keep module.id stable when vendor modules does not change
|
|||
new webpack.HashedModuleIdsPlugin(), |
|||
// enable scope hoisting
|
|||
new webpack.optimize.ModuleConcatenationPlugin(), |
|||
// split vendor js into its own file
|
|||
new webpack.optimize.CommonsChunkPlugin({ |
|||
name: 'vendor', |
|||
minChunks (module) { |
|||
// any required modules inside node_modules are extracted to vendor
|
|||
return ( |
|||
module.resource && |
|||
/\.js$/.test(module.resource) && |
|||
module.resource.indexOf( |
|||
path.join(__dirname, '../node_modules') |
|||
) === 0 |
|||
) |
|||
} |
|||
}), |
|||
// extract webpack runtime and module manifest to its own file in order to
|
|||
// prevent vendor hash from being updated whenever app bundle is updated
|
|||
new webpack.optimize.CommonsChunkPlugin({ |
|||
name: 'manifest', |
|||
minChunks: Infinity |
|||
}), |
|||
// This instance extracts shared chunks from code splitted chunks and bundles them
|
|||
// in a separate chunk, similar to the vendor chunk
|
|||
// see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
|
|||
new webpack.optimize.CommonsChunkPlugin({ |
|||
name: 'app', |
|||
async: 'vendor-async', |
|||
children: true, |
|||
minChunks: 3 |
|||
}), |
|||
|
|||
// copy custom static assets
|
|||
new CopyWebpackPlugin([ |
|||
{ |
|||
from: path.resolve(__dirname, '../static'), |
|||
to: config.build.assetsSubDirectory, |
|||
ignore: ['.*'] |
|||
} |
|||
]) |
|||
] |
|||
}) |
|||
|
|||
if (config.build.productionGzip) { |
|||
const CompressionWebpackPlugin = require('compression-webpack-plugin') |
|||
|
|||
webpackConfig.plugins.push( |
|||
new CompressionWebpackPlugin({ |
|||
asset: '[path].gz[query]', |
|||
algorithm: 'gzip', |
|||
test: new RegExp( |
|||
'\\.(' + |
|||
config.build.productionGzipExtensions.join('|') + |
|||
')$' |
|||
), |
|||
threshold: 10240, |
|||
minRatio: 0.8 |
|||
}) |
|||
) |
|||
} |
|||
|
|||
if (config.build.bundleAnalyzerReport) { |
|||
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin |
|||
webpackConfig.plugins.push(new BundleAnalyzerPlugin()) |
|||
} |
|||
|
|||
module.exports = webpackConfig |
|||
@ -0,0 +1,7 @@ |
|||
'use strict' |
|||
const merge = require('webpack-merge') |
|||
const prodEnv = require('./prod.env') |
|||
|
|||
module.exports = merge(prodEnv, { |
|||
NODE_ENV: '"development"' |
|||
}) |
|||
@ -0,0 +1,96 @@ |
|||
'use strict' |
|||
// Template version: 1.3.1
|
|||
// see http://vuejs-templates.github.io/webpack for documentation.
|
|||
|
|||
const path = require('path') |
|||
|
|||
module.exports = { |
|||
// configureWebpack: {
|
|||
// name:"wenhua",
|
|||
// resolve: {
|
|||
// alias: {
|
|||
// '@': resolve('src'),
|
|||
// 'views': resolve('src/views')
|
|||
// }
|
|||
// }
|
|||
// },
|
|||
chainWebpack: config => { |
|||
// ......
|
|||
config.module |
|||
.rule('svg') |
|||
.exclude.add(resolve('../src/assets/icons/svg')) |
|||
.end(); |
|||
config.module |
|||
.rule('icons') |
|||
.test(/\.svg$/) |
|||
.include.add(resolve('../src/assets/icons/svg')) |
|||
.end() |
|||
.use('svg-sprite-loader') |
|||
.loader('svg-sprite-loader') |
|||
.options({ |
|||
symbolId: 'icon-[name]', |
|||
}) |
|||
.end() |
|||
}, |
|||
dev: { |
|||
|
|||
// Paths
|
|||
assetsSubDirectory: 'static', |
|||
assetsPublicPath: '/', |
|||
proxyTable: {}, |
|||
|
|||
// Various Dev Server settings
|
|||
host: 'localhost', // can be overwritten by process.env.HOST
|
|||
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
|
|||
autoOpenBrowser: false, |
|||
errorOverlay: true, |
|||
notifyOnErrors: true, |
|||
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
|
|||
|
|||
|
|||
/** |
|||
* Source Maps |
|||
*/ |
|||
|
|||
// https://webpack.js.org/configuration/devtool/#development
|
|||
devtool: 'cheap-module-eval-source-map', |
|||
|
|||
// If you have problems debugging vue-files in devtools,
|
|||
// set this to false - it *may* help
|
|||
// https://vue-loader.vuejs.org/en/options.html#cachebusting
|
|||
cacheBusting: true, |
|||
|
|||
cssSourceMap: true |
|||
}, |
|||
|
|||
build: { |
|||
// Template for index.html
|
|||
index: path.resolve(__dirname, '../dist/index.html'), |
|||
|
|||
// Paths
|
|||
assetsRoot: path.resolve(__dirname, '../dist'), |
|||
assetsSubDirectory: 'static', |
|||
assetsPublicPath: '/', |
|||
|
|||
/** |
|||
* Source Maps |
|||
*/ |
|||
|
|||
productionSourceMap: true, |
|||
// https://webpack.js.org/configuration/devtool/#production
|
|||
devtool: '#source-map', |
|||
|
|||
// Gzip off by default as many popular static hosts such as
|
|||
// Surge or Netlify already gzip all static assets for you.
|
|||
// Before setting to `true`, make sure to:
|
|||
// npm install --save-dev compression-webpack-plugin
|
|||
productionGzip: false, |
|||
productionGzipExtensions: ['js', 'css'], |
|||
|
|||
// Run the build command with an extra argument to
|
|||
// View the bundle analyzer report after build finishes:
|
|||
// `npm run build --report`
|
|||
// Set to `true` or `false` to always turn it on or off
|
|||
bundleAnalyzerReport: process.env.npm_config_report |
|||
} |
|||
} |
|||
@ -0,0 +1,4 @@ |
|||
'use strict' |
|||
module.exports = { |
|||
NODE_ENV: '"production"' |
|||
} |
|||
@ -0,0 +1,12 @@ |
|||
<!DOCTYPE html> |
|||
<html> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|||
<title>wenhuadate_admin</title> |
|||
</head> |
|||
<body> |
|||
<div id="app"></div> |
|||
<!-- built files will be auto injected --> |
|||
</body> |
|||
</html> |
|||
File diff suppressed because it is too large
@ -0,0 +1,70 @@ |
|||
{ |
|||
"name": "wenhuadate_admin", |
|||
"version": "1.0.0", |
|||
"description": "A Vue.js project", |
|||
"author": "ltlzx <942659938@qq.com>", |
|||
"private": true, |
|||
"scripts": { |
|||
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", |
|||
"start": "npm run dev", |
|||
"build": "node build/build.js" |
|||
}, |
|||
"dependencies": { |
|||
"ant-design-vue": "^1.7.8", |
|||
"less": "^4.1.2", |
|||
"less-loader": "^10.2.0", |
|||
"vue": "^2.5.2", |
|||
"vue-router": "^3.0.1", |
|||
"vue-schart": "^2.0.0" |
|||
}, |
|||
"devDependencies": { |
|||
"autoprefixer": "^7.1.2", |
|||
"babel-core": "^6.22.1", |
|||
"babel-helper-vue-jsx-merge-props": "^2.0.3", |
|||
"babel-loader": "^7.1.1", |
|||
"babel-plugin-syntax-jsx": "^6.18.0", |
|||
"babel-plugin-transform-runtime": "^6.22.0", |
|||
"babel-plugin-transform-vue-jsx": "^3.5.0", |
|||
"babel-preset-env": "^1.3.2", |
|||
"babel-preset-stage-2": "^6.22.0", |
|||
"chalk": "^2.0.1", |
|||
"copy-webpack-plugin": "^4.0.1", |
|||
"css-loader": "^0.28.0", |
|||
"extract-text-webpack-plugin": "^3.0.0", |
|||
"file-loader": "^1.1.4", |
|||
"friendly-errors-webpack-plugin": "^1.6.1", |
|||
"html-webpack-plugin": "^2.30.1", |
|||
"node-notifier": "^5.1.2", |
|||
"optimize-css-assets-webpack-plugin": "^3.2.0", |
|||
"ora": "^1.2.0", |
|||
"portfinder": "^1.0.13", |
|||
"postcss-import": "^11.0.0", |
|||
"postcss-loader": "^2.0.8", |
|||
"postcss-url": "^7.2.1", |
|||
"rimraf": "^2.6.0", |
|||
"sass": "^1.49.7", |
|||
"sass-loader": "^12.4.0", |
|||
"semver": "^5.3.0", |
|||
"shelljs": "^0.7.6", |
|||
"svg-sprite-loader": "^6.0.11", |
|||
"svgo-loader": "^3.0.0", |
|||
"uglifyjs-webpack-plugin": "^1.1.1", |
|||
"url-loader": "^0.5.8", |
|||
"vue-loader": "^13.3.0", |
|||
"vue-style-loader": "^3.0.1", |
|||
"vue-template-compiler": "^2.5.2", |
|||
"webpack": "^3.6.0", |
|||
"webpack-bundle-analyzer": "^2.9.0", |
|||
"webpack-dev-server": "^2.9.1", |
|||
"webpack-merge": "^4.1.0" |
|||
}, |
|||
"engines": { |
|||
"node": ">= 6.0.0", |
|||
"npm": ">= 3.0.0" |
|||
}, |
|||
"browserslist": [ |
|||
"> 1%", |
|||
"last 2 versions", |
|||
"not ie <= 8" |
|||
] |
|||
} |
|||
@ -0,0 +1,26 @@ |
|||
<template> |
|||
<a-locale-provider :locale="zh_CN"> |
|||
<div id="app"> |
|||
<router-view/> |
|||
</div> |
|||
</a-locale-provider> |
|||
</template> |
|||
|
|||
<script> |
|||
import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN'; |
|||
import moment from 'moment'; |
|||
import 'moment/locale/zh-cn'; |
|||
moment.locale('zh-cn'); |
|||
export default { |
|||
name: 'App', |
|||
data(){ |
|||
return{ |
|||
zh_CN |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style> |
|||
@import "./assets/css/main.css"; |
|||
</style> |
|||
@ -0,0 +1,94 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
html, |
|||
body, |
|||
#app, |
|||
.wrapper { |
|||
width: 100%; |
|||
height: 100%; |
|||
overflow: hidden; |
|||
} |
|||
body { |
|||
font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif; |
|||
font-size: 14px; |
|||
line-height: 21px; |
|||
color: #4E5969; |
|||
} |
|||
|
|||
/* 面包屑 */ |
|||
.breadcrumb{ |
|||
width: 100%; |
|||
background: white; |
|||
height: 60px; |
|||
display: flex; |
|||
align-items: center; |
|||
padding-left: 26px; |
|||
} |
|||
.body{ |
|||
padding: 0 20px; |
|||
padding-top: 20px; |
|||
} |
|||
.query{ |
|||
height: 105px; |
|||
background-color: white; |
|||
padding-left: 36px; |
|||
padding-right: 30px; |
|||
} |
|||
.f_title{ |
|||
font-size:16px |
|||
} |
|||
.query_item{ |
|||
display: flex; |
|||
align-items: center; |
|||
margin-top: 14px; |
|||
} |
|||
.query_item .ant-input,.query_item .ant-select{ |
|||
width: 160px; |
|||
} |
|||
.query_item2 .ant-input{ |
|||
width: 213px; |
|||
} |
|||
.query_item >span{ |
|||
display: inline-block; |
|||
/* min-width: 96px; */ |
|||
min-width: 85px; |
|||
/* padding: 10px; */ |
|||
} |
|||
|
|||
.query_item1{ |
|||
justify-content: flex-end; |
|||
} |
|||
.query_button{ |
|||
width: 70px; |
|||
} |
|||
.table{ |
|||
height: 620px; |
|||
background-color: white; |
|||
margin-top: 20px; |
|||
padding-left: 20px; |
|||
padding-top: 15px; |
|||
padding-right: 30px; |
|||
box-sizing: border-box; |
|||
} |
|||
.table_title{ |
|||
display: flex; |
|||
width: 100%; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 16px; |
|||
margin-bottom: 13px; |
|||
} |
|||
.table_title_right_del{ |
|||
margin-left: 15px; |
|||
} |
|||
.table_operation{ |
|||
color: #1890FF; |
|||
text-decoration: underline; |
|||
cursor: pointer; |
|||
} |
|||
.pagination{ |
|||
text-align: right; |
|||
margin-top: 21px; |
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="77px" height="77px" xmlns="http://www.w3.org/2000/svg"> |
|||
<g transform="matrix(1 0 0 1 -66 -98 )"> |
|||
<path d="M 17.875 50 L 45.9765625 50 L 59.125 27 L 31.0234375 27 L 17.875 50 Z M 73.94921875 23.546875 C 75.9830729166667 28.3020833333333 77 33.2864583333333 77 38.5 C 77 43.7135416666667 75.9830729166667 48.6979166666667 73.94921875 53.453125 C 71.9153645833333 58.2083333333333 69.1796875 62.3046875 65.7421875 65.7421875 C 62.3046875 69.1796875 58.2083333333333 71.9153645833333 53.453125 73.94921875 C 48.6979166666667 75.9830729166667 43.7135416666667 77 38.5 77 C 33.2864583333333 77 28.3020833333333 75.9830729166667 23.546875 73.94921875 C 18.7916666666667 71.9153645833333 14.6953125 69.1796875 11.2578125 65.7421875 C 7.8203125 62.3046875 5.08463541666667 58.2083333333333 3.05078125 53.453125 C 1.01692708333333 48.6979166666667 0 43.7135416666667 0 38.5 C 0 33.2864583333333 1.01692708333333 28.3020833333333 3.05078125 23.546875 C 5.08463541666667 18.7916666666667 7.8203125 14.6953125 11.2578125 11.2578125 C 14.6953125 7.8203125 18.7916666666667 5.08463541666666 23.546875 3.05078125 C 28.3020833333333 1.01692708333333 33.2864583333333 0 38.5 0 C 43.7135416666667 0 48.6979166666667 1.01692708333333 53.453125 3.05078125 C 58.2083333333333 5.08463541666666 62.3046875 7.8203125 65.7421875 11.2578125 C 69.1796875 14.6953125 71.9153645833333 18.7916666666667 73.94921875 23.546875 Z " fill-rule="nonzero" fill="#404761" stroke="none" transform="matrix(1 0 0 1 66 98 )" /> |
|||
</g> |
|||
</svg> |
|||
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 425 KiB |
@ -0,0 +1,70 @@ |
|||
<template> |
|||
<div class="header"> |
|||
<div class="header_left"> |
|||
<router-link to="Home"> |
|||
<h1 class="header_left_h1">全国文化大数据交易中心</h1> |
|||
</router-link> |
|||
<span>| 交易结算</span> |
|||
</div> |
|||
<div class="header_right"> |
|||
<div class="header_right_item"> |
|||
<img src="../assets/icons/svg/user.svg" alt="" > |
|||
<span class="f_title">王甜甜</span> |
|||
</div> |
|||
<div class="header_right_item"> |
|||
<img src="../assets/icons/svg/yingyong.svg" alt="" > |
|||
<span class="f_title">我的应用</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import "../assets/icons/svg/user.svg" |
|||
export default { |
|||
data() { |
|||
return{ |
|||
|
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.header{ |
|||
width: 100%; |
|||
height: 65px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding-left: 25px; |
|||
padding-right: 77px; |
|||
background-color: rgba(26, 26, 52, 1); |
|||
box-sizing: border-box; |
|||
} |
|||
.header_left{ |
|||
color: #E3CA97; |
|||
font-size: 23px; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.header_left_h1{ |
|||
font-size: 28px; |
|||
font-weight: 700; |
|||
color: #E3CA97; |
|||
margin-bottom: 0; |
|||
margin-right: 19px; |
|||
} |
|||
.header_right{ |
|||
color: white; |
|||
display: flex; |
|||
} |
|||
.header_right_item{ |
|||
display: flex; |
|||
align-items: center; |
|||
margin-right: 30px; |
|||
} |
|||
.header_right_item img{ |
|||
width:24px; |
|||
height:24px; |
|||
margin-right:15px |
|||
} |
|||
</style> |
|||
@ -0,0 +1,49 @@ |
|||
<template> |
|||
<div class="wrapper"> |
|||
<v-head></v-head> |
|||
<div class="bootm"> |
|||
<v-sidebar></v-sidebar> |
|||
<div class="content-box"> |
|||
<div class="content"> |
|||
<transition name="move" mode="out-in"> |
|||
<router-view></router-view> |
|||
</transition> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import vHead from './Header.vue'; |
|||
import vSidebar from './Sidebar.vue'; |
|||
export default { |
|||
data () { |
|||
return { |
|||
msg: 'Welcome to Your Vue.js App' |
|||
} |
|||
}, |
|||
components: { |
|||
vHead, |
|||
vSidebar, |
|||
}, |
|||
} |
|||
</script> |
|||
|
|||
<!-- Add "scoped" attribute to limit CSS to this component only --> |
|||
<style scoped> |
|||
.content-box{ |
|||
width: 100%; |
|||
border-top: 2px solid #9A9A9A; |
|||
border-left: 2px solid #9A9A9A; |
|||
background: #F0F2F5; |
|||
box-sizing: border-box; |
|||
} |
|||
.content{ |
|||
|
|||
} |
|||
.bootm{ |
|||
display: flex; |
|||
height: 100%; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,104 @@ |
|||
<template> |
|||
<div class="sidebar_body"> |
|||
<a-menu theme="dark" mode="inline" :default-selected-keys="['1']" class="sidebar"> |
|||
<template v-for="item in items"> |
|||
<a-menu-item v-if="!item.children" :key="item.key"> |
|||
<router-link :to="item.url"> |
|||
<!-- <a-icon :type="item.icon" /> --> |
|||
<span class="f_title">{{ item.title }}</span> |
|||
</router-link> |
|||
</a-menu-item> |
|||
<a-sub-menu :key="item.key" v-bind="$props" v-on="$listeners" v-else> |
|||
<span slot="title"> |
|||
<!-- <a-icon :type="item.icon" /> --> |
|||
<span class="f_title">{{ item.title }}</span> |
|||
</span> |
|||
<template v-for="item1 in item.children"> |
|||
<a-menu-item v-if="!item1.children" :key="item1.key"> |
|||
<router-link :to="item1.url"> |
|||
<!-- <a-icon :type="item1.icon" /> --> |
|||
<span>{{ item1.title }}</span> |
|||
</router-link> |
|||
</a-menu-item> |
|||
</template> |
|||
</a-sub-menu> |
|||
</template> |
|||
</a-menu> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
data() { |
|||
return{ |
|||
items:[ |
|||
{ |
|||
icon:'', |
|||
url:'', |
|||
key:'1', |
|||
title:'文化数据分类管理', |
|||
children:[ |
|||
{icon:'',url:"DataQuery",title:"全部文化数据查询"}, |
|||
{icon:'',url:"Category",title:"文化数据类别管理"}, |
|||
] |
|||
}, |
|||
{ |
|||
icon:'', |
|||
url:'admission', |
|||
key:'2', |
|||
title:'文化数据入场管理', |
|||
}, |
|||
{ |
|||
icon:'', |
|||
url:'', |
|||
key:'3', |
|||
title:'交易订单管理', |
|||
children:[ |
|||
{icon:'',url:"allOrder",title:"全部交易订单"}, |
|||
{icon:'',url:"pendingPayment",title:"待付款订单"}, |
|||
{icon:'',url:"toBeDelivered",title:"待交付订单"}, |
|||
{icon:'',url:"toBeSettled",title:"待结算订单"}, |
|||
{icon:'',url:"completed",title:"已完成订单"}, |
|||
{icon:'',url:"closed",title:"已关闭订单"}, |
|||
] |
|||
}, |
|||
{ |
|||
icon:'', |
|||
url:'', |
|||
key:'4', |
|||
title:'交易订单售后服务管理', |
|||
children:[ |
|||
{icon:'',url:"invoice",title:"服务发票"}, |
|||
] |
|||
}, |
|||
{ |
|||
icon:'', |
|||
url:'', |
|||
key:'5', |
|||
title:'资金结算分账管理', |
|||
children:[ |
|||
{icon:'',url:"fundSettlement",title:"资金结算对账单"}, |
|||
{icon:'',url:"splitProportion",title:"分账比例设置"}, |
|||
{icon:'',url:"paymentMethod",title:"支付方式设置"}, |
|||
] |
|||
}, |
|||
{ |
|||
icon:'', |
|||
url:'layout', |
|||
key:'6', |
|||
title:'数据展示布局管理', |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.sidebar_body{ |
|||
width: 200px; |
|||
height: 100%; |
|||
} |
|||
.sidebar{ |
|||
height: 100%; |
|||
background: #001529; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,304 @@ |
|||
<template> |
|||
<div class="component_body"> |
|||
<a-modal v-model="newVisible" title="数据查看" :afterClose="onClose" width="1350px" :bodyStyle="modeStyle"> |
|||
<a-tabs default-active-key="1" tab-position="left" :tabBarStyle="tabsStyle"> |
|||
<a-tab-pane key="1"> |
|||
<span slot="tab"> |
|||
<span class="tab_span">*</span> |
|||
委托方信息 |
|||
</span> |
|||
<p>委托方信息</p> |
|||
<div class="tab_body"> |
|||
<p class="tab_body_p">注册时间：2021-02-16 10:00:00</p> |
|||
<p class="tab_body_p">认证时间：2021-02-16 10:00:00</p> |
|||
<p class="tab_body_p">认证类型：机构</p> |
|||
<p class="tab_body_p">认证状态：已认证</p> |
|||
<p class="tab_body_p">基本信息：新疆生产建设兵团军垦博物馆</p> |
|||
<p class="tab_body_p">统一社会信用代码：12990800H41793127X</p> |
|||
<p class="tab_body_p">账户ISLI标识码：010002-000000000090000117259999-8</p> |
|||
</div> |
|||
</a-tab-pane> |
|||
<a-tab-pane key="2" force-render> |
|||
<span slot="tab"> |
|||
<span class="tab_span">*</span> |
|||
数据信息 |
|||
</span> |
|||
<div class="tab_body"> |
|||
<div class="tab_body_title"> |
|||
<p class="tab_body_title_bg"></p> |
|||
<div>文化资源数据-基本信息</div> |
|||
</div> |
|||
<div class="tab_content "> |
|||
<div class="tab_content_infoImg"> |
|||
<img src="../../assets/img/test.png" class="tab_content_img"> |
|||
</div> |
|||
<div class="tab_content_right"> |
|||
<div class="content_right_title">标的名称：第一犁；塞边新乐章…</div> |
|||
<div class="content_info"> |
|||
<div class="content_info_left"> |
|||
<p>标志码：010002-000000000090000117259999-8</p> |
|||
<p>文件MD5：FGHJE45GHJKJH325BNM5JHG</p> |
|||
<p>标签：——</p> |
|||
<p>尺寸：10*10</p> |
|||
<p>文化标识：文化素材</p> |
|||
<p>完成发布时间：2021-02-02</p> |
|||
<p>组件数量：10个</p> |
|||
<p>现状：完好</p> |
|||
</div> |
|||
<div> |
|||
<p>字段：——</p> |
|||
<p>语种：汉语</p> |
|||
<p>材质：纸质</p> |
|||
<p>版本：清彩绘本</p> |
|||
<p>创作者：国家图书馆出版社有限公司</p> |
|||
<p>所属收藏机构：国家图书馆出版社有限公司</p> |
|||
<p>拥有者：国家图书馆出版社有限公司</p> |
|||
<p>确权时间：——</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="tab_body_title"> |
|||
<p class="tab_body_title_bg"></p> |
|||
<div>文化资源数据-关联资源</div> |
|||
</div> |
|||
<div class="tab_content"> |
|||
<p class="tab_content_title">图片</p> |
|||
</div> |
|||
<div class="content_table"> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"></a-table> |
|||
</div> |
|||
|
|||
<div class="tab_content"> |
|||
<p class="tab_content_title">视频</p> |
|||
</div> |
|||
<div class="content_table"> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"></a-table> |
|||
</div> |
|||
|
|||
<div class="tab_content"> |
|||
<p class="tab_content_title">音频</p> |
|||
</div> |
|||
<div class="content_table"> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"></a-table> |
|||
</div> |
|||
|
|||
</div> |
|||
</a-tab-pane> |
|||
<a-tab-pane key="3" tab="资产评价报告"> |
|||
Content of Tab Pane 3 |
|||
</a-tab-pane> |
|||
</a-tabs> |
|||
<template slot="footer"> |
|||
<div> |
|||
<a-button type="white" @click="onClose">返 回</a-button> |
|||
</div> |
|||
</template> |
|||
</a-modal> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name:'dataSelect', |
|||
props:{ |
|||
visible:{ |
|||
type:Boolean, |
|||
require: true |
|||
} |
|||
}, |
|||
data(){ |
|||
return{ |
|||
newVisible:false, |
|||
modeStyle:{ |
|||
'height':'530px' |
|||
}, |
|||
tabsStyle:{ |
|||
'height':'500px' |
|||
}, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '资源名称', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'144px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: 'ISLI标志码', |
|||
dataIndex: 'money', |
|||
width:'242px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: 'ISLI关联编码', |
|||
dataIndex: 'name', |
|||
width:'259px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '大小', |
|||
dataIndex: '', |
|||
width:'70px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '格式', |
|||
dataIndex: '', |
|||
width:'70px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '时间', |
|||
dataIndex: '', |
|||
width:'148px', |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
methods:{ |
|||
onClose() { |
|||
this.newVisible=false |
|||
this.$emit('update:visible', false) |
|||
} |
|||
}, |
|||
watch:{ |
|||
visible(val){ |
|||
this.newVisible=val |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
.tab_span{ |
|||
color: red; |
|||
} |
|||
/deep/ .ant-modal-header{ |
|||
border-bottom: none; |
|||
} |
|||
/deep/ .ant-modal-footer{ |
|||
border-top: none; |
|||
padding: 20px 16px; |
|||
} |
|||
.tab_body{ |
|||
width: 100%; |
|||
height: 476px; |
|||
overflow-y: auto; |
|||
border: 1px solid #9A9A9A; |
|||
border-top-width: 2px; |
|||
border-left-width: 2px; |
|||
border-right-color: #EEEEEE; |
|||
border-bottom-color: #EEEEEE; |
|||
padding:20px 15px; |
|||
box-sizing: border-box; |
|||
} |
|||
.tab_body_p{ |
|||
margin-bottom: 5px; |
|||
} |
|||
.tab_body_title{ |
|||
font-size: 19px; |
|||
position: relative; |
|||
margin-bottom: 28px; |
|||
} |
|||
.tab_body_title div{ |
|||
/* display: inline-block; */ |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
.tab_body_title_bg{ |
|||
width: 198px; |
|||
background: #AAAAAA; |
|||
margin-bottom: 0; |
|||
height: 10px; |
|||
position: absolute; |
|||
top: 50%; |
|||
margin-top: -5px; |
|||
z-index: 99; |
|||
} |
|||
.tab_content{ |
|||
padding-left: 40px; |
|||
margin-bottom: 28px; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.tab_content_infoImg{ |
|||
width: 254px; |
|||
height: 260px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
border: 1px solid rgba(215, 215, 215, 1); |
|||
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
|||
margin-right: 15px; |
|||
} |
|||
.tab_content_img{ |
|||
width: 242px; |
|||
height: 194px; |
|||
} |
|||
.content_right_title{ |
|||
font-size: 16px; |
|||
margin-bottom: 30px; |
|||
} |
|||
.content_info{ |
|||
display: flex; |
|||
font-size: 14px; |
|||
} |
|||
.content_info p{ |
|||
margin-bottom: 0px; |
|||
} |
|||
.content_info_left{ |
|||
margin-right: 36px; |
|||
} |
|||
.tab_content_title{ |
|||
position: relative; |
|||
padding-left: 20px; |
|||
|
|||
} |
|||
.tab_content_title::before{ |
|||
content: ''; |
|||
width: 7px; |
|||
height: 25px; |
|||
background-color: #374AA5; |
|||
border: 1px solid #9AA4D1; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 50%; |
|||
margin-top: -12.5px; |
|||
|
|||
} |
|||
.content_table{ |
|||
padding-left: 90px; |
|||
margin-bottom: 30px; |
|||
} |
|||
/deep/ .ant-table-tbody > tr > td { |
|||
padding: 5px 16px; |
|||
} |
|||
/deep/ .ant-table-thead > tr > th { |
|||
padding: 5px 16px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,58 @@ |
|||
<template> |
|||
<div> |
|||
<a-modal v-model="newVisible" title="操作记录" :afterClose="onClose" width="800px" :bodyStyle="modeStyle"> |
|||
<p>1. 2021-02-16 10:00:00 委托方申请委托</p> |
|||
<p>2. 2021-02-16 13:00:00 总区域中心：王甜甜 委托审核通过</p> |
|||
<template slot="footer"> |
|||
<div> |
|||
<a-button type="white" @click="onClose">返 回</a-button> |
|||
</div> |
|||
</template> |
|||
</a-modal> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props:{ |
|||
visible:{ |
|||
type:Boolean, |
|||
require: true |
|||
} |
|||
}, |
|||
data(){ |
|||
return{ |
|||
newVisible:false, |
|||
modeStyle:{ |
|||
'min-height':'311px', |
|||
'padding-top':'15px' |
|||
}, |
|||
} |
|||
}, |
|||
methods:{ |
|||
onClose() { |
|||
this.newVisible=false |
|||
this.$emit('update:visible1', false) |
|||
} |
|||
}, |
|||
watch:{ |
|||
visible(val){ |
|||
this.newVisible=val |
|||
} |
|||
} |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .ant-modal-header{ |
|||
border-bottom: none; |
|||
} |
|||
/deep/ .ant-modal-footer{ |
|||
border-top: none; |
|||
padding: 20px 16px; |
|||
} |
|||
p{ |
|||
margin-bottom: 0; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,58 @@ |
|||
<template> |
|||
<div> |
|||
<a-modal v-model="newVisible" title="订单详情" :afterClose="onClose" width="800px" :bodyStyle="modeStyle"> |
|||
<p>订单当前状态：等待购买方付款</p> |
|||
|
|||
<template slot="footer"> |
|||
<div> |
|||
<a-button type="white" @click="onClose">返 回</a-button> |
|||
</div> |
|||
</template> |
|||
</a-modal> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
props:{ |
|||
visible:{ |
|||
type:Boolean, |
|||
require: true |
|||
} |
|||
}, |
|||
data(){ |
|||
return{ |
|||
newVisible:false, |
|||
modeStyle:{ |
|||
'min-height':'311px', |
|||
'padding-top':'15px' |
|||
}, |
|||
} |
|||
}, |
|||
methods:{ |
|||
onClose() { |
|||
this.newVisible=false |
|||
this.$emit('update:visible2', false) |
|||
} |
|||
}, |
|||
watch:{ |
|||
visible(val){ |
|||
this.newVisible=val |
|||
} |
|||
} |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
/deep/ .ant-modal-header{ |
|||
border-bottom: none; |
|||
} |
|||
/deep/ .ant-modal-footer{ |
|||
border-top: none; |
|||
padding: 20px 16px; |
|||
} |
|||
p{ |
|||
margin-bottom: 0; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,250 @@ |
|||
<template> |
|||
<div class="content"> |
|||
<a-row class="tab"> |
|||
<a-col :span="4" class="tab_item" v-for="(item,index) in tabList" :key="index"> |
|||
<img src="../../../assets/img/accountList.png" alt=""> |
|||
<span>{{item.name}}</span> |
|||
</a-col> |
|||
</a-row> |
|||
<div class="tab tadayWork"> |
|||
<p class="tadayWork_title">昨日工作</p> |
|||
<div> |
|||
|
|||
</div> |
|||
<a-row justify="space-between"> |
|||
<a-col :span="index==0 ?4:index==1?4:index==2?4:3" class="tadayWork_item" v-for="(item,index) in tadayWorkList" :key="index"> |
|||
<p class="tadayWork_price">{{item.price}}</p> |
|||
<span>{{item.name}}</span> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<a-row class="statistics" type="flex" justify="space-between" :gutter="15"> |
|||
<a-col :span="12" > |
|||
<a-card :loading="loading" :bordered="false" :body-style="{padding: '0'}" class="statistics_item"> |
|||
<div class="salesCard"> |
|||
<a-tabs default-active-key="1" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}"> |
|||
<div class="extra-wrapper" slot="tabBarExtraContent"> |
|||
<div class="extra-item"> |
|||
<a>今日</a> |
|||
<a>本周</a> |
|||
<a>本月</a> |
|||
<a>全年</a> |
|||
</div> |
|||
<a-range-picker class="picker"/> |
|||
</div> |
|||
<a-tab-pane loading="true" tab="销售额" key="1"> |
|||
<schart class="schart" canvasId="bar" :options="options1"></schart> |
|||
</a-tab-pane> |
|||
<a-tab-pane tab="访问量" key="2"> |
|||
<schart class="schart" canvasId="bar" :options="options1"></schart> |
|||
</a-tab-pane> |
|||
</a-tabs> |
|||
</div> |
|||
</a-card> |
|||
</a-col> |
|||
<a-col :span="12"> |
|||
<a-card :loading="loading" :bordered="false" :body-style="{padding: '0'}" class="statistics_item"> |
|||
<div class="salesCard"> |
|||
<a-tabs default-active-key="1" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}"> |
|||
<div class="extra-wrapper" slot="tabBarExtraContent"> |
|||
<div class="extra-item"> |
|||
<a>今日</a> |
|||
<a>本周</a> |
|||
<a>本月</a> |
|||
<a>全年</a> |
|||
</div> |
|||
<a-range-picker :style="{width: '256px'}" /> |
|||
</div> |
|||
<a-tab-pane tab="访问量" key="1"> |
|||
<a-row> |
|||
<a-col> |
|||
<div class="rank"> |
|||
<ul class="list"> |
|||
<li :key="index" v-for="(item, index) in rankList"> |
|||
<span :class="index < 3 ? 'active' : null">{{ index + 1 }}</span> |
|||
<span>{{ item.name }}</span> |
|||
<span>{{ item.total }}</span> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</a-col> |
|||
</a-row> |
|||
</a-tab-pane> |
|||
</a-tabs> |
|||
</div> |
|||
</a-card> |
|||
</a-col> |
|||
</a-row> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Schart from 'vue-schart'; |
|||
export default { |
|||
data() { |
|||
return{ |
|||
tabList:[ |
|||
{name:'全部文化数据查询（12,1212）',url:''}, |
|||
{name:'待付款订单（123）',url:''}, |
|||
{name:'待交付订单（123）',url:''}, |
|||
{name:'待结算订单（123）',url:''}, |
|||
{name:'已完成订单（123）',url:''}, |
|||
{name:'已关闭订单（123）',url:''}, |
|||
], |
|||
tadayWorkList:[ |
|||
{name:'交易总额',price:'¥845,256,996.30'}, |
|||
{name:'订单总额',price:'¥672,356,258.70'}, |
|||
{name:'交易文化数据',price:'1,888'}, |
|||
{name:'上架文化数据',price:'99'}, |
|||
{name:'下架文化数据',price:'9'}, |
|||
{name:'新增订单',price:'2,169'}, |
|||
{name:'已完成订单',price:'1,169'}, |
|||
], |
|||
loading: false, |
|||
barData:[], |
|||
barData2:[], |
|||
rankList:[], |
|||
options1: { |
|||
type: 'bar', |
|||
title: { |
|||
text: '最近一周各品类销售图' |
|||
}, |
|||
bgColor: '#fbfbfb', |
|||
labels: ['周一', '周二', '周三', '周四', '周五'], |
|||
datasets: [ |
|||
{ |
|||
label: '家电', |
|||
fillColor: 'rgba(241, 49, 74, 0.5)', |
|||
data: [234, 278, 270, 190, 230] |
|||
}, |
|||
{ |
|||
label: '百货', |
|||
data: [164, 178, 190, 135, 160] |
|||
}, |
|||
{ |
|||
label: '食品', |
|||
data: [144, 198, 150, 235, 120] |
|||
} |
|||
] |
|||
}, |
|||
} |
|||
}, |
|||
components:{ |
|||
Schart |
|||
}, |
|||
created(){ |
|||
for (let i = 0; i < 7; i++) { |
|||
this.rankList.push({ |
|||
name: '白鹭岛 ' + (i + 1) + ' 号店', |
|||
total: 1234.56 - i * 100 |
|||
}) |
|||
} |
|||
console.info(this.rankList) |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped > |
|||
.tab{ |
|||
background-color: white; |
|||
height: 180px; |
|||
width: 100%; |
|||
margin-top: 20px; |
|||
} |
|||
.tadayWork{ |
|||
height: 147px; |
|||
} |
|||
.content{ |
|||
padding: 0 20px; |
|||
} |
|||
.tab_item{ |
|||
height: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
.tab_item img{ |
|||
width: 50px; |
|||
height: 50px; |
|||
margin-bottom: 15px; |
|||
} |
|||
.tadayWork_title{ |
|||
font-weight: 700; |
|||
font-size: 16px; |
|||
color: #4E5969; |
|||
padding-left: 20px; |
|||
padding-top: 22px; |
|||
margin-bottom: 28px; |
|||
} |
|||
.tadayWork_item{ |
|||
text-align: center; |
|||
color: #4E5969; |
|||
} |
|||
.tadayWork_price{ |
|||
font-size: 16px; |
|||
color: #00AAFF; |
|||
margin-bottom:15px ; |
|||
} |
|||
.statistics{ |
|||
height: 400px; |
|||
margin-top: 20px; |
|||
} |
|||
.statistics_item{ |
|||
height: 100%; |
|||
} |
|||
.picker{ |
|||
width: 200px; |
|||
} |
|||
.extra-item{ |
|||
display: inline-block; |
|||
margin-right: 24px; |
|||
} |
|||
.extra-wrapper{ |
|||
padding-right: 10px; |
|||
} |
|||
.extra-wrapper .extra-item a{ |
|||
margin-left: 24px; |
|||
} |
|||
|
|||
.rank { |
|||
padding: 0 32px 32px 72px; |
|||
} |
|||
.list { |
|||
margin: 25px 0 0; |
|||
padding: 0; |
|||
list-style: none; |
|||
} |
|||
.list li { |
|||
margin-top: 16px; |
|||
} |
|||
.list li span { |
|||
color: rgba(0, 0, 0, .65); |
|||
font-size: 14px; |
|||
line-height: 22px; |
|||
} |
|||
.list li span:first-child { |
|||
background-color: #f5f5f5; |
|||
border-radius: 20px; |
|||
display: inline-block; |
|||
font-size: 12px; |
|||
font-weight: 600; |
|||
margin-right: 24px; |
|||
height: 20px; |
|||
line-height: 20px; |
|||
width: 20px; |
|||
text-align: center; |
|||
} |
|||
.list li span.active { |
|||
background-color: #314659; |
|||
color: #fff; |
|||
} |
|||
.list li span:last-child { |
|||
float: right; |
|||
} |
|||
.mobile .rank { |
|||
padding: 0 32px 32px 32px; |
|||
} |
|||
.schart{ |
|||
height: 340px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>文化数据入场管理</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>ISLI标识码：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>标的名称:</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item" > |
|||
<span>标的类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="4" class="query_item" > |
|||
<span>数据状态：</span> |
|||
<a-select default-value="全部文化数据" @change="handleChange"> |
|||
<a-select-option value="全部文化数据"> |
|||
全部文化数据 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="14" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation" @click="SelectDate()">数据查看</span> |
|||
<span class="table_operation" @click="selectRecords()">操作记录</span> |
|||
<span class="table_operation">关联订单</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
<dataSelect :visible.sync="visible"></dataSelect> |
|||
<operationRecords :visible.sync="visible1"></operationRecords> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import dataSelect from '../../dateSelect/index.vue' |
|||
import operationRecords from '../../operationRecords/index.vue' |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
visible:false, |
|||
visible1:false, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: 'ISLI标识码', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '数据状态', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation, |
|||
dataSelect, |
|||
operationRecords |
|||
}, |
|||
created(){ |
|||
|
|||
}, |
|||
methods:{ |
|||
selectRecords(){ |
|||
this.visible1=true |
|||
}, |
|||
SelectDate(){ |
|||
this.visible=true |
|||
}, |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>交易订单售后服务管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>服务发票</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>发票编号：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>销方纳税人：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>购方纳税人：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>订单编号：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item" > |
|||
<span>订单类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item"> |
|||
<span>订单状态：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="9" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation">发票详情</span> |
|||
<span class="table_operation">下载发票</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '生成时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '发票编号', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '销方纳税人名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单编号', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
|
|||
{ |
|||
title: '纳税人识别号', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '购方纳税人名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '发票金额', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '交易状态', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,196 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>文化数据分类管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>文化数据类别管理</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>一级分类：</span> |
|||
<a-select default-value="文化资源数据" @change="handleChange"> |
|||
<a-select-option value="文化资源数据"> |
|||
文化资源数据 |
|||
</a-select-option> |
|||
<a-select-option value="文化数字内容"> |
|||
文化数字内容 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>二级分类：</span> |
|||
<a-select default-value="图片" @change="handleChange"> |
|||
<a-select-option value="图片"> |
|||
图片 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>创建人员：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item" > |
|||
<span>使用状态：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="19" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation">禁用</span> |
|||
<span class="table_operation" @click="selectRecords()">操作记录</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
<operationRecords :visible.sync="visible1"></operationRecords> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
import operationRecords from '../../operationRecords/index.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
visible1:false, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: 'ISLI标识码', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '数据状态', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation, |
|||
operationRecords |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
selectRecords(){ |
|||
this.visible1=true |
|||
}, |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>文化数据分类管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>全部文化数据查询</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>ISLI标识码：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>标的名称:</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item" > |
|||
<span>标的类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="4" class="query_item" > |
|||
<span>数据状态：</span> |
|||
<a-select default-value="全部文化数据" @change="handleChange"> |
|||
<a-select-option value="全部文化数据"> |
|||
全部文化数据 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="14" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation" @click="SelectDate()">数据查看</span> |
|||
<span class="table_operation" @click="selectRecords()">操作记录</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
<dataSelect :visible.sync="visible"></dataSelect> |
|||
<operationRecords :visible.sync="visible1"></operationRecords> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
import dataSelect from '../../dateSelect/index.vue' |
|||
import operationRecords from '../../operationRecords/index.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
visible:false, |
|||
visible1:false, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: 'ISLI标识码', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '数据状态', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation, |
|||
dataSelect, |
|||
operationRecords |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
selectRecords(){ |
|||
this.visible1=true |
|||
}, |
|||
SelectDate(){ |
|||
this.visible=true |
|||
}, |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,185 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>资金结算分账管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>资金结算对账单</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>客户名称：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>结算账户：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>银行账号：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item" > |
|||
<span>结算状态：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item"> |
|||
<span>用户类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="19" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation">账户详情</span> |
|||
<span class="table_operation">账单明细</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '用户编码', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '客户名称', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '结算账户', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '银行账号', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
|
|||
{ |
|||
title: '银行名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '用户类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '结算状态', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,50 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>资金结算分账管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>支付方式设置</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body "> |
|||
<div class="body1"> |
|||
<p class="f_title">请选择可用支付方式</p> |
|||
<a-radio-group v-model="value" name="radioGroup"> |
|||
<a-radio :value="1"> |
|||
微信 |
|||
</a-radio> |
|||
<a-radio :value="2"> |
|||
支付宝 |
|||
</a-radio> |
|||
<a-radio :value="3"> |
|||
网银支付 |
|||
</a-radio> |
|||
</a-radio-group> |
|||
<a-button type="primary" class="query_button">应 用</a-button> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data(){ |
|||
return{ |
|||
value:1 |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.body1{ |
|||
background-color: white; |
|||
height:185px; |
|||
box-sizing: border-box; |
|||
padding:20px 20px; |
|||
display:flex; |
|||
flex-direction: column; |
|||
justify-content: space-between; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,165 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>资金结算分账管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>分账比例设置</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>规则名称：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item" > |
|||
<span>创建人员：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item"> |
|||
<span>使用状态：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="19" class="query_item "> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation">禁用</span> |
|||
<span class="table_operation">查看</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '规则名称', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '使用状态', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建人员', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,179 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>数据展示布局管理</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<div class="layout_item" v-for="(item,index) in layoutList"> |
|||
<img src="../../../assets/icons/svg/layout.svg" > |
|||
<div :class="active==index?'active':''">{{item.text}}</div> |
|||
</div> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>平台推荐展示</span> |
|||
<div class="table_title_right"> |
|||
<a-button type="primary" class="query_button">添 加</a-button> |
|||
<a-button class="query_button table_title_right_del">删 除</a-button> |
|||
</div> |
|||
|
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation">上移</span> |
|||
<span class="table_operation">下移</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
active:0, |
|||
layoutList:[ |
|||
{text:'平台推荐展示'}, |
|||
{text:'热门推荐展示'}, |
|||
{text:'热卖推荐展示'}, |
|||
], |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: 'ISLI标识码', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
|
|||
{ |
|||
title: '标的类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '数据状态', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
.query{ |
|||
height: 154px; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.layout_item{ |
|||
width: 120px; |
|||
text-align: center; |
|||
margin-right: 40px; |
|||
} |
|||
.layout_item img{ |
|||
width: 77px; |
|||
height: 77px; |
|||
margin-bottom: 10px; |
|||
} |
|||
.layout_item >div{ |
|||
width: 100%; |
|||
color: #4E5969; |
|||
text-align: center; |
|||
} |
|||
.active{ |
|||
color: white !important; |
|||
background-color: #4E5969; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>交易订单管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>已关闭订单</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>订单编号：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>购买方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>标的名称：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item" > |
|||
<span>订单类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="9" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation" @click="SelectDate()">数据查看</span> |
|||
<span class="table_operation">订单详情</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
<dataSelect :visible.sync="visible"></dataSelect> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
visible:false, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单编号', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方/收款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '购买方/付款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '交易总额', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation, |
|||
dataSelect: () => import('../../dateSelect/index.vue'), |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
SelectDate(){ |
|||
this.visible=true |
|||
}, |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>交易订单管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>已完成订单</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>订单编号：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>购买方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>标的名称：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item" > |
|||
<span>订单类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="9" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation" @click="SelectDate()">数据查看</span> |
|||
<span class="table_operation">订单详情</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
<dataSelect :visible.sync="visible"></dataSelect> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
visible:false, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单编号', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方/收款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '购买方/付款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '交易总额', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation, |
|||
dataSelect: () => import('../../dateSelect/index.vue'), |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
SelectDate(){ |
|||
this.visible=true |
|||
}, |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,223 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>交易订单管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>全部交易订单</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>订单编号：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>购买方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>标的名称:</span> |
|||
<a-input/> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item" > |
|||
<span>订单类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item" > |
|||
<span>交易状态：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="4" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation" @click="SelectDate()">数据查看</span> |
|||
<span class="table_operation" @click="SelectOrder()">订单详情</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
<dataSelect :visible.sync="visible"></dataSelect> |
|||
<orderDetails :visible.sync="visible2"></orderDetails> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
visible:false, |
|||
visible2:false, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单编号', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方/收款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '购买方/付款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '交易总额', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '交易状态', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation, |
|||
dataSelect: () => import('../../dateSelect/index.vue'), |
|||
orderDetails: () => import('../../orderDetails/index.vue'), |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
SelectOrder(){ |
|||
this.visible2=true |
|||
}, |
|||
SelectDate(){ |
|||
this.visible=true |
|||
}, |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>交易订单管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>待付款订单</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>订单编号：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>购买方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>标的名称:</span> |
|||
<a-input/> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item" > |
|||
<span>订单类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="9" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation" @click="SelectDate()">数据查看</span> |
|||
<span class="table_operation">订单详情</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
<dataSelect :visible.sync="visible"></dataSelect> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
visible:false, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单编号', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方/收款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '购买方/付款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '交易总额', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation, |
|||
dataSelect: () => import('../../dateSelect/index.vue'), |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
SelectDate(){ |
|||
this.visible=true |
|||
}, |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>交易订单管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>待交付订单</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>订单编号：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>购买方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>标的名称：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item" > |
|||
<span>订单类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="9" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation" @click="SelectDate()">数据查看</span> |
|||
<span class="table_operation">订单详情</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
<dataSelect :visible.sync="visible"></dataSelect> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
visible:false, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单编号', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方/收款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '购买方/付款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '交易总额', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation, |
|||
dataSelect: () => import('../../dateSelect/index.vue'), |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
SelectDate(){ |
|||
this.visible=true |
|||
}, |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,204 @@ |
|||
<template> |
|||
<div> |
|||
<div class="breadcrumb"> |
|||
<a-breadcrumb> |
|||
<a-breadcrumb-item>交易订单管理</a-breadcrumb-item> |
|||
<a-breadcrumb-item>待结算订单</a-breadcrumb-item> |
|||
</a-breadcrumb> |
|||
</div> |
|||
<div class="body"> |
|||
<div class="query"> |
|||
<a-row justify="space-between" > |
|||
<a-col :span="5" class="query_item"> |
|||
<span>订单编号：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>购买方：</span> |
|||
<a-input/> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item"> |
|||
<span>标的名称:</span> |
|||
<a-input/> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item" > |
|||
<span>订单类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
|
|||
<a-col :span="5" class="query_item"> |
|||
<span>委托类型：</span> |
|||
<a-select default-value="全部" @change="handleChange"> |
|||
<a-select-option value="全部"> |
|||
全部 |
|||
</a-select-option> |
|||
</a-select> |
|||
</a-col> |
|||
<a-col :span="5" class="query_item query_item2"> |
|||
<span>创建时间：</span> |
|||
<a-range-picker @change="onChange" /> |
|||
</a-col> |
|||
<a-col :span="9" class="query_item query_item1"> |
|||
<a-space :size="21"> |
|||
<a-button type="primary" class="query_button">查 询</a-button> |
|||
<a-button class="query_button">重 置</a-button> |
|||
</a-space> |
|||
</a-col> |
|||
</a-row> |
|||
</div> |
|||
<div class="table"> |
|||
<div class="table_title"> |
|||
<span>查询结果</span> |
|||
<a-button type="primary" class="query_button">获 取</a-button> |
|||
</div> |
|||
<a-table :columns="columns" :data-source="data" bordered :pagination="false"> |
|||
<template slot="operation"> |
|||
<a-space :size="24"> |
|||
<span class="table_operation" @click="SelectDate()">数据查看</span> |
|||
<span class="table_operation">订单详情</span> |
|||
</a-space> |
|||
</template> |
|||
</a-table> |
|||
<a-pagination |
|||
class="pagination" |
|||
size="small" |
|||
:total="total" |
|||
v-model="current" |
|||
:page-size="pageSize" |
|||
:show-total="total => `第 ${current} / ${pageSize} 条 / 总共 ${total} 条`" |
|||
:page-size-options="pageSizeOptions" |
|||
@showSizeChange="onShowSizeChange" |
|||
show-size-changer > |
|||
<template slot="buildOptionText" slot-scope="props"> |
|||
<span >{{ props.value }}条/页</span> |
|||
</template> |
|||
</a-pagination> |
|||
</div> |
|||
</div> |
|||
<dataSelect :visible.sync="visible"></dataSelect> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Operation from '../../Operation.vue' |
|||
export default { |
|||
data() { |
|||
return{ |
|||
visible:false, |
|||
pageSizeOptions: ['10', '20', '30', '40', '50'], |
|||
//一页多少条 |
|||
pageSize:10, |
|||
total:500, |
|||
// 当前页数 |
|||
current: 1, |
|||
data:[ |
|||
{ |
|||
key: '1', |
|||
name: 'John Brown', |
|||
money: '￥300,000.00', |
|||
address: 'New York No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '2', |
|||
name: 'Jim Green', |
|||
money: '￥1,256,000.00', |
|||
address: 'London No. 1 Lake Park', |
|||
}, |
|||
{ |
|||
key: '3', |
|||
name: 'Joe Black', |
|||
money: '￥120,000.00', |
|||
address: 'Sidney No. 1 Lake Park', |
|||
}, |
|||
], |
|||
columns:[ |
|||
{ |
|||
title: '序号', |
|||
className: 'table_column', |
|||
dataIndex: 'id', |
|||
width:'65px', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '创建时间', |
|||
dataIndex: 'money', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单编号', |
|||
dataIndex: 'name', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托方/收款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '标的名称', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '购买方/付款方', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '订单类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '委托类型', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '交易总额', |
|||
dataIndex: '', |
|||
align:'center' |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
scopedSlots: { customRender: 'operation' }, |
|||
align:'center' |
|||
}, |
|||
] |
|||
} |
|||
}, |
|||
components:{ |
|||
Operation, |
|||
dataSelect: () => import('../../dateSelect/index.vue'), |
|||
}, |
|||
created(){ |
|||
console.info(this.$route) |
|||
}, |
|||
methods:{ |
|||
SelectDate(){ |
|||
this.visible=true |
|||
}, |
|||
// 切换一页显示多少条 |
|||
onShowSizeChange(current, pageSize){ |
|||
this.pageSize = pageSize; |
|||
}, |
|||
handleChange(){ |
|||
|
|||
}, |
|||
onChange(){ |
|||
|
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,24 @@ |
|||
// The Vue build version to load with the `import` command
|
|||
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
|
|||
import Vue from 'vue' |
|||
import App from './App' |
|||
import router from './router' |
|||
import Antd from 'ant-design-vue'; |
|||
import 'ant-design-vue/dist/antd.css'; |
|||
|
|||
//引入svg组件
|
|||
// import IconSvg from './components/svgIcon'
|
|||
|
|||
// //全局注册svg-icon
|
|||
// Vue.component('svg-icon', IconSvg)
|
|||
|
|||
Vue.use(Antd); |
|||
Vue.config.productionTip = false |
|||
|
|||
/* eslint-disable no-new */ |
|||
new Vue({ |
|||
el: '#app', |
|||
router, |
|||
components: { App }, |
|||
template: '<App/>' |
|||
}) |
|||
@ -0,0 +1,96 @@ |
|||
import Vue from 'vue' |
|||
import Router from 'vue-router' |
|||
|
|||
|
|||
Vue.use(Router) |
|||
|
|||
export default new Router({ |
|||
routes: [ |
|||
{ |
|||
path: '/', |
|||
redirect: '/Home' |
|||
}, |
|||
{ |
|||
path: '/', |
|||
component: () => import(/* webpackChunkName: "home" */ '../components/Home.vue'), |
|||
meta: { title: '自述文件' }, |
|||
children: [ |
|||
{ |
|||
path: '/Home', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/Home/index.vue'), |
|||
meta: { title: '系统首页' } |
|||
}, |
|||
{ |
|||
path: '/DataQuery', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/classification/DataQuery.vue'), |
|||
meta: { title: '全部文化数据查询' } |
|||
}, |
|||
{ |
|||
path: '/Category', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/classification/Category.vue'), |
|||
meta: { title: '文化数据类别管理' } |
|||
}, |
|||
{ |
|||
path: '/admission', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/admission/index.vue'), |
|||
meta: { title: '文化数据入场管理' } |
|||
}, |
|||
{ |
|||
path: '/allOrder', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/order/index.vue'), |
|||
meta: { title: '全部交易订单' } |
|||
}, |
|||
{ |
|||
path: '/pendingPayment', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/order/pendingPayment.vue'), |
|||
meta: { title: '待付款订单' } |
|||
}, |
|||
{ |
|||
path: '/toBeDelivered', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/order/toBeDelivered.vue'), |
|||
meta: { title: '待交付订单' } |
|||
}, |
|||
{ |
|||
path: '/toBeSettled', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/order/toBeSettled.vue'), |
|||
meta: { title: '待结算订单' } |
|||
}, |
|||
{ |
|||
path: '/completed', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/order/completed.vue'), |
|||
meta: { title: '已完成订单' } |
|||
}, |
|||
{ |
|||
path: '/closed', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/order/closed.vue'), |
|||
meta: { title: '已关闭订单' } |
|||
}, |
|||
{ |
|||
path: '/invoice', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/afterService/invoice.vue'), |
|||
meta: { title: '服务发票' } |
|||
}, |
|||
{ |
|||
path: '/fundSettlement', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/fundSettlement/index.vue'), |
|||
meta: { title: '资金结算对账单' } |
|||
}, |
|||
{ |
|||
path: '/splitProportion', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/fundSettlement/splitProportion.vue'), |
|||
meta: { title: '分账比例设置' } |
|||
}, |
|||
{ |
|||
path: '/paymentMethod', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/fundSettlement/paymentMethod.vue'), |
|||
meta: { title: '支付方式设置' } |
|||
}, |
|||
{ |
|||
path: '/layout', |
|||
component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/layout/index.vue'), |
|||
meta: { title: '数据展示布局管理' } |
|||
}, |
|||
] |
|||
} |
|||
] |
|||
}) |
|||
Loading…
Reference in new issue