├── Icon.zip ├── README.md ├── datazichan ├── .babelrc ├── .editorconfig ├── .gitignore ├── .postcssrc.js ├── build │ ├── build.js │ ├── check-versions.js │ ├── logo.png │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ └── webpack.prod.conf.js ├── config │ ├── dev.env.js │ ├── index.js │ ├── prod.env.js │ └── test.env.js ├── exporTemplate.xlsx ├── index.html ├── package.json ├── src │ ├── App.vue │ ├── assets │ │ └── logo.png │ ├── components │ │ ├── AssetContentCreation │ │ │ ├── AssetContentCreation.style.css │ │ │ └── AssetContentCreation.vue │ │ ├── DataAssetChange │ │ │ ├── DataAssetChange.style.css │ │ │ └── DataAssetChange.vue │ │ ├── DataClassification │ │ │ ├── DataClassification.style.css │ │ │ └── DataClassification.vue │ │ ├── Details │ │ │ ├── Details.style.css │ │ │ └── Details.vue │ │ ├── EditPage │ │ │ ├── EditPage.style.css │ │ │ └── EditPage.vue │ │ ├── HelloWorld.vue │ │ ├── Supplier │ │ │ ├── Supplier.style.css │ │ │ └── Supplier.vue │ │ ├── SupplierChildrenCompon │ │ │ ├── BasicInformation │ │ │ │ └── BasicInformation.vue │ │ │ ├── ExtendedInformation │ │ │ │ └── ExtendedInformation.vue │ │ │ └── VersionInformation │ │ │ │ └── VersionInformation.vue │ │ ├── childrenCompon │ │ │ ├── BasicInformation │ │ │ │ └── BasicInformation.vue │ │ │ ├── DataDistributionFlow │ │ │ │ ├── DataDistributionFlow.style.css │ │ │ │ └── DataDistributionFlow.vue │ │ │ ├── ExtendedInformation │ │ │ │ └── ExtendedInformation.vue │ │ │ └── VersionInformation │ │ │ │ └── VersionInformation.vue │ │ └── index │ │ │ ├── index.style.css │ │ │ └── index.vue │ ├── css │ │ └── style.css │ ├── iconfont │ │ ├── demo.css │ │ ├── demo_fontclass.html │ │ ├── demo_symbol.html │ │ ├── demo_unicode.html │ │ ├── iconfont.css │ │ ├── iconfont.eot │ │ ├── iconfont.js │ │ ├── iconfont.svg │ │ ├── iconfont.ttf │ │ └── iconfont.woff │ ├── images │ │ └── sy1544782158.png │ ├── main.js │ └── router │ │ └── index.js ├── static │ └── .gitkeep ├── test │ └── unit │ │ ├── .eslintrc │ │ └── specs │ │ └── HelloWorld.spec.js ├── 数据资产内容维护接口.docx └── 注.txt ├── exporTemplate.xlsx ├── 数据资产demo.2 ├── __MACOSX │ └── 数据资产demo │ │ ├── ._.DS_Store │ │ ├── ._数据资产标注 │ │ └── 数据资产标注 │ │ ├── ._index.html │ │ └── links │ │ ├── ._page-1-数据资产-数据资产内容创建.html │ │ ├── ._page-1-数据资产-数据资产内容创建批量.html │ │ ├── ._page-1-数据资产-数据资产内容变更.html │ │ ├── ._page-1-数据资产-数据资产内容变更修改.html │ │ ├── ._page-1-数据资产-数据资产内容详情.html │ │ ├── ._page-1-数据资产-数据资产分类维护.html │ │ ├── ._page-1-数据资产-数据资产查询-供应商名称.html │ │ ├── ._page-1-数据资产-数据资产查询-分布.html │ │ ├── ._page-1-数据资产-数据资产查询.html │ │ └── ._page-1-数据资产-数据资产查询导航交互.html └── 数据资产demo │ ├── .DS_Store │ ├── 数据资产-数据资产内容创建.png │ ├── 数据资产-数据资产内容创建批量.png │ ├── 数据资产-数据资产内容变更.png │ ├── 数据资产-数据资产内容变更修改.png │ ├── 数据资产-数据资产内容详情.png │ ├── 数据资产-数据资产分类维护.png │ ├── 数据资产-数据资产分类维护交互.png │ ├── 数据资产-数据资产查询-供应商名称.png │ ├── 数据资产-数据资产查询-分布.png │ ├── 数据资产-数据资产查询.png │ ├── 数据资产-数据资产查询导航交互.png │ └── 数据资产标注 │ ├── index.html │ ├── links │ ├── page-1-数据资产-数据资产内容创建.html │ ├── page-1-数据资产-数据资产内容创建批量.html │ ├── page-1-数据资产-数据资产内容变更.html │ ├── page-1-数据资产-数据资产内容变更修改.html │ ├── page-1-数据资产-数据资产内容详情.html │ ├── page-1-数据资产-数据资产分类维护.html │ ├── page-1-数据资产-数据资产查询-供应商名称.html │ ├── page-1-数据资产-数据资产查询-分布.html │ ├── page-1-数据资产-数据资产查询.html │ └── page-1-数据资产-数据资产查询导航交互.html │ └── preview │ ├── page-1-数据资产-数据资产内容创建.png │ ├── page-1-数据资产-数据资产内容创建批量.png │ ├── page-1-数据资产-数据资产内容变更.png │ ├── page-1-数据资产-数据资产内容变更修改.png │ ├── page-1-数据资产-数据资产内容详情.png │ ├── page-1-数据资产-数据资产分类维护.png │ ├── page-1-数据资产-数据资产查询-供应商名称.png │ ├── page-1-数据资产-数据资产查询-分布.png │ ├── page-1-数据资产-数据资产查询.png │ └── page-1-数据资产-数据资产查询导航交互.png └── 数据资产内容维护接口.docx /Icon.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/Icon.zip -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # DataAssetManagement 2 | 数据资产管理 3 | -------------------------------------------------------------------------------- /datazichan/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"], 12 | "env": { 13 | "test": { 14 | "presets": ["env", "stage-2"] 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /datazichan/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /datazichan/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | /test/unit/coverage/ 8 | 9 | # Editor directories and files 10 | .idea 11 | .vscode 12 | *.suo 13 | *.ntvs* 14 | *.njsproj 15 | *.sln 16 | -------------------------------------------------------------------------------- /datazichan/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /datazichan/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /datazichan/build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /datazichan/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/build/logo.png -------------------------------------------------------------------------------- /datazichan/build/utils.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const path = require('path') 3 | const config = require('../config') 4 | const ExtractTextPlugin = require('extract-text-webpack-plugin') 5 | const packageConfig = require('../package.json') 6 | 7 | exports.assetsPath = function (_path) { 8 | const assetsSubDirectory = process.env.NODE_ENV === 'production' 9 | ? config.build.assetsSubDirectory 10 | : config.dev.assetsSubDirectory 11 | 12 | return path.posix.join(assetsSubDirectory, _path) 13 | } 14 | 15 | exports.cssLoaders = function (options) { 16 | options = options || {} 17 | 18 | const cssLoader = { 19 | loader: 'css-loader', 20 | options: { 21 | sourceMap: options.sourceMap 22 | } 23 | } 24 | 25 | const postcssLoader = { 26 | loader: 'postcss-loader', 27 | options: { 28 | sourceMap: options.sourceMap 29 | } 30 | } 31 | 32 | // generate loader string to be used with extract text plugin 33 | function generateLoaders (loader, loaderOptions) { 34 | const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] 35 | 36 | if (loader) { 37 | loaders.push({ 38 | loader: loader + '-loader', 39 | options: Object.assign({}, loaderOptions, { 40 | sourceMap: options.sourceMap 41 | }) 42 | }) 43 | } 44 | 45 | // Extract CSS when that option is specified 46 | // (which is the case during production build) 47 | if (options.extract) { 48 | return ExtractTextPlugin.extract({ 49 | use: loaders, 50 | fallback: 'vue-style-loader' 51 | }) 52 | } else { 53 | return ['vue-style-loader'].concat(loaders) 54 | } 55 | } 56 | 57 | // https://vue-loader.vuejs.org/en/configurations/extract-css.html 58 | return { 59 | css: generateLoaders(), 60 | postcss: generateLoaders(), 61 | less: generateLoaders('less'), 62 | sass: generateLoaders('sass', { indentedSyntax: true }), 63 | scss: generateLoaders('sass'), 64 | stylus: generateLoaders('stylus'), 65 | styl: generateLoaders('stylus') 66 | } 67 | } 68 | 69 | // Generate loaders for standalone style files (outside of .vue) 70 | exports.styleLoaders = function (options) { 71 | const output = [] 72 | const loaders = exports.cssLoaders(options) 73 | 74 | for (const extension in loaders) { 75 | const loader = loaders[extension] 76 | output.push({ 77 | test: new RegExp('\\.' + extension + '$'), 78 | use: loader 79 | }) 80 | } 81 | 82 | return output 83 | } 84 | 85 | exports.createNotifierCallback = () => { 86 | const notifier = require('node-notifier') 87 | 88 | return (severity, errors) => { 89 | if (severity !== 'error') return 90 | 91 | const error = errors[0] 92 | const filename = error.file && error.file.split('!').pop() 93 | 94 | notifier.notify({ 95 | title: packageConfig.name, 96 | message: severity + ': ' + error.name, 97 | subtitle: filename || '', 98 | icon: path.join(__dirname, 'logo.png') 99 | }) 100 | } 101 | } 102 | -------------------------------------------------------------------------------- /datazichan/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /datazichan/build/webpack.base.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const path = require('path') 3 | const utils = require('./utils') 4 | const config = require('../config') 5 | const vueLoaderConfig = require('./vue-loader.conf') 6 | 7 | function resolve (dir) { 8 | return path.join(__dirname, '..', dir) 9 | } 10 | 11 | 12 | 13 | module.exports = { 14 | context: path.resolve(__dirname, '../'), 15 | entry: { 16 | // app: './src/main.js', 17 | app:['babel-polyfill','./src/main.js'] 18 | }, 19 | output: { 20 | path: config.build.assetsRoot, 21 | filename: '[name].js', 22 | publicPath: process.env.NODE_ENV === 'production' 23 | ? config.build.assetsPublicPath 24 | : config.dev.assetsPublicPath 25 | }, 26 | resolve: { 27 | extensions: ['.js', '.vue', '.json'], 28 | alias: { 29 | 'vue$': 'vue/dist/vue.esm.js', 30 | '@': resolve('src'), 31 | } 32 | }, 33 | module: { 34 | rules: [ 35 | { 36 | test: /\.vue$/, 37 | loader: 'vue-loader', 38 | options: vueLoaderConfig 39 | }, 40 | { 41 | test: /\.js$/, 42 | loader: 'babel-loader', 43 | include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')] 44 | }, 45 | { 46 | test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, 47 | loader: 'url-loader', 48 | options: { 49 | limit: 10000, 50 | name: utils.assetsPath('img/[name].[hash:7].[ext]') 51 | } 52 | }, 53 | { 54 | test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/, 55 | loader: 'url-loader', 56 | options: { 57 | limit: 10000, 58 | name: utils.assetsPath('media/[name].[hash:7].[ext]') 59 | } 60 | }, 61 | { 62 | test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, 63 | loader: 'url-loader', 64 | options: { 65 | limit: 10000, 66 | name: utils.assetsPath('fonts/[name].[hash:7].[ext]') 67 | } 68 | } 69 | ] 70 | }, 71 | node: { 72 | // prevent webpack from injecting useless setImmediate polyfill because Vue 73 | // source contains it (although only uses it if it's native). 74 | setImmediate: false, 75 | // prevent webpack from injecting mocks to Node native modules 76 | // that does not make sense for the client 77 | dgram: 'empty', 78 | fs: 'empty', 79 | net: 'empty', 80 | tls: 'empty', 81 | child_process: 'empty' 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /datazichan/build/webpack.dev.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const webpack = require('webpack') 4 | const config = require('../config') 5 | const merge = require('webpack-merge') 6 | const path = require('path') 7 | const baseWebpackConfig = require('./webpack.base.conf') 8 | const CopyWebpackPlugin = require('copy-webpack-plugin') 9 | const HtmlWebpackPlugin = require('html-webpack-plugin') 10 | const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') 11 | const portfinder = require('portfinder') 12 | 13 | const HOST = process.env.HOST 14 | const PORT = process.env.PORT && Number(process.env.PORT) 15 | 16 | const devWebpackConfig = merge(baseWebpackConfig, { 17 | module: { 18 | rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true }) 19 | }, 20 | // cheap-module-eval-source-map is faster for development 21 | devtool: config.dev.devtool, 22 | 23 | // these devServer options should be customized in /config/index.js 24 | devServer: { 25 | clientLogLevel: 'warning', 26 | historyApiFallback: { 27 | rewrites: [ 28 | { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') }, 29 | ], 30 | }, 31 | hot: true, 32 | contentBase: false, // since we use CopyWebpackPlugin. 33 | compress: true, 34 | host: HOST || config.dev.host, 35 | port: PORT || config.dev.port, 36 | open: config.dev.autoOpenBrowser, 37 | overlay: config.dev.errorOverlay 38 | ? { warnings: false, errors: true } 39 | : false, 40 | publicPath: config.dev.assetsPublicPath, 41 | proxy: config.dev.proxyTable, 42 | quiet: true, // necessary for FriendlyErrorsPlugin 43 | watchOptions: { 44 | poll: config.dev.poll, 45 | } 46 | }, 47 | plugins: [ 48 | new webpack.DefinePlugin({ 49 | 'process.env': require('../config/dev.env') 50 | }), 51 | new webpack.HotModuleReplacementPlugin(), 52 | new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update. 53 | new webpack.NoEmitOnErrorsPlugin(), 54 | // https://github.com/ampedandwired/html-webpack-plugin 55 | new HtmlWebpackPlugin({ 56 | filename: 'index.html', 57 | template: 'index.html', 58 | inject: true 59 | }), 60 | // copy custom static assets 61 | new CopyWebpackPlugin([ 62 | { 63 | from: path.resolve(__dirname, '../static'), 64 | to: config.dev.assetsSubDirectory, 65 | ignore: ['.*'] 66 | } 67 | ]) 68 | ] 69 | }) 70 | 71 | module.exports = new Promise((resolve, reject) => { 72 | portfinder.basePort = process.env.PORT || config.dev.port 73 | portfinder.getPort((err, port) => { 74 | if (err) { 75 | reject(err) 76 | } else { 77 | // publish the new Port, necessary for e2e tests 78 | process.env.PORT = port 79 | // add port to devServer config 80 | devWebpackConfig.devServer.port = port 81 | 82 | // Add FriendlyErrorsPlugin 83 | devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ 84 | compilationSuccessInfo: { 85 | messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`], 86 | }, 87 | onErrors: config.dev.notifyOnErrors 88 | ? utils.createNotifierCallback() 89 | : undefined 90 | })) 91 | 92 | resolve(devWebpackConfig) 93 | } 94 | }) 95 | }) 96 | -------------------------------------------------------------------------------- /datazichan/build/webpack.prod.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const path = require('path') 3 | const utils = require('./utils') 4 | const webpack = require('webpack') 5 | const config = require('../config') 6 | const merge = require('webpack-merge') 7 | const baseWebpackConfig = require('./webpack.base.conf') 8 | const CopyWebpackPlugin = require('copy-webpack-plugin') 9 | const HtmlWebpackPlugin = require('html-webpack-plugin') 10 | const ExtractTextPlugin = require('extract-text-webpack-plugin') 11 | const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') 12 | const UglifyJsPlugin = require('uglifyjs-webpack-plugin') 13 | 14 | const env = process.env.NODE_ENV === 'testing' 15 | ? require('../config/test.env') 16 | : require('../config/prod.env') 17 | 18 | const webpackConfig = merge(baseWebpackConfig, { 19 | module: { 20 | rules: utils.styleLoaders({ 21 | sourceMap: config.build.productionSourceMap, 22 | extract: true, 23 | usePostCSS: true 24 | }) 25 | }, 26 | devtool: config.build.productionSourceMap ? config.build.devtool : false, 27 | output: { 28 | path: config.build.assetsRoot, 29 | filename: utils.assetsPath('js/[name].[chunkhash].js'), 30 | chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') 31 | }, 32 | plugins: [ 33 | // http://vuejs.github.io/vue-loader/en/workflow/production.html 34 | new webpack.DefinePlugin({ 35 | 'process.env': env 36 | }), 37 | new UglifyJsPlugin({ 38 | uglifyOptions: { 39 | compress: { 40 | warnings: false 41 | } 42 | }, 43 | sourceMap: config.build.productionSourceMap, 44 | parallel: true 45 | }), 46 | // extract css into its own file 47 | new ExtractTextPlugin({ 48 | filename: utils.assetsPath('css/[name].[contenthash].css'), 49 | // Setting the following option to `false` will not extract CSS from codesplit chunks. 50 | // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack. 51 | // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 52 | // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110 53 | allChunks: true, 54 | }), 55 | // Compress extracted CSS. We are using this plugin so that possible 56 | // duplicated CSS from different components can be deduped. 57 | new OptimizeCSSPlugin({ 58 | cssProcessorOptions: config.build.productionSourceMap 59 | ? { safe: true, map: { inline: false } } 60 | : { safe: true } 61 | }), 62 | // generate dist index.html with correct asset hash for caching. 63 | // you can customize output by editing /index.html 64 | // see https://github.com/ampedandwired/html-webpack-plugin 65 | new HtmlWebpackPlugin({ 66 | filename: process.env.NODE_ENV === 'testing' 67 | ? 'index.html' 68 | : config.build.index, 69 | template: 'index.html', 70 | inject: true, 71 | minify: { 72 | removeComments: true, 73 | collapseWhitespace: true, 74 | removeAttributeQuotes: true 75 | // more options: 76 | // https://github.com/kangax/html-minifier#options-quick-reference 77 | }, 78 | // necessary to consistently work with multiple chunks via CommonsChunkPlugin 79 | chunksSortMode: 'dependency' 80 | }), 81 | // keep module.id stable when vendor modules does not change 82 | new webpack.HashedModuleIdsPlugin(), 83 | // enable scope hoisting 84 | new webpack.optimize.ModuleConcatenationPlugin(), 85 | // split vendor js into its own file 86 | new webpack.optimize.CommonsChunkPlugin({ 87 | name: 'vendor', 88 | minChunks (module) { 89 | // any required modules inside node_modules are extracted to vendor 90 | return ( 91 | module.resource && 92 | /\.js$/.test(module.resource) && 93 | module.resource.indexOf( 94 | path.join(__dirname, '../node_modules') 95 | ) === 0 96 | ) 97 | } 98 | }), 99 | // extract webpack runtime and module manifest to its own file in order to 100 | // prevent vendor hash from being updated whenever app bundle is updated 101 | new webpack.optimize.CommonsChunkPlugin({ 102 | name: 'manifest', 103 | minChunks: Infinity 104 | }), 105 | // This instance extracts shared chunks from code splitted chunks and bundles them 106 | // in a separate chunk, similar to the vendor chunk 107 | // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk 108 | new webpack.optimize.CommonsChunkPlugin({ 109 | name: 'app', 110 | async: 'vendor-async', 111 | children: true, 112 | minChunks: 3 113 | }), 114 | 115 | // copy custom static assets 116 | new CopyWebpackPlugin([ 117 | { 118 | from: path.resolve(__dirname, '../static'), 119 | to: config.build.assetsSubDirectory, 120 | ignore: ['.*'] 121 | } 122 | ]) 123 | ] 124 | }) 125 | 126 | if (config.build.productionGzip) { 127 | const CompressionWebpackPlugin = require('compression-webpack-plugin') 128 | 129 | webpackConfig.plugins.push( 130 | new CompressionWebpackPlugin({ 131 | asset: '[path].gz[query]', 132 | algorithm: 'gzip', 133 | test: new RegExp( 134 | '\\.(' + 135 | config.build.productionGzipExtensions.join('|') + 136 | ')$' 137 | ), 138 | threshold: 10240, 139 | minRatio: 0.8 140 | }) 141 | ) 142 | } 143 | 144 | if (config.build.bundleAnalyzerReport) { 145 | const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin 146 | webpackConfig.plugins.push(new BundleAnalyzerPlugin()) 147 | } 148 | 149 | module.exports = webpackConfig 150 | -------------------------------------------------------------------------------- /datazichan/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"', 7 | API_ROOT:'"/meta-manager/"' 8 | }) 9 | -------------------------------------------------------------------------------- /datazichan/config/index.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | // Template version: 1.3.1 3 | // see http://vuejs-templates.github.io/webpack for documentation. 4 | 5 | const path = require('path') 6 | 7 | module.exports = { 8 | dev: { 9 | 10 | // Paths 11 | assetsSubDirectory: 'static', 12 | assetsPublicPath: '/', 13 | proxyTable: { 14 | "/": 'http://10.37.148.35:8090/' 15 | // "/": 'http://10.2.96.57:8080/' 16 | 17 | }, 18 | 19 | // Various Dev Server settings 20 | host: 'localhost', // can be overwritten by process.env.HOST 21 | port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined 22 | autoOpenBrowser: false, 23 | errorOverlay: true, 24 | notifyOnErrors: true, 25 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions- 26 | 27 | 28 | /** 29 | * Source Maps 30 | */ 31 | 32 | // https://webpack.js.org/configuration/devtool/#development 33 | devtool: 'cheap-module-eval-source-map', 34 | 35 | // If you have problems debugging vue-files in devtools, 36 | // set this to false - it *may* help 37 | // https://vue-loader.vuejs.org/en/options.html#cachebusting 38 | cacheBusting: true, 39 | 40 | cssSourceMap: true 41 | }, 42 | 43 | build: { 44 | // Template for index.html 45 | index: path.resolve(__dirname, '../dist/index.html'), 46 | 47 | // Paths 48 | assetsRoot: path.resolve(__dirname, '../dist'), 49 | assetsSubDirectory: 'static', 50 | assetsPublicPath: '/', 51 | 52 | /** 53 | * Source Maps 54 | */ 55 | 56 | productionSourceMap: true, 57 | // https://webpack.js.org/configuration/devtool/#production 58 | devtool: '#source-map', 59 | 60 | // Gzip off by default as many popular static hosts such as 61 | // Surge or Netlify already gzip all static assets for you. 62 | // Before setting to `true`, make sure to: 63 | // npm install --save-dev compression-webpack-plugin 64 | productionGzip: false, 65 | productionGzipExtensions: ['js', 'css'], 66 | 67 | // Run the build command with an extra argument to 68 | // View the bundle analyzer report after build finishes: 69 | // `npm run build --report` 70 | // Set to `true` or `false` to always turn it on or off 71 | bundleAnalyzerReport: process.env.npm_config_report 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /datazichan/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"', 4 | API_ROOT:'"/meta-manager/"' 5 | } 6 | -------------------------------------------------------------------------------- /datazichan/config/test.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const devEnv = require('./dev.env') 4 | 5 | module.exports = merge(devEnv, { 6 | NODE_ENV: '"testing"' 7 | }) 8 | -------------------------------------------------------------------------------- /datazichan/exporTemplate.xlsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/exporTemplate.xlsx -------------------------------------------------------------------------------- /datazichan/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | datazichan 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /datazichan/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "datazichan", 3 | "version": "1.0.0", 4 | "description": "A Vue.js project", 5 | "author": "", 6 | "private": true, 7 | "scripts": { 8 | "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", 9 | "start": "npm run dev", 10 | "test": "npm run unit", 11 | "build": "node build/build.js" 12 | }, 13 | "dependencies": { 14 | "axios": "^0.18.0", 15 | "babel-polyfill": "^6.26.0", 16 | "element-ui": "^2.4.11", 17 | "jquery": "^3.3.1", 18 | "vue": "^2.5.2", 19 | "vue-router": "^3.0.1" 20 | }, 21 | "devDependencies": { 22 | "autoprefixer": "^7.1.2", 23 | "babel-core": "^6.22.1", 24 | "babel-helper-vue-jsx-merge-props": "^2.0.3", 25 | "babel-loader": "^7.1.1", 26 | "babel-plugin-syntax-jsx": "^6.18.0", 27 | "babel-plugin-transform-runtime": "^6.22.0", 28 | "babel-plugin-transform-vue-jsx": "^3.5.0", 29 | "babel-preset-env": "^1.3.2", 30 | "babel-preset-stage-2": "^6.22.0", 31 | "chalk": "^2.0.1", 32 | "copy-webpack-plugin": "^4.0.1", 33 | "css-loader": "^0.28.0", 34 | "extract-text-webpack-plugin": "^3.0.0", 35 | "file-loader": "^1.1.4", 36 | "friendly-errors-webpack-plugin": "^1.6.1", 37 | "html-webpack-plugin": "^2.30.1", 38 | "node-notifier": "^5.1.2", 39 | "optimize-css-assets-webpack-plugin": "^3.2.0", 40 | "ora": "^1.2.0", 41 | "portfinder": "^1.0.13", 42 | "postcss-import": "^11.0.0", 43 | "postcss-loader": "^2.0.8", 44 | "postcss-url": "^7.2.1", 45 | "rimraf": "^2.6.0", 46 | "semver": "^5.3.0", 47 | "shelljs": "^0.7.6", 48 | "uglifyjs-webpack-plugin": "^1.1.1", 49 | "url-loader": "^0.5.8", 50 | "vue-loader": "^13.3.0", 51 | "vue-style-loader": "^3.0.1", 52 | "vue-template-compiler": "^2.5.2", 53 | "webpack": "^3.6.0", 54 | "webpack-bundle-analyzer": "^2.9.0", 55 | "webpack-dev-server": "^2.9.1", 56 | "webpack-merge": "^4.1.0" 57 | }, 58 | "engines": { 59 | "node": ">= 6.0.0", 60 | "npm": ">= 3.0.0" 61 | }, 62 | "browserslist": [ 63 | "> 1%", 64 | "last 2 versions", 65 | "not ie <= 8" 66 | ] 67 | } 68 | -------------------------------------------------------------------------------- /datazichan/src/App.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 200 | 201 | 266 | -------------------------------------------------------------------------------- /datazichan/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/src/assets/logo.png -------------------------------------------------------------------------------- /datazichan/src/components/AssetContentCreation/AssetContentCreation.style.css: -------------------------------------------------------------------------------- 1 | /* width宽度，height高度，padding内边距，margin外边距，list-style列表样式，display: flex弹性盒 2 | justify-content: space-between;align-items: center;排列方式（水平|垂直），background背景，box-sizing计算方式 3 | position定位，vertical-align垂直对齐text-align水平对齐，line-height行高,text-decoration去掉a的默认, 4 | transform: rotate()旋转，border边框，border-radius圆角，font-size字体大小，color字体颜色 */ 5 | #AssetContentCreation{ 6 | width: 100%; 7 | height: auto; 8 | padding:40px; 9 | box-sizing: border-box; 10 | } 11 | #AssetContentCreation .top{ 12 | width: 100%; 13 | display: flex; 14 | justify-content: space-between; 15 | align-items: center; 16 | margin-bottom: 48px; 17 | box-sizing: border-box; 18 | } 19 | .top h5{ 20 | font-size: 24px; 21 | color:#4E4E4E; 22 | } 23 | .top h6{ 24 | display: flex; 25 | justify-content: space-between; 26 | align-items: center; 27 | } 28 | .top h6 span { 29 | width: 88px; 30 | height: 34px; 31 | border: 1px solid #778199; 32 | border-radius: 2px; 33 | font-size: 12px ; 34 | color:#778199; 35 | line-height: 34px; 36 | text-align: center; 37 | margin-left: 10px; 38 | } 39 | .mask{ 40 | width: 100%; 41 | height: 100%; 42 | position: fixed; 43 | top:0; 44 | left:0; 45 | background: rgba(78,78,78,0.20); 46 | } 47 | .upload{ 48 | width: 40%; 49 | height: 60%; 50 | background: #fff; 51 | border-radius: 8px; 52 | padding: 20px; 53 | position: absolute; 54 | left:0; 55 | right:0; 56 | top:0; 57 | bottom:0; 58 | margin: auto; 59 | } 60 | .upload p{ 61 | width: 100%; 62 | height: 30px; 63 | font-size: 12px; 64 | color: #778199; 65 | line-height: 30px; 66 | } 67 | .upload h6{ 68 | font-family: 'PingFangSC-Medium'; 69 | font-size: 14px; 70 | font-weight: 100; 71 | color: #778199; 72 | letter-spacing: 0; 73 | margin-bottom: 26px; 74 | } 75 | .upload-demo{ 76 | width: 100%; 77 | height: 30px; 78 | display: flex; 79 | justify-content: space-between; 80 | align-items: center; 81 | position: relative; 82 | margin-bottom: 30px; 83 | } 84 | .upload-demo div.el-upload{ 85 | flex: 1 !important; 86 | height: 100%; 87 | display: block; 88 | } 89 | .upload-demo .el-upload .el-button.el-button--primary.el-button--small{ 90 | width: 100%; 91 | height: 100%; 92 | border: 1px solid #E3E7F1; 93 | border-radius: 2px; 94 | background: #fff; 95 | font-size: 12px; 96 | color: #B7BBC3; 97 | text-align: left; 98 | } 99 | .upload-demo .el-button.el-button--success{ 100 | width: 68px; 101 | height: 34px; 102 | background: #1D6DFC; 103 | font-size: 12px; 104 | color: #FFFFFF; 105 | } 106 | .upload-demo ul{ 107 | position: absolute; 108 | left:0; 109 | } 110 | .upload-demo ul li.el-upload-list__item:first-child{ 111 | margin-top: 0; 112 | } 113 | 114 | 115 | .download{ 116 | width: 100%; 117 | 118 | line-height: 30px; 119 | box-sizing: border-box; 120 | padding: 0 0 15px; 121 | margin-bottom: 14px; 122 | border: 1px solid #F5F6FA; 123 | } 124 | .download a{ 125 | font-size: 12px; 126 | color: #1D6DFC; 127 | text-decoration: none; 128 | } 129 | .list { 130 | width: 100%; 131 | box-sizing: border-box; 132 | } 133 | .list li{ 134 | font-size: 12px; 135 | color: #8C9098; 136 | line-height: 22px; 137 | } 138 | .list li:first-child{ 139 | font-size: 12px; 140 | color: #778199; 141 | } 142 | .bottom{ 143 | width: 100%; 144 | box-sizing: border-box; 145 | } 146 | .bottom .box{ 147 | padding: 20px 26px; 148 | box-sizing: border-box; 149 | width: 100%; 150 | background: #fff; 151 | border: 1px solid #E3E7F1; 152 | border-radius: 4px; 153 | margin-bottom: 20px; 154 | } 155 | .box h4{ 156 | width: 100%; 157 | height: 30px; 158 | line-height: 30px; 159 | font-size: 14px; 160 | color: #010F35; 161 | } 162 | .box ul{ 163 | width: 100%; 164 | display: flex; 165 | justify-content: space-between; 166 | flex-wrap: wrap; 167 | box-sizing: border-box; 168 | } 169 | .box ul li{ 170 | width: 28%; 171 | margin-left: 6px; 172 | margin-bottom: 30px; 173 | box-sizing: border-box; 174 | } 175 | .box ul li h5{ 176 | font-size: 12px; 177 | color: #778199; 178 | line-height: 18px; 179 | margin-bottom: 6px; 180 | } 181 | .box ul li h5 svg{ 182 | width: 14px; 183 | height: 14px; 184 | vertical-align: middle; 185 | } 186 | .el-dropdown{ 187 | width: 100%; 188 | height: 30px; 189 | border: 1px solid #E3E7F1; 190 | border-radius: 2px; 191 | box-sizing: border-box; 192 | 193 | } 194 | 195 | .box ul li .el-dropdown span{ 196 | display: inline-block; 197 | padding-left: 10px; 198 | width:100%; 199 | height: 100%; 200 | line-height: 30px; 201 | box-sizing: border-box; 202 | } 203 | .el-dropdown .el-dropdown-link i{ 204 | position: absolute; 205 | right:0; 206 | width: 28px; 207 | height: 28px; 208 | background: #F5F6FA; 209 | line-height: 30px; 210 | text-align: center; 211 | } 212 | .box ul li input{ 213 | width: 100%; 214 | height: 30px; 215 | border: 1px solid #E3E7F1; 216 | border-radius: 2px; 217 | box-sizing: border-box; 218 | } 219 | .box:nth-child(2) ul li{ 220 | width: 46%; 221 | } 222 | .box:nth-child(2) ul li textarea{ 223 | width: 100%; 224 | height: 150px; 225 | } 226 | .box:last-child ul li{ 227 | width: 20%; 228 | } 229 | .box:nth-child(2) ul li>p{ 230 | color: #778199; 231 | } 232 | .box:nth-child(2) ul li>p>span{ 233 | color: rgb(27, 248, 7); 234 | } 235 | .btns{ 236 | width: 100%; 237 | height: 50px; 238 | text-align: center; 239 | box-sizing: border-box; 240 | } 241 | .btns button{ 242 | width: 68px; 243 | height: 34px; 244 | border:0; 245 | margin-left: 20px; 246 | } 247 | .btns button:first-child{ 248 | background: #1D6DFC; 249 | color:#fff; 250 | border-radius: 2px; 251 | } 252 | .btns button:nth-child(2){ 253 | background: #FFFFFF; 254 | font-size: 12px; 255 | color: #778199; 256 | border-radius: 2px; 257 | border: 1px solid #778199; 258 | } 259 | .btns button:last-child{ 260 | border: 1px solid #778199; 261 | border-radius: 2px; 262 | background: #F5F6FA; 263 | } -------------------------------------------------------------------------------- /datazichan/src/components/AssetContentCreation/AssetContentCreation.vue: -------------------------------------------------------------------------------- 1 | 382 | 780 | 795 | 796 | -------------------------------------------------------------------------------- /datazichan/src/components/DataAssetChange/DataAssetChange.style.css: -------------------------------------------------------------------------------- 1 | /* width宽度，height高度，padding内边距，margin外边距，list-style列表样式，display: flex弹性盒 2 | justify-content: space-between;align-items: center;排列方式（水平|垂直），background背景，box-sizing计算方式 3 | position定位，vertical-align垂直对齐text-align水平对齐，line-height行高,text-decoration去掉a的默认, 4 | transform: rotate()旋转，border边框，border-radius圆角，font-size字体大小，color字体颜色 */ 5 | #DataAssetChange{ 6 | width: 100%; 7 | padding: 40px; 8 | box-sizing: border-box; 9 | } 10 | .top{ 11 | width: 100%; 12 | display: flex; 13 | justify-content: space-between; 14 | align-items: center; 15 | margin-bottom: 48px; 16 | box-sizing: border-box; 17 | } 18 | .top h5{ 19 | font-size: 24px; 20 | color:#4E4E4E; 21 | } 22 | .top h6{ 23 | display: flex; 24 | justify-content: space-between; 25 | align-items: center; 26 | } 27 | .top h6 span { 28 | width: 88px; 29 | height: 34px; 30 | border: 1px solid #778199; 31 | border-radius: 2px; 32 | font-size: 12px ; 33 | color:#778199; 34 | line-height: 34px; 35 | text-align: center; 36 | margin-left: 10px; 37 | } 38 | .box{ 39 | padding: 20px 26px; 40 | box-sizing: border-box; 41 | width: 100%; 42 | background: #fff; 43 | border: 1px solid #E3E7F1; 44 | border-radius: 4px; 45 | margin-bottom: 30px; 46 | } 47 | .box h4{ 48 | width: 100%; 49 | height: 30px; 50 | line-height: 30px; 51 | font-size: 14px; 52 | color: #010F35; 53 | margin-bottom: 20px; 54 | } 55 | .box ul{ 56 | width: 100%; 57 | display: flex; 58 | justify-content: space-between; 59 | flex-wrap: wrap; 60 | box-sizing: border-box; 61 | } 62 | .box ul li{ 63 | width: 30%; 64 | margin-left: 6px; 65 | margin-bottom: 20px; 66 | box-sizing: border-box; 67 | } 68 | .box ul li h5{ 69 | font-size: 12px; 70 | color: #778199; 71 | line-height: 18px; 72 | margin-bottom: 10px; 73 | } 74 | .el-dropdown{ 75 | width: 100%; 76 | height: 30px; 77 | border: 1px solid #E3E7F1; 78 | border-radius: 2px; 79 | box-sizing: border-box; 80 | 81 | } 82 | 83 | .box ul li .el-dropdown span{ 84 | display: inline-block; 85 | padding-left: 10px; 86 | width:100%; 87 | height: 100%; 88 | line-height: 30px; 89 | box-sizing: border-box; 90 | } 91 | .el-dropdown .el-dropdown-link i{ 92 | position: absolute; 93 | right:0; 94 | width: 28px; 95 | height: 28px; 96 | background: #F5F6FA; 97 | line-height: 30px; 98 | text-align: center; 99 | } 100 | .box ul li input{ 101 | width: 100%; 102 | height: 30px; 103 | border: 1px solid #E3E7F1; 104 | border-radius: 2px; 105 | box-sizing: border-box; 106 | } 107 | .bottom{ 108 | width: 100%; 109 | height: auto; 110 | background: #fff; 111 | box-sizing: border-box; 112 | } 113 | .bottom table{ 114 | width: 100%; 115 | background: #fff; 116 | box-sizing: border-box; 117 | } 118 | .bottom table thead,.bottom table thead tr{ 119 | width: 100%; 120 | height: 36px; 121 | background: #E8F0FF; 122 | border-radius: 4px 4px 0 0; 123 | box-sizing: border-box; 124 | } 125 | .bottom table thead tr th{ 126 | font-size: 12px; 127 | color: #9CAFD1; 128 | } 129 | .bottom table tbody{ 130 | width: 100%; 131 | box-sizing: border-box; 132 | } 133 | .bottom table tbody tr{ 134 | width: 100%; 135 | height: 44px; 136 | padding:0 10px; 137 | box-sizing: border-box; 138 | } 139 | .bottom table tbody tr td:first-child{ 140 | width: 50px; 141 | } 142 | .bottom table tbody tr td:last-child{ 143 | display: flex; 144 | justify-content: center; 145 | align-items: center; 146 | } 147 | .bottom table tbody tr td:last-child a{ 148 | color:#778199; 149 | text-decoration: none; 150 | } 151 | .bottom table tbody tr:nth-child(2n){ 152 | background: #FCFCFC; 153 | } 154 | .bottom table tbody tr td{ 155 | text-align: center; 156 | height: 44px; 157 | font-size: 12px; 158 | color: #778199; 159 | border-bottom: solid 1px #ccc; 160 | } 161 | .bottom table tbody tr td:last-child i{ 162 | font-size: 18px; 163 | margin-left: 6px; 164 | cursor: pointer 165 | } 166 | .bottom table tbody tr span.sub{ 167 | background: #EAFFF0; 168 | border-radius: 4px; 169 | padding: 4px 8px; 170 | color: #64CB7F; 171 | } 172 | .bottom table tbody tr td:nth-child(4), 173 | .bottom table tbody tr td:nth-child(5){ 174 | overflow: hidden; 175 | } 176 | .bottom table tbody tr span.pensub{ 177 | background: #FFF1EA; 178 | border-radius: 4px; 179 | color: #FFA97B; 180 | padding: 4px 8px; 181 | } 182 | .bottom table tbody tr em{ 183 | display: flex; 184 | justify-content: center; 185 | align-items: center; 186 | width: 20px; 187 | height: 20px; 188 | border:solid 1px #778199; 189 | border-radius: 50%; 190 | line-height: 20px; 191 | text-align: center; 192 | text-decoration: none; 193 | } 194 | #DataAssetChange .bottom table tbody tr em i{ 195 | font-size: 14px; 196 | margin-left: 0; 197 | color:#778199; 198 | } 199 | 200 | .el-pagination{ 201 | width: 100%; 202 | height: 50px; 203 | margin-top: 30px; 204 | text-align: center; 205 | } 206 | .el-pagination .el-pagination__total{ 207 | margin-left: 10px; 208 | } 209 | .el-date-editor{ 210 | width: 100%; 211 | } 212 | .box .btns{ 213 | width: 100%; 214 | text-align: center; 215 | box-sizing: border-box; 216 | } 217 | .btns span { 218 | padding: 8px 14px; 219 | border-radius: 6px; 220 | color:#fff; 221 | cursor: pointer; 222 | background: rgba(3, 240, 248, 0.867); 223 | } -------------------------------------------------------------------------------- /datazichan/src/components/DataAssetChange/DataAssetChange.vue: -------------------------------------------------------------------------------- 1 | 188 | 569 | -------------------------------------------------------------------------------- /datazichan/src/components/DataClassification/DataClassification.style.css: -------------------------------------------------------------------------------- 1 | /* width宽度，height高度，padding内边距，margin外边距，list-style列表样式，display: flex弹性盒 2 | justify-content: space-between;align-items: center;排列方式（水平|垂直），background背景，box-sizing计算方式 3 | position定位，vertical-align垂直对齐text-align水平对齐，line-height行高,text-decoration去掉a的默认, 4 | transform: rotate()旋转，border边框，border-radius圆角，font-size字体大小，color字体颜色 */ 5 | #DataClassification{ 6 | width: 100%; 7 | padding: 40px; 8 | box-sizing: border-box; 9 | } 10 | .top{ 11 | width: 100%; 12 | margin-bottom: 30px; 13 | box-sizing: border-box; 14 | } 15 | .top h4{ 16 | font-size: 24px; 17 | color: #4E4E4E; 18 | margin-bottom: 30px; 19 | box-sizing: border-box; 20 | } 21 | .nav{ 22 | width: 100%; 23 | height: 60px; 24 | display: flex; 25 | justify-content: flex-start; 26 | background: #fff; 27 | border-radius: 6px; 28 | box-sizing: border-box; 29 | padding: 8px 0; 30 | border: solid 1px #D9E0ED; 31 | } 32 | .nav p{ 33 | padding: 0 10px; 34 | display: flex; 35 | justify-content: center; 36 | align-items: center; 37 | font-size: 14px; 38 | box-sizing: border-box; 39 | } 40 | .nav b{ 41 | padding: 4px 16px; 42 | background: #ddd; 43 | display: flex; 44 | justify-content: center; 45 | align-items: center; 46 | margin-left: 10px;; 47 | background: #DAE1F0; 48 | border-radius: 6px; 49 | color:#263459; 50 | font-size: 12px; 51 | font-weight: 100; 52 | } 53 | .nav b.clicka{ 54 | border: solid 1px #191C92; 55 | color:#0000BE; 56 | padding: 2px 14px; 57 | } 58 | .bottom{ 59 | width: 100%; 60 | box-sizing: border-box; 61 | } 62 | .box{ 63 | width: 100%; 64 | box-sizing: border-box; 65 | margin-bottom: 20px; 66 | } 67 | .box .inbox{ 68 | width: 100%; 69 | position: relative; 70 | box-sizing: border-box; 71 | } 72 | .box .inbox h6,.box .inbox>h5{ 73 | position: absolute; 74 | width: 70px; 75 | height: 30px; 76 | background: #fff; 77 | border:solid 1px #C7CFE2; 78 | box-sizing: content-box; 79 | right:0; 80 | top:-40px; 81 | font-size: 12px; 82 | color: #4E4E4E; 83 | line-height: 30px; 84 | font-weight: 100; 85 | text-align: center; 86 | } 87 | .box .inbox>h5{ 88 | right:110px; 89 | } 90 | .box h5{ 91 | font-size: 14px; 92 | color: #778199; 93 | margin-bottom: 20px; 94 | } 95 | .box table{ 96 | width: 100%; 97 | background: #fff; 98 | } 99 | .box table thead{ 100 | width:100%; 101 | height: 36px; 102 | background: #E8F0FF; 103 | border-radius: 4px 4px 0 0; 104 | box-sizing: border-box; 105 | } 106 | .box table thead tr{ 107 | width: 100%; 108 | height: 36px; 109 | box-sizing: border-box; 110 | } 111 | .box table thead tr th{ 112 | font-size: 12px; 113 | color: #9CAFD1; 114 | font-weight: 100; 115 | } 116 | .box table tbody tr,.box table tbody tr.tr{ 117 | width: 100%; 118 | height: 44px; 119 | box-sizing: border-box; 120 | } 121 | .box table tbody tr:nth-child(2n){ 122 | background: #FCFCFC; 123 | } 124 | .box table tbody tr td{ 125 | text-align: center; 126 | box-sizing: border-box; 127 | padding: 0 4px; 128 | } 129 | .box table tbody tr td input{ 130 | width: 100%; 131 | height: 100%; 132 | } 133 | .box table tbody tr td:last-child{ 134 | text-align: center; 135 | width: 160px; 136 | } 137 | .box table tbody tr td:nth-child(3){ 138 | cursor: pointer; 139 | color:rgb(11, 113, 247); 140 | } 141 | .box table tbody tr td span{ 142 | text-align: center; 143 | width: 50%; 144 | display: inline-block; 145 | } 146 | .box table tbody tr td i,.box table tbody tr td svg, 147 | .box table tbody tr.tr td i,.box table tbody tr.tr td svg{ 148 | display: inline-block; 149 | font-size: 20px; 150 | margin-left: 10px; 151 | cursor: pointer; 152 | } 153 | .box table tbody tr td .shang{ 154 | transform: rotate(-180deg); 155 | -moz-transform: rotate(-180deg); 156 | -webkit-transform: rotate(-180deg); 157 | -ms-transform: rotate(-180deg); 158 | -o-transform: rotate(-180deg); 159 | } 160 | .btns{ 161 | width: 100%; 162 | height: 50px; 163 | text-align: center; 164 | box-sizing: border-box; 165 | } 166 | .btns span{ 167 | width: 68px; 168 | height: 34px; 169 | display: inline-block; 170 | border:0; 171 | font-size: 12px; 172 | line-height: 34px; 173 | margin-left: 20px; 174 | } 175 | .btns span:first-child{ 176 | background: #1D6DFC; 177 | color:#fff; 178 | border-radius: 2px; 179 | } 180 | .btns span:nth-child(2){ 181 | background: #FFFFFF; 182 | font-size: 12px; 183 | color: #778199; 184 | border-radius: 2px; 185 | border: 1px solid #778199; 186 | } 187 | .btns span:last-child{ 188 | border: 1px solid #778199; 189 | border-radius: 2px; 190 | background: #F5F6FA; 191 | } -------------------------------------------------------------------------------- /datazichan/src/components/Details/Details.style.css: -------------------------------------------------------------------------------- 1 | /* width宽度，height高度，padding内边距，margin外边距，list-style列表样式，display: flex弹性盒 2 | justify-content: space-between;align-items: center;排列方式（水平|垂直），background背景，box-sizing计算方式 3 | position定位，vertical-align垂直对齐text-align水平对齐，line-height行高,text-decoration去掉a的默认, 4 | transform: rotate()旋转，border边框，border-radius圆角，font-size字体大小，color字体颜色 */ 5 | #Details{ 6 | width: 100%; 7 | height: auto; 8 | padding:40px; 9 | box-sizing: border-box; 10 | } 11 | #Details .top{ 12 | width: 100%; 13 | display: flex; 14 | justify-content: space-between; 15 | align-items: center; 16 | margin-bottom: 48px; 17 | box-sizing: border-box; 18 | } 19 | .top h5{ 20 | font-size: 24px; 21 | color:#4E4E4E; 22 | } 23 | .top h6{ 24 | display: flex; 25 | justify-content: space-between; 26 | align-items: center; 27 | } 28 | .top h6 span { 29 | width: 88px; 30 | height: 34px; 31 | border: 1px solid #778199; 32 | border-radius: 2px; 33 | font-size: 12px ; 34 | color:#778199; 35 | line-height: 34px; 36 | text-align: center; 37 | margin-left: 10px; 38 | } 39 | 40 | .list { 41 | width: 100%; 42 | box-sizing: border-box; 43 | } 44 | .list li{ 45 | font-size: 12px; 46 | color: #8C9098; 47 | line-height: 22px; 48 | } 49 | .list li:first-child{ 50 | font-size: 12px; 51 | color: #778199; 52 | } 53 | .bottom{ 54 | width: 100%; 55 | box-sizing: border-box; 56 | } 57 | .bottom .box{ 58 | padding: 20px 26px; 59 | box-sizing: border-box; 60 | width: 100%; 61 | background: #fff; 62 | border: 1px solid #E3E7F1; 63 | border-radius: 4px; 64 | margin-bottom: 20px; 65 | } 66 | .box h4{ 67 | width: 100%; 68 | height: 30px; 69 | line-height: 30px; 70 | font-size: 14px; 71 | color: #010F35; 72 | margin-bottom: 30px; 73 | box-sizing: border-box; 74 | } 75 | .box ul{ 76 | width: 100%; 77 | display: flex; 78 | justify-content: space-between; 79 | flex-wrap: wrap; 80 | box-sizing: border-box; 81 | } 82 | .box ul li{ 83 | width: 30%; 84 | margin-left: 6px; 85 | margin-bottom: 20px; 86 | } 87 | .box ul li h5{ 88 | font-size: 12px; 89 | color: #778199; 90 | line-height: 18px; 91 | margin-bottom: 10px; 92 | } 93 | .box ul li input{ 94 | width: 100%; 95 | height: 30px; 96 | border: 1px solid #E3E7F1; 97 | border-radius: 2px; 98 | box-sizing: border-box; 99 | padding-left: 10px; 100 | } 101 | .box ul li input:disabled{ 102 | color:#333; 103 | background: #eee; 104 | } 105 | .box:nth-child(2) ul li,.last .inbox ul li{ 106 | width: 46%; 107 | padding: 20px 0; 108 | box-sizing: border-box; 109 | } 110 | .box:nth-child(2) ul li textarea{ 111 | width: 100%; 112 | height: 150px; 113 | box-sizing: border-box; 114 | padding: 10px; 115 | } 116 | .boxim ul li{ 117 | width: 20%; 118 | } 119 | 120 | -------------------------------------------------------------------------------- /datazichan/src/components/Details/Details.vue: -------------------------------------------------------------------------------- 1 | 297 | 628 | 657 | 658 | -------------------------------------------------------------------------------- /datazichan/src/components/EditPage/EditPage.style.css: -------------------------------------------------------------------------------- 1 | /* width宽度，height高度，padding内边距，margin外边距，list-style列表样式，display: flex弹性盒 2 | justify-content: space-between;align-items: center;排列方式（水平|垂直），background背景，box-sizing计算方式 3 | position定位，vertical-align垂直对齐text-align水平对齐，line-height行高,text-decoration去掉a的默认, 4 | transform: rotate()旋转，border边框，border-radius圆角，font-size字体大小，color字体颜色 */ 5 | #EditPage{ 6 | width: 100%; 7 | height: auto; 8 | padding:40px; 9 | box-sizing: border-box; 10 | } 11 | #EditPage .top{ 12 | width: 100%; 13 | display: flex; 14 | justify-content: space-between; 15 | align-items: center; 16 | margin-bottom: 48px; 17 | box-sizing: border-box; 18 | } 19 | .top h5{ 20 | font-size: 24px; 21 | color:#4E4E4E; 22 | } 23 | .top h6{ 24 | display: flex; 25 | justify-content: space-between; 26 | align-items: center; 27 | } 28 | .top h6 span { 29 | width: 88px; 30 | height: 34px; 31 | border: 1px solid #778199; 32 | border-radius: 2px; 33 | font-size: 12px ; 34 | color:#778199; 35 | line-height: 34px; 36 | text-align: center; 37 | margin-left: 10px; 38 | } 39 | .download{ 40 | width: 100%; 41 | 42 | line-height: 30px; 43 | box-sizing: border-box; 44 | padding: 0 0 15px; 45 | margin-bottom: 14px; 46 | border: 1px solid #F5F6FA; 47 | } 48 | .download a{ 49 | font-size: 12px; 50 | color: #1D6DFC; 51 | text-decoration: none; 52 | } 53 | .list { 54 | width: 100%; 55 | box-sizing: border-box; 56 | } 57 | .list li{ 58 | font-size: 12px; 59 | color: #8C9098; 60 | line-height: 22px; 61 | box-sizing: border-box; 62 | } 63 | .list li:first-child{ 64 | font-size: 12px; 65 | color: #778199; 66 | } 67 | .bottom{ 68 | width: 100%; 69 | box-sizing: border-box; 70 | } 71 | .bottom .box{ 72 | padding: 20px 26px; 73 | box-sizing: border-box; 74 | width: 100%; 75 | background: #fff; 76 | border: 1px solid #E3E7F1; 77 | border-radius: 4px; 78 | margin-bottom: 20px; 79 | } 80 | .box h4{ 81 | width: 100%; 82 | height: 30px; 83 | line-height: 30px; 84 | font-size: 14px; 85 | color: #010F35; 86 | margin-bottom: 30px; 87 | } 88 | .box ul{ 89 | width: 100%; 90 | display: flex; 91 | justify-content: space-between; 92 | flex-wrap: wrap; 93 | box-sizing: border-box; 94 | } 95 | .box ul li{ 96 | width: 28%; 97 | margin-left: 6px; 98 | margin-bottom: 20px; 99 | box-sizing: border-box; 100 | } 101 | .box ul li h5{ 102 | font-size: 12px; 103 | color: #778199; 104 | line-height: 18px; 105 | margin-bottom: 10px; 106 | } 107 | .box ul li h5 svg{ 108 | width: 14px; 109 | height: 14px; 110 | vertical-align: middle; 111 | } 112 | .el-dropdown{ 113 | width: 100%; 114 | height: 30px; 115 | border: 1px solid #E3E7F1; 116 | border-radius: 2px; 117 | box-sizing: border-box; 118 | 119 | } 120 | 121 | .box ul li .el-dropdown span{ 122 | display: inline-block; 123 | padding-left: 10px; 124 | width:100%; 125 | height: 100%; 126 | line-height: 30px; 127 | box-sizing: border-box; 128 | } 129 | .el-dropdown .el-dropdown-link i{ 130 | position: absolute; 131 | right:0; 132 | width: 28px; 133 | height: 28px; 134 | background: #F5F6FA; 135 | line-height: 30px; 136 | text-align: center; 137 | } 138 | .box ul li input{ 139 | width: 100%; 140 | height: 30px; 141 | border: 1px solid #E3E7F1; 142 | border-radius: 2px; 143 | box-sizing: border-box; 144 | } 145 | .box:nth-child(2) ul li,.last .inbox ul li{ 146 | width: 46%; 147 | padding: 20px 0; 148 | box-sizing: border-box; 149 | } 150 | .box:nth-child(2) ul li textarea,.last .inbox ul li textarea{ 151 | width: 100%; 152 | height: 150px; 153 | } 154 | .boxim ul li{ 155 | width: 20%; 156 | } 157 | .btn{ 158 | width: 100%; 159 | height: 50px; 160 | text-align: center; 161 | box-sizing: border-box; 162 | } 163 | .btn button{ 164 | width: 68px; 165 | height: 34px; 166 | border:0; 167 | margin-left: 20px; 168 | } 169 | .btn button:first-child{ 170 | background: #1D6DFC; 171 | color:#fff; 172 | border-radius: 2px; 173 | } 174 | .btn button:nth-child(2){ 175 | background: #FFFFFF; 176 | font-size: 12px; 177 | color: #778199; 178 | border-radius: 2px; 179 | border: 1px solid #778199; 180 | } 181 | .btn button:last-child{ 182 | border: 1px solid #778199; 183 | border-radius: 2px; 184 | background: #F5F6FA; 185 | } -------------------------------------------------------------------------------- /datazichan/src/components/HelloWorld.vue: -------------------------------------------------------------------------------- 1 | 6 | 16 | 17 | 18 | 33 | -------------------------------------------------------------------------------- /datazichan/src/components/Supplier/Supplier.style.css: -------------------------------------------------------------------------------- 1 | /* width宽度，height高度，padding内边距，margin外边距，list-style列表样式，display: flex弹性盒 2 | justify-content: space-between;align-items: center;排列方式（水平|垂直），background背景，box-sizing计算方式 3 | position定位，vertical-align垂直对齐text-align水平对齐，line-height行高,text-decoration去掉a的默认, 4 | transform: rotate()旋转，border边框，border-radius圆角，font-size字体大小，color字体颜色 */ 5 | #Supplier{ 6 | width: 100%; 7 | padding: 37px 40px; 8 | box-sizing: border-box 9 | } 10 | .top{ 11 | width: 100%; 12 | padding: 0 0 38px; 13 | box-sizing: border-box 14 | } 15 | .top h2{ 16 | font-size: 24px; 17 | line-height: 34px; 18 | font-family: 'PingFangSC-Medium'; 19 | color:#4E4E4E; 20 | } 21 | .el-breadcrumb .el-breadcrumb__item span{ 22 | color:#B7BBC3; 23 | font-size: 12px; 24 | line-height: 18px; 25 | } 26 | .el-tabs div.el-tabs__item{ 27 | color:#B7BBC3; 28 | font-size: 14px; 29 | } 30 | .el-tabs .el-tabs__item.is-active{ 31 | color:#1D6DFC; 32 | } 33 | .el-tabs__active-bar{ 34 | background-color:#1D6DFC; 35 | } -------------------------------------------------------------------------------- /datazichan/src/components/Supplier/Supplier.vue: -------------------------------------------------------------------------------- 1 | 48 | 49 | 116 | 117 | 120 | -------------------------------------------------------------------------------- /datazichan/src/components/SupplierChildrenCompon/BasicInformation/BasicInformation.vue: -------------------------------------------------------------------------------- 1 | 42 | 43 | 126 | 127 | 216 | -------------------------------------------------------------------------------- /datazichan/src/components/SupplierChildrenCompon/ExtendedInformation/ExtendedInformation.vue: -------------------------------------------------------------------------------- 1 | 66 | 67 | 152 | 153 | 242 | -------------------------------------------------------------------------------- /datazichan/src/components/SupplierChildrenCompon/VersionInformation/VersionInformation.vue: -------------------------------------------------------------------------------- 1 | 112 | 113 | 198 | 199 | 299 | -------------------------------------------------------------------------------- /datazichan/src/components/childrenCompon/BasicInformation/BasicInformation.vue: -------------------------------------------------------------------------------- 1 | 11 | 12 | 52 | 53 | 92 | -------------------------------------------------------------------------------- /datazichan/src/components/childrenCompon/DataDistributionFlow/DataDistributionFlow.style.css: -------------------------------------------------------------------------------- 1 | #DataDistributionFlow{ 2 | width: 100%; 3 | display: flex; 4 | justify-content: space-between; 5 | padding: 40px 0 0; 6 | box-sizing: border-box; 7 | position: relative; 8 | } 9 | #DataDistributionFlow .left,.right,.center{ 10 | flex:1; 11 | background: #F5F6FA; 12 | height: auto; 13 | } 14 | .left,.center{ 15 | border-right: dashed 1px #9FBFF8; 16 | } 17 | .left h5,.right h5,.center h5,.main{ 18 | width: 100%; 19 | color:#4E4E4E; 20 | font-size: 14px; 21 | text-align: center; 22 | } 23 | .main{ 24 | width: 100%; 25 | padding: 35px 0 0; 26 | box-sizing: border-box; 27 | } 28 | .left .main h6,.right .main h6{ 29 | width: 120px; 30 | height: 47px; 31 | margin: 0 auto; 32 | margin-bottom: 40px; 33 | 34 | } 35 | .center .main h6{ 36 | width: 120px; 37 | height: 45px; 38 | background: #DAE8FF; 39 | text-align: center; 40 | color:#4D8DFF ; 41 | border:1px solid #4D8DFF; 42 | border-radius:4px; 43 | line-height:45px; 44 | margin:0 auto; 45 | font-size: 14px; 46 | margin-bottom: 40px; 47 | } 48 | .left p,.right p,.center p{ 49 | width: 130px; 50 | height: 45px; 51 | line-height: 45px; 52 | background: #FFFFFF; 53 | border: 1px solid #778199; 54 | border-radius: 4px; 55 | position: relative; 56 | margin: 0 auto; 57 | margin-bottom: 40px; 58 | color:#778199; 59 | text-align: center; 60 | font-size: 14px; 61 | 62 | } 63 | .left p span,.right p span,.center p span{ 64 | height: 26px; 65 | line-height: 26px; 66 | background: #D8F2DF; 67 | padding: 0 10px; 68 | border: 1px solid #6ED088; 69 | border-radius: 4px; 70 | display: flex; 71 | position: absolute; 72 | font-size: 12px; 73 | color:#5AC476 ; 74 | right:0; 75 | bottom:-19px; 76 | box-sizing: border-box; 77 | z-index: 1000; 78 | } 79 | .center p b{ 80 | position: absolute; 81 | width: 1px; 82 | height: 40px; 83 | background: #778199; 84 | top:-41px; 85 | left:50%; 86 | margin-left: -0.5px; 87 | z-index: 5; 88 | } 89 | .center p em,.left p em{ 90 | position: absolute; 91 | width: 180%; 92 | height: 1px; 93 | background: #778199; 94 | right:-180%; 95 | z-index:0; 96 | top:50%; 97 | margin-top: -0.5px; 98 | } 99 | .tulist{ 100 | width: 130px; 101 | } 102 | .tulist li{ 103 | width: 100%; 104 | font-size: 12px; 105 | color: #778199; 106 | line-height: 30px; 107 | } 108 | .tulist li span{ 109 | display: inline-block; 110 | width: 30px; 111 | height: 16px; 112 | border-radius: 4px; 113 | vertical-align:middle; 114 | margin-right: 8px; 115 | } 116 | .tulist li:first-child span{ 117 | background: #DAE8FF; 118 | border:solid 1px #1D6DFC; 119 | } 120 | .tulist li:nth-child(2) span{ 121 | background: #FFFFFF; 122 | border: 1px solid #778199; 123 | } 124 | .tulist li:last-child span { 125 | background: #D8F2DF; 126 | border: 1px solid #6ED088; 127 | } 128 | -------------------------------------------------------------------------------- /datazichan/src/components/childrenCompon/DataDistributionFlow/DataDistributionFlow.vue: -------------------------------------------------------------------------------- 1 | 45 | 124 | 125 | 128 | -------------------------------------------------------------------------------- /datazichan/src/components/childrenCompon/ExtendedInformation/ExtendedInformation.vue: -------------------------------------------------------------------------------- 1 | 18 | 19 | 92 | 93 | 166 | -------------------------------------------------------------------------------- /datazichan/src/components/childrenCompon/VersionInformation/VersionInformation.vue: -------------------------------------------------------------------------------- 1 | 41 | 42 | 122 | 123 | 209 | -------------------------------------------------------------------------------- /datazichan/src/components/index/index.style.css: -------------------------------------------------------------------------------- 1 | /* width宽度，height高度，padding内边距，margin外边距，list-style列表样式，display: flex弹性盒 2 | justify-content: space-between;align-items: center;排列方式（水平|垂直），background背景，box-sizing计算方式 3 | position定位，vertical-align垂直对齐text-align水平对齐，line-height行高,text-decoration去掉a的默认, 4 | transform: rotate()旋转，border边框，border-radius圆角，font-size字体大小，color字体颜色 */ 5 | #Index{ 6 | width: 100%; 7 | 8 | padding: 37px 40px; 9 | box-sizing: border-box 10 | } 11 | .top{ 12 | width: 100%; 13 | padding: 0 0 38px; 14 | box-sizing: border-box 15 | } 16 | .top h2{ 17 | font-size: 24px; 18 | line-height: 34px; 19 | font-family: 'PingFangSC-Medium'; 20 | color:#4E4E4E; 21 | margin-bottom: 20px; 22 | } 23 | .el-breadcrumb .el-breadcrumb__item span{ 24 | color:#B7BBC3; 25 | font-size: 12px; 26 | line-height: 18px; 27 | } 28 | .el-tabs div.el-tabs__item{ 29 | color:#B7BBC3; 30 | font-size: 14px; 31 | } 32 | .el-tabs .el-tabs__item.is-active{ 33 | color:#1D6DFC; 34 | } 35 | .el-tabs__active-bar{ 36 | background-color:#1D6DFC; 37 | } -------------------------------------------------------------------------------- /datazichan/src/components/index/index.vue: -------------------------------------------------------------------------------- 1 | 54 | 55 | 128 | 129 | 132 | -------------------------------------------------------------------------------- /datazichan/src/css/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | width宽度，height高度，padding内边距，margin外边距，list-style列表样式，display: flex弹性盒 3 | justify-content: space-between;align-items: center;排列方式（水平|垂直），background背景，box-sizing计算方式 4 | position定位，vertical-align垂直对齐text-align水平对齐，line-height行高,text-decoration去掉a的默认, 5 | transform: rotate()旋转，border边框，border-radius圆角，font-size字体大小，color字体颜色 6 | */ 7 | 8 | *{ 9 | padding: 0; 10 | margin: 0; 11 | list-style: none; 12 | } 13 | html{ 14 | overflow: hidden; 15 | } 16 | html,body,#app{ 17 | width: 100%; 18 | height: 100%; 19 | } 20 | #app{ 21 | display: flex; 22 | justify-content: space-between; 23 | background: #F5F6FA; 24 | box-sizing: border-box; 25 | } 26 | .upload-demo{ 27 | width: 100%; 28 | height: 30px; 29 | display: flex; 30 | justify-content: space-between; 31 | align-items: center; 32 | position: relative; 33 | margin-bottom: 30px; 34 | } 35 | .upload-demo div.el-upload{ 36 | flex: 1 !important; 37 | height: 100%; 38 | display: block; 39 | } 40 | .upload-demo .el-upload .el-button.el-button--primary.el-button--small{ 41 | width: 100%; 42 | height: 100%; 43 | border: 1px solid #E3E7F1; 44 | border-radius: 2px; 45 | background: #fff; 46 | font-size: 12px; 47 | color: #B7BBC3; 48 | text-align: left; 49 | } 50 | .upload-demo .el-button.el-button--success{ 51 | width: 68px; 52 | height: 34px; 53 | background: #1D6DFC; 54 | font-size: 12px; 55 | color: #FFFFFF; 56 | } 57 | .upload-demo ul{ 58 | position: absolute; 59 | left:0; 60 | } 61 | .upload-demo ul li.el-upload-list__item:first-child{ 62 | margin-top: 0; 63 | } 64 | .el-pagination__jump{ 65 | margin-right: 20px; 66 | } 67 | .el-input{ 68 | vertical-align: middle; 69 | } 70 | .el-form-item__label{ 71 | line-height: 28px; 72 | } 73 | #app .left .el-tree .el-tree__empty-block{ 74 | width: 100%; 75 | height: 40px; 76 | min-height: 40px 77 | } -------------------------------------------------------------------------------- /datazichan/src/iconfont/demo.css: -------------------------------------------------------------------------------- 1 | *{margin: 0;padding: 0;list-style: none;} 2 | /* 3 | KISSY CSS Reset 4 | 理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。 5 | 2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。 6 | 3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。 7 | 特色：1. 适应中文；2. 基于最新主流浏览器。 8 | 维护：玉伯, 正淳 9 | */ 10 | 11 | /** 清除内外边距 **/ 12 | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ 13 | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ 14 | pre, /* text formatting elements 文本格式元素 */ 15 | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ 16 | th, td /* table elements 表格元素 */ { 17 | margin: 0; 18 | padding: 0; 19 | } 20 | 21 | /** 设置默认字体 **/ 22 | body, 23 | button, input, select, textarea /* for ie */ { 24 | font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; 25 | } 26 | h1, h2, h3, h4, h5, h6 { font-size: 100%; } 27 | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ 28 | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ 29 | small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ 30 | 31 | /** 重置列表元素 **/ 32 | ul, ol { list-style: none; } 33 | 34 | /** 重置文本格式元素 **/ 35 | a { text-decoration: none; } 36 | a:hover { text-decoration: underline; } 37 | 38 | 39 | /** 重置表单元素 **/ 40 | legend { color: #000; } /* for ie6 */ 41 | fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */ 42 | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */ 43 | /* 注：optgroup 无法扶正 */ 44 | 45 | /** 重置表格元素 **/ 46 | table { border-collapse: collapse; border-spacing: 0; } 47 | 48 | /* 清除浮动 */ 49 | .ks-clear:after, .clear:after { 50 | content: '\20'; 51 | display: block; 52 | height: 0; 53 | clear: both; 54 | } 55 | .ks-clear, .clear { 56 | *zoom: 1; 57 | } 58 | 59 | .main { 60 | padding: 30px 100px; 61 | width: 960px; 62 | margin: 0 auto; 63 | } 64 | .main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;} 65 | 66 | .helps{margin-top:40px;} 67 | .helps pre{ 68 | padding:20px; 69 | margin:10px 0; 70 | border:solid 1px #e7e1cd; 71 | background-color: #fffdef; 72 | overflow: auto; 73 | } 74 | 75 | .icon_lists{ 76 | width: 100% !important; 77 | 78 | } 79 | 80 | .icon_lists li{ 81 | float:left; 82 | width: 100px; 83 | height:180px; 84 | text-align: center; 85 | list-style: none !important; 86 | } 87 | .icon_lists .icon{ 88 | font-size: 42px; 89 | line-height: 100px; 90 | margin: 10px 0; 91 | color:#333; 92 | -webkit-transition: font-size 0.25s ease-out 0s; 93 | -moz-transition: font-size 0.25s ease-out 0s; 94 | transition: font-size 0.25s ease-out 0s; 95 | 96 | } 97 | .icon_lists .icon:hover{ 98 | font-size: 100px; 99 | } 100 | 101 | 102 | 103 | .markdown { 104 | color: #666; 105 | font-size: 14px; 106 | line-height: 1.8; 107 | } 108 | 109 | .highlight { 110 | line-height: 1.5; 111 | } 112 | 113 | .markdown img { 114 | vertical-align: middle; 115 | max-width: 100%; 116 | } 117 | 118 | .markdown h1 { 119 | color: #404040; 120 | font-weight: 500; 121 | line-height: 40px; 122 | margin-bottom: 24px; 123 | } 124 | 125 | .markdown h2, 126 | .markdown h3, 127 | .markdown h4, 128 | .markdown h5, 129 | .markdown h6 { 130 | color: #404040; 131 | margin: 1.6em 0 0.6em 0; 132 | font-weight: 500; 133 | clear: both; 134 | } 135 | 136 | .markdown h1 { 137 | font-size: 28px; 138 | } 139 | 140 | .markdown h2 { 141 | font-size: 22px; 142 | } 143 | 144 | .markdown h3 { 145 | font-size: 16px; 146 | } 147 | 148 | .markdown h4 { 149 | font-size: 14px; 150 | } 151 | 152 | .markdown h5 { 153 | font-size: 12px; 154 | } 155 | 156 | .markdown h6 { 157 | font-size: 12px; 158 | } 159 | 160 | .markdown hr { 161 | height: 1px; 162 | border: 0; 163 | background: #e9e9e9; 164 | margin: 16px 0; 165 | clear: both; 166 | } 167 | 168 | .markdown p, 169 | .markdown pre { 170 | margin: 1em 0; 171 | } 172 | 173 | .markdown > p, 174 | .markdown > blockquote, 175 | .markdown > .highlight, 176 | .markdown > ol, 177 | .markdown > ul { 178 | width: 80%; 179 | } 180 | 181 | .markdown ul > li { 182 | list-style: circle; 183 | } 184 | 185 | .markdown > ul li, 186 | .markdown blockquote ul > li { 187 | margin-left: 20px; 188 | padding-left: 4px; 189 | } 190 | 191 | .markdown > ul li p, 192 | .markdown > ol li p { 193 | margin: 0.6em 0; 194 | } 195 | 196 | .markdown ol > li { 197 | list-style: decimal; 198 | } 199 | 200 | .markdown > ol li, 201 | .markdown blockquote ol > li { 202 | margin-left: 20px; 203 | padding-left: 4px; 204 | } 205 | 206 | .markdown code { 207 | margin: 0 3px; 208 | padding: 0 5px; 209 | background: #eee; 210 | border-radius: 3px; 211 | } 212 | 213 | .markdown pre { 214 | border-radius: 6px; 215 | background: #f7f7f7; 216 | padding: 20px; 217 | } 218 | 219 | .markdown pre code { 220 | border: none; 221 | background: #f7f7f7; 222 | margin: 0; 223 | } 224 | 225 | .markdown strong, 226 | .markdown b { 227 | font-weight: 600; 228 | } 229 | 230 | .markdown > table { 231 | border-collapse: collapse; 232 | border-spacing: 0px; 233 | empty-cells: show; 234 | border: 1px solid #e9e9e9; 235 | width: 95%; 236 | margin-bottom: 24px; 237 | } 238 | 239 | .markdown > table th { 240 | white-space: nowrap; 241 | color: #333; 242 | font-weight: 600; 243 | 244 | } 245 | 246 | .markdown > table th, 247 | .markdown > table td { 248 | border: 1px solid #e9e9e9; 249 | padding: 8px 16px; 250 | text-align: left; 251 | } 252 | 253 | .markdown > table th { 254 | background: #F7F7F7; 255 | } 256 | 257 | .markdown blockquote { 258 | font-size: 90%; 259 | color: #999; 260 | border-left: 4px solid #e9e9e9; 261 | padding-left: 0.8em; 262 | margin: 1em 0; 263 | font-style: italic; 264 | } 265 | 266 | .markdown blockquote p { 267 | margin: 0; 268 | } 269 | 270 | .markdown .anchor { 271 | opacity: 0; 272 | transition: opacity 0.3s ease; 273 | margin-left: 8px; 274 | } 275 | 276 | .markdown .waiting { 277 | color: #ccc; 278 | } 279 | 280 | .markdown h1:hover .anchor, 281 | .markdown h2:hover .anchor, 282 | .markdown h3:hover .anchor, 283 | .markdown h4:hover .anchor, 284 | .markdown h5:hover .anchor, 285 | .markdown h6:hover .anchor { 286 | opacity: 1; 287 | display: inline-block; 288 | } 289 | 290 | .markdown > br, 291 | .markdown > p > br { 292 | clear: both; 293 | } 294 | 295 | 296 | .hljs { 297 | display: block; 298 | background: white; 299 | padding: 0.5em; 300 | color: #333333; 301 | overflow-x: auto; 302 | } 303 | 304 | .hljs-comment, 305 | .hljs-meta { 306 | color: #969896; 307 | } 308 | 309 | .hljs-string, 310 | .hljs-variable, 311 | .hljs-template-variable, 312 | .hljs-strong, 313 | .hljs-emphasis, 314 | .hljs-quote { 315 | color: #df5000; 316 | } 317 | 318 | .hljs-keyword, 319 | .hljs-selector-tag, 320 | .hljs-type { 321 | color: #a71d5d; 322 | } 323 | 324 | .hljs-literal, 325 | .hljs-symbol, 326 | .hljs-bullet, 327 | .hljs-attribute { 328 | color: #0086b3; 329 | } 330 | 331 | .hljs-section, 332 | .hljs-name { 333 | color: #63a35c; 334 | } 335 | 336 | .hljs-tag { 337 | color: #333333; 338 | } 339 | 340 | .hljs-title, 341 | .hljs-attr, 342 | .hljs-selector-id, 343 | .hljs-selector-class, 344 | .hljs-selector-attr, 345 | .hljs-selector-pseudo { 346 | color: #795da3; 347 | } 348 | 349 | .hljs-addition { 350 | color: #55a532; 351 | background-color: #eaffea; 352 | } 353 | 354 | .hljs-deletion { 355 | color: #bd2c00; 356 | background-color: #ffecec; 357 | } 358 | 359 | .hljs-link { 360 | text-decoration: underline; 361 | } 362 | 363 | pre{ 364 | background: #fff; 365 | } 366 | 367 | 368 | 369 | 370 | 371 | -------------------------------------------------------------------------------- /datazichan/src/iconfont/demo_fontclass.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | IconFont 7 | 8 | 9 | 10 | 11 |
12 |

IconFont 图标

13 |
    14 | 15 |
  • 16 | 17 |
    iconxiangshang
    18 |
    .icon-xiangshang
    19 |
    • 20 | 21 |
  • 22 | 23 |
    返回
    24 |
    .icon-fanhui
    25 |
    • 26 | 27 |
  • 28 | 29 |
    圆环 (1)
    30 |
    .icon-yuanhuan
    31 |
    • 32 | 33 |
34 | 35 |

font-class引用

36 |
37 | 38 |

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。

39 |

与unicode使用方式相比，具有如下特点：

40 |
    41 |
  • 兼容性良好，支持ie8+，及所有现代浏览器。
    • 42 |
  • 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
    • 43 |
  • 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
    • 44 |
  • 不过因为本质上还是使用的字体，所以多色图标还是不支持的。
    • 45 |
46 |

使用步骤如下：

47 |

第一步：引入项目下面生成的fontclass代码：

48 | 49 | 50 | 
<link rel="stylesheet" type="text/css" href="./iconfont.css">
51 |

第二步：挑选相应图标并获取类名，应用于页面：

52 | 
<i class="iconfont icon-xxx"></i>
53 |
54 |

"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。

55 |
56 |
57 | 58 | 59 | -------------------------------------------------------------------------------- /datazichan/src/iconfont/demo_symbol.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | IconFont 7 | 8 | 9 | 10 | 24 | 25 | 26 |
27 |

IconFont 图标

28 |
    29 | 30 |
  • 31 | 34 |
    iconxiangshang
    35 |
    #icon-xiangshang
    36 |
    • 37 | 38 |
  • 39 | 42 |
    返回
    43 |
    #icon-fanhui
    44 |
    • 45 | 46 |
  • 47 | 50 |
    圆环 (1)
    51 |
    #icon-yuanhuan
    52 |
    • 53 | 54 |
55 | 56 | 57 |

symbol引用

58 |
59 | 60 |

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 61 | 这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：

62 |
    63 |
  • 支持多色图标了，不再受单色限制。
    • 64 |
  • 通过一些技巧，支持像字体那样，通过font-size,color来调整样式。
    • 65 |
  • 兼容性较差，支持 ie9+,及现代浏览器。
    • 66 |
  • 浏览器渲染svg的性能一般，还不如png。
    • 67 |
68 |

使用步骤如下：

69 |

第一步：引入项目下面生成的symbol代码：

70 | 
<script src="./iconfont.js"></script>
71 |

第二步：加入通用css代码（引入一次就行）：

72 | 
<style type="text/css">
73 | .icon {
74 |    width: 1em; height: 1em;
75 |    vertical-align: -0.15em;
76 |    fill: currentColor;
77 |    overflow: hidden;
78 | }
79 | </style>
80 |

第三步：挑选相应图标并获取类名，应用于页面：

81 | 
<svg class="icon" aria-hidden="true">
82 |   <use xlink:href="#icon-xxx"></use>
83 | </svg>
84 |
85 |
86 | 87 | 88 | -------------------------------------------------------------------------------- /datazichan/src/iconfont/demo_unicode.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | IconFont 7 | 8 | 9 | 29 | 30 | 31 |
32 |

IconFont 图标

33 |
    34 | 35 |
  • 36 | 37 |
    iconxiangshang
    38 |
    &#xe601;
    39 |
    • 40 | 41 |
  • 42 | 43 |
    返回
    44 |
    &#xe602;
    45 |
    • 46 | 47 |
  • 48 | 49 |
    圆环 (1)
    50 |
    &#xe603;
    51 |
    • 52 | 53 |
54 |

unicode引用

55 |
56 | 57 |

unicode是字体在网页端最原始的应用方式，特点是：

58 |
    59 |
  • 兼容性最好，支持ie6+，及所有现代浏览器。
    • 60 |
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • 61 |
  • 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
    • 62 |
63 |
64 |

注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式

65 |
66 |

unicode使用步骤如下：

67 |

第一步：拷贝项目下面生成的font-face

68 | 
@font-face {
69 |   font-family: 'iconfont';
70 |   src: url('iconfont.eot');
71 |   src: url('iconfont.eot?#iefix') format('embedded-opentype'),
72 |   url('iconfont.woff') format('woff'),
73 |   url('iconfont.ttf') format('truetype'),
74 |   url('iconfont.svg#iconfont') format('svg');
75 | }
76 |
77 |

第二步：定义使用iconfont的样式

78 | 
.iconfont{
79 |   font-family:"iconfont" !important;
80 |   font-size:16px;font-style:normal;
81 |   -webkit-font-smoothing: antialiased;
82 |   -webkit-text-stroke-width: 0.2px;
83 |   -moz-osx-font-smoothing: grayscale;
84 | }
85 |
86 |

第三步：挑选相应图标并获取字体编码，应用于页面

87 | 
<i class="iconfont">&#x33;</i>
88 | 89 |
90 |

"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。

91 |
92 |
93 | 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /datazichan/src/iconfont/iconfont.css: -------------------------------------------------------------------------------- 1 | 2 | @font-face {font-family: "iconfont"; 3 | src: url('iconfont.eot?t=1545185288202'); /* IE9*/ 4 | src: url('iconfont.eot?t=1545185288202#iefix') format('embedded-opentype'), /* IE6-IE8 */ 5 | url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAAB5AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8d0f1Y21hcAAAAYAAAABWAAABjOcwTepnbHlmAAAB2AAAARQAAAFckL4aMmhlYWQAAALsAAAALgAAADYTntYGaGhlYQAAAxwAAAAcAAAAJAfeA4VobXR4AAADOAAAAA4AAAAQEAAAAGxvY2EAAANIAAAACgAAAAoAzgBubWF4cAAAA1QAAAAfAAAAIAEUADhuYW1lAAADdAAAAUUAAAJtPlT+fXBvc3QAAAS8AAAAMwAAAEjdrxykeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeMT5jZm7438AQw9zA0AAUZgTJAQDdcwvneJztkLENgEAMAy/vQIGYg4qSSajYv2CN/yTPGEQ6R7aiFAYWQMEZONiDkXNHapWLrXLnqBvP/FXvoZYa3ktbfrKVf/bS63PKpibVXZuQWxM0AIItDUUAAHicY2BiYPi/mrme2ZSBjYGXgYGVUVlQUVCZVdBY0JiTkYmZsfrWv123GBm/rvt3+9/NUMYaJt6/n5WZWP/++XebUZmBAaiL4f8O5hPMfgzMDIIM8gzKDOoM2kBzFEUVGU3lGMX5GNlN7RjN9RjVUTiqQHl1cXZ1cyBilGEM+7eKUXb+SzaWC/NaNjGznm5FZv+zZDz+z1L4lObJTyc1TvJZMq22YL44d94FFkvmTS3Nm2yQOSwWFm5ARUuAmAHoIob/p5m3Av3GzSDOoMLAIAx0A8R+PkZxFDaTEYztzfpt165vrGByDfPkvLzJzGDSnNE0PivelJG5MCyskLEBpgREwpSASPMYcyAKK2RmLgQAK7NmUnicY2BkYGAA4a2lC+L5bb4ycLMwgMAN+5McCPr/ahYGZj8gl4OBCSQKAA+KCVQAAHicY2BkYGBu+N/AEMPCAAJAkpEBFbAAAEcKAm14nGNhYGBgQcIAALAAEQAAAAAAAAAgAG4ArgAAeJxjYGRgYGBh0GFgYwABJiDmAkIGhv9gPgMADYwBTQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICFkYmRmZGFkZWBqyIzMS+9OANIsKUl5mWUZnJUloLoxDwGBgCkUwpHAA==') format('woff'), 6 | url('iconfont.ttf?t=1545185288202') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ 7 | url('iconfont.svg?t=1545185288202#iconfont') format('svg'); /* iOS 4.1- */ 8 | } 9 | 10 | .iconfont { 11 | font-family:"iconfont" !important; 12 | font-size:16px; 13 | font-style:normal; 14 | -webkit-font-smoothing: antialiased; 15 | -moz-osx-font-smoothing: grayscale; 16 | } 17 | 18 | .icon-xiangshang:before { content: "\e601"; } 19 | 20 | .icon-fanhui:before { content: "\e602"; } 21 | 22 | .icon-yuanhuan:before { content: "\e603"; } 23 | 24 | -------------------------------------------------------------------------------- /datazichan/src/iconfont/iconfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/src/iconfont/iconfont.eot -------------------------------------------------------------------------------- /datazichan/src/iconfont/iconfont.js: -------------------------------------------------------------------------------- 1 | !function(d){var t,a='',e=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(e&&!d.__iconfont__svg__cssinject__){d.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var e=function(){document.removeEventListener("DOMContentLoaded",e,!1),t()};document.addEventListener("DOMContentLoaded",e,!1)}else document.attachEvent&&(n=t,i=d.document,o=!1,l=function(){o||(o=!0,n())},(a=function(){try{i.documentElement.doScroll("left")}catch(t){return void setTimeout(a,50)}l()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,l())});var n,i,o,l,a}(function(){var t,e,n,i,o,l;(t=document.createElement("div")).innerHTML=a,a=null,(e=t.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",n=e,(i=document.body).firstChild?(o=n,(l=i.firstChild).parentNode.insertBefore(o,l)):i.appendChild(n))})}(window); -------------------------------------------------------------------------------- /datazichan/src/iconfont/iconfont.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | Created by iconfont 9 | 10 | 11 | 12 | 13 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /datazichan/src/iconfont/iconfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/src/iconfont/iconfont.ttf -------------------------------------------------------------------------------- /datazichan/src/iconfont/iconfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/src/iconfont/iconfont.woff -------------------------------------------------------------------------------- /datazichan/src/images/sy1544782158.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/src/images/sy1544782158.png -------------------------------------------------------------------------------- /datazichan/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | Vue.config.productionTip = false; 8 | var root = process.env.API_ROOT 9 | 10 | // var urlstr=location.href; 11 | // console.log(location) 12 | 13 | // function url(urlstr){ 14 | // var news = urlstr.split('?')[0].split('/') 15 | // var str=''; 16 | // for(var i=0;i' 41 | }) 42 | -------------------------------------------------------------------------------- /datazichan/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | import Index from '@/components/index/index'// 数据实体页 5 | import Supplier from '@/components/Supplier/Supplier'//业务 6 | import AssetContentCreation from '@/components/AssetContentCreation/AssetContentCreation'//创建 7 | import DataAssetChange from '@/components/DataAssetChange/DataAssetChange'//内容维护 8 | import EditPage from '@/components/EditPage/EditPage'//修改 9 | import DataClassification from '@/components/DataClassification/DataClassification'//分类维护 10 | import Details from '@/components/Details/Details'//详情 11 | 12 | Vue.use(Router) 13 | export default new Router({ 14 | routes: [ 15 | { 16 | path: '/', 17 | name: 'HelloWorld', 18 | component: HelloWorld 19 | }, 20 | { 21 | path: '/Index', 22 | name: 'Index', 23 | component:Index, 24 | }, 25 | { 26 | path: '/Supplier', 27 | name: 'Supplier', 28 | component: Supplier 29 | }, 30 | { 31 | path: '/AssetContentCreation', 32 | name: 'AssetContentCreation', 33 | component: AssetContentCreation 34 | }, 35 | { 36 | path: '/DataAssetChange', 37 | name: 'DataAssetChange', 38 | component: DataAssetChange 39 | }, 40 | { 41 | path: '/EditPage', 42 | name: 'EditPage', 43 | component: EditPage 44 | }, 45 | { 46 | path: '/DataClassification', 47 | name: 'DataClassification', 48 | component: DataClassification 49 | }, 50 | { 51 | path: '/Details', 52 | name: 'Details', 53 | component: Details 54 | }, 55 | ] 56 | }) -------------------------------------------------------------------------------- /datazichan/static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/static/.gitkeep -------------------------------------------------------------------------------- /datazichan/test/unit/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "env": { 3 | }, 4 | "globals": { 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /datazichan/test/unit/specs/HelloWorld.spec.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import HelloWorld from '@/components/HelloWorld' 3 | 4 | describe('HelloWorld.vue', () => { 5 | it('should render correct contents', () => { 6 | const Constructor = Vue.extend(HelloWorld) 7 | const vm = new Constructor().$mount() 8 | expect(vm.$el.querySelector('.hello h1').textContent) 9 | 10 | }) 11 | }) 12 | -------------------------------------------------------------------------------- /datazichan/数据资产内容维护接口.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/数据资产内容维护接口.docx -------------------------------------------------------------------------------- /datazichan/注.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/datazichan/注.txt -------------------------------------------------------------------------------- /exporTemplate.xlsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/exporTemplate.xlsx -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/._.DS_Store: -------------------------------------------------------------------------------- 1 | Mac OS X  2Fx @ATTRxx -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/._数据资产标注: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/._数据资产标注 -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/._index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/._index.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容创建.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容创建.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容创建批量.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容创建批量.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容变更.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容变更.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容变更修改.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容变更修改.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容详情.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产内容详情.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产分类维护.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产分类维护.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产查询-供应商名称.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产查询-供应商名称.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产查询-分布.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产查询-分布.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产查询.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产查询.html -------------------------------------------------------------------------------- /数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产查询导航交互.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/__MACOSX/数据资产demo/数据资产标注/links/._page-1-数据资产-数据资产查询导航交互.html -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/.DS_Store -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产内容创建.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产内容创建.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产内容创建批量.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产内容创建批量.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产内容变更.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产内容变更.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产内容变更修改.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产内容变更修改.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产内容详情.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产内容详情.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产分类维护.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产分类维护.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产分类维护交互.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产分类维护交互.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产查询-供应商名称.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产查询-供应商名称.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产查询-分布.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产查询-分布.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产查询.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产查询.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产-数据资产查询导航交互.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产-数据资产查询导航交互.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产内容创建.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产内容创建批量.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产内容变更.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产内容变更修改.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产内容详情.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产分类维护.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产查询-供应商名称.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产查询-分布.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产查询.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/links/page-1-数据资产-数据资产查询导航交互.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容创建.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容创建.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容创建批量.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容创建批量.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容变更.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容变更.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容变更修改.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容变更修改.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容详情.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产内容详情.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产分类维护.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产分类维护.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产查询-供应商名称.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产查询-供应商名称.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产查询-分布.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产查询-分布.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产查询.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产查询.png -------------------------------------------------------------------------------- /数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产查询导航交互.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产demo.2/数据资产demo/数据资产标注/preview/page-1-数据资产-数据资产查询导航交互.png -------------------------------------------------------------------------------- /数据资产内容维护接口.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zhangsaizhaoc/DataAssetManagement/6ea7d708164a4630bdcf88cccfdc4524c91123e7/数据资产内容维护接口.docx --------------------------------------------------------------------------------