2019.4.25

.babelrc

@@ -0,0 +1,18 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"],
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
+    }
+  }
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintignore

@@ -0,0 +1,5 @@
+/build/
+/config/
+/dist/
+/*.js
+/test/unit/coverage/

.eslintrc.js

@@ -0,0 +1,29 @@
+// https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  env: {
+    browser: true,
+  },
+  extends: [
+    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+    'plugin:vue/essential', 
+    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
+    'standard'
+  ],
+  // required to lint *.vue files
+  plugins: [
+    'vue'
+  ],
+  // add your custom rules here
+  rules: {
+    // allow async-await
+    'generator-star-spacing': 'off',
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  }
+}

.gitignore

@@ -0,0 +1,19 @@
+.DS_Store
+node_modules/
+/dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+/test/unit/coverage/
+/test/e2e/reports/
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+.svn
+.dist

.postcssrc.js

@@ -0,0 +1,10 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}

README.md

@@ -0,0 +1,30 @@
+# yes
+
+> A Vue.js project
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+
+# build for production and view the bundle analyzer report
+npm run build --report
+
+# run unit tests
+npm run unit
+
+# run e2e tests
+npm run e2e
+
+# run all tests
+npm test
+```
+
+For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

build/build.js

@@ -0,0 +1,41 @@
+'use strict'
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const config = require('../config')
+const webpackConfig = require('./webpack.prod.conf')
+
+const spinner = ora('building for production...')
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, (err, stats) => {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
+      chunks: false,
+      chunkModules: false
+    }) + '\n\n')
+
+    if (stats.hasErrors()) {
+      console.log(chalk.red('  Build failed with errors.\n'))
+      process.exit(1)
+    }
+
+    console.log(chalk.cyan('  Build complete.\n'))
+    console.log(chalk.yellow(
+      '  Tip: built files are meant to be served over an HTTP server.\n' +
+      '  Opening index.html over file:// won\'t work.\n'
+    ))
+  })
+})

build/check-versions.js

@@ -0,0 +1,54 @@
+'use strict'
+const chalk = require('chalk')
+const semver = require('semver')
+const packageConfig = require('../package.json')
+const shell = require('shelljs')
+
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+const versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function () {
+  const warnings = []
+
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i]
+
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(mod.name + ': ' +
+        chalk.red(mod.currentVersion) + ' should be ' +
+        chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(chalk.yellow('To use this template, you must update following to modules:'))
+    console.log()
+
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i]
+      console.log('  ' + warning)
+    }
+
+    console.log()
+    process.exit(1)
+  }
+}

build/utils.js

@@ -0,0 +1,129 @@
+'use strict'
+const path = require('path')
+const config = require('../config')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const packageConfig = require('../package.json')
+
+exports.assetsPath = function (_path) {
+  const assetsSubDirectory = process.env.NODE_ENV === 'production'
+    ? config.build.assetsSubDirectory
+    : config.dev.assetsSubDirectory
+
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  const cssLoader = {
+    loader: 'css-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  const postcssLoader = {
+    loader: 'postcss-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders (loader, loaderOptions) {
+    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
+
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap
+        })
+      })
+    }
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader'
+      })
+    } else {
+      return ['vue-style-loader'].concat(loaders)
+    }
+  }
+ 
+  // 全局文件引入 当然只想编译一个文件的话可以省去这个函数
+function resolveResource(name) {
+  return path.resolve(__dirname, '../src/styles/' + name);
+}
+function generateSassResourceLoader() {
+  var loaders = [
+    cssLoader,
+    'sass-loader',
+    {
+      loader: 'sass-resources-loader',
+      options: {
+        // 多个文件时用数组的形式传入，单个文件时可以直接使用 path.resolve(__dirname, '../static/style/common.scss'
+        resources: [resolveResource('variables.scss')]  
+      }
+    }
+    ];
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader'
+      })
+    } else {
+      return ['vue-style-loader'].concat(loaders)
+    }
+  }
+
+  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+  return {
+    css: generateLoaders(),
+    postcss: generateLoaders(),
+    less: generateLoaders('less'),
+    // sass: generateLoaders('sass', { indentedSyntax: true }),
+    // scss: generateLoaders('sass'),
+    sass: generateSassResourceLoader(),
+    scss: generateSassResourceLoader(),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  const output = []
+  const loaders = exports.cssLoaders(options)
+
+  for (const extension in loaders) {
+    const loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+
+  return output
+}
+
+exports.createNotifierCallback = () => {
+  const notifier = require('node-notifier')
+
+  return (severity, errors) => {
+    if (severity !== 'error') return
+
+    const error = errors[0]
+    const filename = error.file && error.file.split('!').pop()
+
+    notifier.notify({
+      title: packageConfig.name,
+      message: severity + ': ' + error.name,
+      subtitle: filename || '',
+      icon: path.join(__dirname, 'logo.png')
+    })
+  }
+}

build/vue-loader.conf.js

@@ -0,0 +1,22 @@
+'use strict'
+const utils = require('./utils')
+const config = require('../config')
+const isProduction = process.env.NODE_ENV === 'production'
+const sourceMapEnabled = isProduction
+  ? config.build.productionSourceMap
+  : config.dev.cssSourceMap
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: sourceMapEnabled,
+    extract: isProduction
+  }),
+  cssSourceMap: sourceMapEnabled,
+  cacheBusting: config.dev.cacheBusting,
+  transformToRequire: {
+    video: ['src', 'poster'],
+    source: 'src',
+    img: 'src',
+    image: 'xlink:href'
+  }
+}

build/webpack.base.conf.js

@@ -0,0 +1,117 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+const createLintingRule = () => ({
+  test: /\.(js|vue)$/,
+  loader: 'eslint-loader',
+  enforce: 'pre',
+  include: [resolve('src'), resolve('test')],
+  options: {
+    formatter: require('eslint-friendly-formatter'),
+    emitWarning: !config.dev.showEslintErrorsInOverlay
+  }
+})
+
+let webpackConfig = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+      'jquery':'jquery',
+    }
+  },
+  module: {
+    rules: [
+      // ...(config.dev.useEslint ? [createLintingRule()] : []),
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}
+module.exports = webpackConfig
+
+// var vueLoaderConfig = require('./vue-loader.conf')
+const vuxLoader = require('vux-loader')
+
+module.exports = vuxLoader.merge(webpackConfig, {
+  plugins: ['vux-ui']
+})
+
+module.exports = vuxLoader.merge(webpackConfig, {
+  plugins: [
+    {
+      name: 'vux-ui'
+    },
+    {
+      name: 'duplicate-style'
+    },
+    {
+      name: 'less-theme', 
+      path: 'src/styles/vux.less'
+    }
+  ]
+})

build/webpack.dev.conf.js

@@ -0,0 +1,95 @@
+'use strict'
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const path = require('path')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const portfinder = require('portfinder')
+
+const HOST = process.env.HOST
+const PORT = process.env.PORT && Number(process.env.PORT)
+
+const devWebpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: config.dev.devtool,
+
+  // these devServer options should be customized in /config/index.js
+  devServer: {
+    clientLogLevel: 'warning',
+    historyApiFallback: {
+      rewrites: [
+        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
+      ],
+    },
+    hot: true,
+    contentBase: false, // since we use CopyWebpackPlugin.
+    compress: true,
+    host: HOST || config.dev.host,
+    port: PORT || config.dev.port,
+    open: config.dev.autoOpenBrowser,
+    overlay: config.dev.errorOverlay
+      ? { warnings: false, errors: true }
+      : false,
+    publicPath: config.dev.assetsPublicPath,
+    proxy: config.dev.proxyTable,
+    quiet: true, // necessary for FriendlyErrorsPlugin
+    watchOptions: {
+      poll: config.dev.poll,
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/dev.env')
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
+    new webpack.NoEmitOnErrorsPlugin(),
+    // https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.html',
+      inject: true
+    }),
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.dev.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+module.exports = new Promise((resolve, reject) => {
+  portfinder.basePort = process.env.PORT || config.dev.port
+  portfinder.getPort((err, port) => {
+    if (err) {
+      reject(err)
+    } else {
+      // publish the new Port, necessary for e2e tests
+      process.env.PORT = port
+      // add port to devServer config
+      devWebpackConfig.devServer.port = port
+
+      // Add FriendlyErrorsPlugin
+      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
+        compilationSuccessInfo: {
+          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
+        },
+        onErrors: config.dev.notifyOnErrors
+        ? utils.createNotifierCallback()
+        : undefined
+      }))
+
+      resolve(devWebpackConfig)
+    }
+  })
+})

build/webpack.prod.conf.js

@@ -0,0 +1,149 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+const env = process.env.NODE_ENV === 'testing'
+  ? require('../config/test.env')
+  : require('../config/prod.env')
+
+const webpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.build.productionSourceMap,
+      extract: true,
+      usePostCSS: true
+    })
+  },
+  devtool: config.build.productionSourceMap ? config.build.devtool : false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+  },
+  plugins: [
+    // http://vuejs.github.io/vue-loader/en/workflow/production.html
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    new UglifyJsPlugin({
+      uglifyOptions: {
+        compress: {
+          warnings: false
+        }
+      },
+      sourceMap: config.build.productionSourceMap,
+      parallel: true
+    }),
+    // extract css into its own file
+    new ExtractTextPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash].css'),
+      // Setting the following option to `false` will not extract CSS from codesplit chunks.
+      // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
+      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 
+      // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
+      allChunks: true,
+    }),
+    // Compress extracted CSS. We are using this plugin so that possible
+    // duplicated CSS from different components can be deduped.
+    new OptimizeCSSPlugin({
+      cssProcessorOptions: config.build.productionSourceMap
+        ? { safe: true, map: { inline: false } }
+        : { safe: true }
+    }),
+    // generate dist index.html with correct asset hash for caching.
+    // you can customize output by editing /index.html
+    // see https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: process.env.NODE_ENV === 'testing'
+        ? 'index.html'
+        : config.build.index,
+      template: 'index.html',
+      inject: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeAttributeQuotes: true
+        // more options:
+        // https://github.com/kangax/html-minifier#options-quick-reference
+      },
+      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+      chunksSortMode: 'dependency'
+    }),
+    // keep module.id stable when vendor modules does not change
+    new webpack.HashedModuleIdsPlugin(),
+    // enable scope hoisting
+    new webpack.optimize.ModuleConcatenationPlugin(),
+    // split vendor js into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'vendor',
+      minChunks (module) {
+        // any required modules inside node_modules are extracted to vendor
+        return (
+          module.resource &&
+          /\.js$/.test(module.resource) &&
+          module.resource.indexOf(
+            path.join(__dirname, '../node_modules')
+          ) === 0
+        )
+      }
+    }),
+    // extract webpack runtime and module manifest to its own file in order to
+    // prevent vendor hash from being updated whenever app bundle is updated
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'manifest',
+      minChunks: Infinity
+    }),
+    // This instance extracts shared chunks from code splitted chunks and bundles them
+    // in a separate chunk, similar to the vendor chunk
+    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'app',
+      async: 'vendor-async',
+      children: true,
+      minChunks: 3
+    }),
+
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+if (config.build.productionGzip) {
+  const CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+  webpackConfig.plugins.push(
+    new CompressionWebpackPlugin({
+      asset: '[path].gz[query]',
+      algorithm: 'gzip',
+      test: new RegExp(
+        '\\.(' +
+        config.build.productionGzipExtensions.join('|') +
+        ')$'
+      ),
+      threshold: 10240,
+      minRatio: 0.8
+    })
+  )
+}
+
+if (config.build.bundleAnalyzerReport) {
+  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+}
+
+module.exports = webpackConfig

config/dev.env.js

@@ -0,0 +1,10 @@
+'use strict'
+const merge = require('webpack-merge')
+const prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"development"',
+  BASE_API: '"http://api.xt.test.sgjyun.com"',
+   //http://api.xt.test.sgjyun.com http://localhost:9529
+  // BASE_API: '"http://localhost:9529"'
+})

config/index.js

@@ -0,0 +1,76 @@
+'use strict'
+// Template version: 1.3.1
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require('path')
+
+module.exports = {
+  dev: {
+
+    // Paths
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    proxyTable: {},
+
+    // Various Dev Server settings
+    host: 'localhost', // can be overwritten by process.env.HOST
+    port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    autoOpenBrowser: false,
+    errorOverlay: true,
+    notifyOnErrors: true,
+    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+    // Use Eslint Loader?
+    // If true, your code will be linted during bundling and
+    // linting errors and warnings will be shown in the console.
+    useEslint: true,
+    // If true, eslint errors and warnings will also be shown in the error overlay
+    // in the browser.
+    showEslintErrorsInOverlay: false,
+
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    devtool: 'cheap-module-eval-source-map',
+
+    // If you have problems debugging vue-files in devtools,
+    // set this to false - it *may* help
+    // https://vue-loader.vuejs.org/en/options.html#cachebusting
+    cacheBusting: true,
+
+    cssSourceMap: true
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.html'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: './',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: false,
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: '#source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  }
+}

config/prod.env.js

@@ -0,0 +1,6 @@
+'use strict'
+module.exports = {
+  NODE_ENV: '"production"',
+  BASE_API: '"http://api.xt.test.sgjyun.com"'
+  // '"http://api.xt.kuyicloud.com"', //'"http://api.xt.kuyicloud.com"','"http://api.xt.test.sgjyun.com"'
+}

config/test.env.js

@@ -0,0 +1,7 @@
+'use strict'
+const merge = require('webpack-merge')
+const devEnv = require('./dev.env')
+
+module.exports = merge(devEnv, {
+  NODE_ENV: '"testing"'
+})

cordova-hcp.json

@@ -0,0 +1,6 @@
+{
+    "name": "name",
+    "update": "now",
+    "min_native_interface": 3,
+    "content_url": "http://pad.kuyicloud.com"
+}

index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+    <title>血透平板端系统</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

package.json

@@ -0,0 +1,112 @@
+{
+  "name": "yes",
+  "version": "1.0.0",
+  "description": "A Vue.js project",
+  "author": "superman",
+  "private": true,
+  "scripts": {
+    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "start": "npm run dev",
+    "unit": "jest --config test/unit/jest.conf.js --coverage",
+    "e2e": "node test/e2e/runner.js",
+    "test": "npm run unit && npm run e2e",
+    "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
+    "build": "cross-env NODE_ENV=production env_config=prod node build/build.js && npm run fixfont && npm run fiximg",
+    "fixfont": "xcopy %cd%\\dist\\static\\fonts %cd%\\dist\\static\\css\\static\\fonts /s /y /d /e /i",
+    "fiximg": "xcopy %cd%\\dist\\static\\img %cd%\\dist\\static\\css\\static\\img /s /y /d /e /i"
+  },
+  "dependencies": {
+    "axios": "^0.18.0",
+    "cropperjs": "^1.4.3",
+    "element-ui": "^2.4.6",
+    "lib-flexible": "^0.3.2",
+    "mint-ui": "^2.2.13",
+    "print-js": "^1.0.54",
+    "vant": "^1.6.8",
+    "vue": "^2.5.2",
+    "vue-cropper": "^0.4.8",
+    "vue-cropperjs": "^3.0.0",
+    "vue-pickers": "^1.1.5",
+    "vue-router": "^3.0.1",
+    "vuex": "^3.0.1",
+    "vux": "^2.9.2"
+  },
+  "devDependencies": {
+    "autoprefixer": "^7.1.2",
+    "babel-core": "^6.22.1",
+    "babel-eslint": "^8.2.1",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-jest": "^21.0.2",
+    "babel-loader": "^7.1.1",
+    "babel-plugin-dynamic-import-node": "^1.2.0",
+    "babel-plugin-import": "^1.9.1",
+    "babel-plugin-syntax-jsx": "^6.18.0",
+    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
+    "babel-plugin-transform-runtime": "^6.22.0",
+    "babel-plugin-transform-vue-jsx": "^3.5.0",
+    "babel-preset-env": "^1.3.2",
+    "babel-preset-stage-2": "^6.22.0",
+    "babel-register": "^6.22.0",
+    "chalk": "^2.0.1",
+    "chromedriver": "^2.46.0",
+    "copy-webpack-plugin": "^4.0.1",
+    "cropper": "^4.0.0",
+    "cross-env": "^5.2.0",
+    "cross-spawn": "^5.0.1",
+    "css-loader": "^0.28.0",
+    "eslint": "^4.15.0",
+    "eslint-config-standard": "^10.2.1",
+    "eslint-friendly-formatter": "^3.0.0",
+    "eslint-loader": "^1.7.1",
+    "eslint-plugin-import": "^2.7.0",
+    "eslint-plugin-node": "^5.2.0",
+    "eslint-plugin-promise": "^3.4.0",
+    "eslint-plugin-standard": "^3.0.1",
+    "eslint-plugin-vue": "^4.0.0",
+    "extract-text-webpack-plugin": "^3.0.0",
+    "file-loader": "^1.1.4",
+    "friendly-errors-webpack-plugin": "^1.6.1",
+    "html-webpack-plugin": "^2.30.1",
+    "jest": "^22.0.4",
+    "jest-serializer-vue": "^0.3.0",
+    "jquery": "^3.3.1",
+    "less": "^3.8.1",
+    "less-loader": "^4.1.0",
+    "nightwatch": "^0.9.12",
+    "node-notifier": "^5.1.2",
+    "node-sass": "^4.9.3",
+    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "ora": "^1.2.0",
+    "portfinder": "^1.0.13",
+    "postcss-import": "^11.0.0",
+    "postcss-loader": "^2.0.8",
+    "postcss-url": "^7.2.1",
+    "rimraf": "^2.6.0",
+    "sass-loader": "^7.1.0",
+    "sass-resources-loader": "^1.3.3",
+    "selenium-server": "^3.0.1",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.6",
+    "uglifyjs-webpack-plugin": "^1.1.1",
+    "url-loader": "^0.5.8",
+    "vue-jest": "^1.0.2",
+    "vue-loader": "^13.3.0",
+    "vue-style-loader": "^3.0.1",
+    "vue-template-compiler": "^2.5.2",
+    "vux-loader": "^1.2.9",
+    "webpack": "^3.6.0",
+    "webpack-bundle-analyzer": "^2.9.0",
+    "webpack-dev-server": "^2.9.1",
+    "webpack-merge": "^4.1.0",
+    "yaml-loader": "^0.5.0"
+  },
+  "engines": {
+    "node": ">= 6.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

src/App.vue

@@ -0,0 +1,16 @@
+<template>
+  <div id="app">
+    <!-- <img src="./assets/logo.png"> -->
+    <router-view/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "App"
+};
+</script>
+
+<style>
+
+</style>

src/api/admin_user.js

@@ -0,0 +1,23 @@
+import request from '@/utils/request'
+
+export function GetElectronicSignature(){
+    return request({
+        url:'/m/api/getelectronicsignature',
+        method:'get',
+    })
+}
+
+export function SaveElectronicSignature(es){
+    return request({
+        url:'/m/api/savelectronicsignature',
+        method:'post',
+        data:es,
+    })
+}
+
+export function GetMyInfo(){
+    return request({
+        url:'/m/api/my',
+        method:'get',
+    })
+}

src/api/advice.js

@@ -0,0 +1,96 @@
+import request from '@/utils/request'
+
+export function getAdviceConfig(){
+    return request({
+        url:'/m/api/getadviceconfigs',
+        method:'get',
+    })
+}
+
+export function CreateDoctorAdvice(id, advice){
+    return request({
+        url:'/m/api/advice/create?id='+id,
+        method:'post',
+        data:advice,
+    })
+}
+export function EditDoctorAdvice(id, advice){
+    return request({
+        url:'/m/api/advice/edit?id='+id,
+        method:'put',
+        data:advice,
+    })
+}
+
+export function StopDoctorAdvice(id, advice){
+    return request({
+        url:'/m/api/advice/stop?id='+id,
+        method:'Post',
+        data:advice,
+    })
+}
+
+export function ExecDoctorAdvice(params){
+    return request({
+        url:'/m/api/advice/exec',
+        method:'Post',
+        params:params,
+    })
+}
+
+export function CheckDoctorAdvice(params){
+    return request({
+        url:'/m/api/advice/check',
+        method:'Post',
+        params:params,
+    })
+}
+
+export function DeleteDoctorAdvice(id){
+    return request({
+        url:'/m/api/advice/delete?id='+id,
+        method:'Delete',
+    })
+}
+
+export function DeleteDoctorAdviceNew(group_no, advice_id) {
+    return request({
+        url: "/m/api/newadvice/delete",
+        method: "Delete",
+        params: {
+            groupno: group_no,
+            advice_id: advice_id,
+        }
+    })
+}
+
+export function getSchedualDoctors(params) {
+    return request({
+        url: "/m/api/schedule/advices",
+        method: "get",
+        params: params,
+    })
+}
+
+export function batchCreateAdvices(patient_id, group_no, data) {
+    return request({
+        url: "/m/api/advice/creategroup",
+        method: "post",
+        params: {
+            id: patient_id,
+            group_no: group_no,
+        },
+        data: data,
+    })
+}
+
+export function modifyAdviceGroupStartTime(group_no, start_time_str) {
+    return request({
+        url: "/m/api/advice/group/modify_starttime",
+        method: "post",
+        params: {
+            group_no: group_no,
+            start_time: start_time_str,
+        }
+    })
+}

src/api/check.js

@@ -0,0 +1,25 @@
+import request from '@/utils/request'
+
+
+
+export function GetInspection(params){
+  return request({
+    url:'/m/api/inspection/reference',
+    method:'get',
+    params:params
+  })
+}
+
+
+
+export function GetInspectionItemValue(params){
+  return request({
+    url:'/m/api/inspection/list',
+    method:'get',
+    params:params
+  })
+}
+
+
+
+

src/api/dialysis.js

@@ -0,0 +1,203 @@
+import request from "@/utils/request"
+
+export function getDialysisScheduals(params) {
+    return request({
+        url: "/m/api/scheduals",
+        method: "get",
+        params: params,
+    })
+}
+
+export function getWaitingScheduals(params) {
+    return request({
+        url: "/m/api/waiting_scheduals",
+        method: "get",
+        params: params,
+    })
+}
+
+export function getDialysisRecord(params) {
+    return request({
+        url: "/m/api/dialysis/record",
+        method: "get",
+        params: params,
+    })
+}
+
+export function dialysisGlobalConfig() {
+    return request({
+        url: "/m/api/dialysisglobalconfig",
+        method: "get",
+    })
+}
+
+
+
+export function commitTreatmentSummary(params) {
+  return request({
+    url: "/m/api/dialysis/treatmentSummary",
+    method: "post",
+    params: params,
+
+  })
+}
+
+export function commitDoubleCheck(params) {
+  return request({
+    url: "/m/api/dialysis/doublecheck",
+    method: "post",
+    params: params,
+
+
+  })
+}
+
+
+
+export function commitAcceptsAssessment(params) {
+  return request({
+    url: "/m/api/dialysis/acceptsAssessment",
+    method: "post",
+    params: params,
+
+  })
+}
+
+
+export function finish(params) {
+  return request({
+    url: "/m/api/dialysis/finish",
+    method: "post",
+    params: params,
+  })
+}
+
+
+
+
+export function commitDialysisPrescription(params) {
+  return request({
+    url: "/m/api/dialysis/dialysisPrescription",
+    method: "post",
+    params: params,
+  })
+}
+
+
+export function commitAssessmentAfterDislysis(params) {
+  return request({
+    url: "/m/api/dialysis/assessmentAfterDislysis",
+    method: "post",
+    params: params,
+  })
+}
+
+export function addMonitorRecord(params) {
+  return request({
+    url: "/m/api/monitor/add",
+    method: "post",
+    params: params,
+  })
+}
+
+export function editMonitorRecord(params) {
+  return request({
+    url: "/m/api/monitor/edit",
+    method: "post",
+    params: params,
+  })
+}
+
+export function deleteMonitorRecord(params) {
+  return request({
+    url: "/m/api/monitor/delete",
+    method: "post",
+    params: params,
+  })
+}
+
+export function GetAllZone(params){
+  return request({
+    url:'/m/api/dialysis/allzone',
+    method:'get',
+    params:params
+  })
+}
+
+export function getSchedualPatient(params){
+  return request({
+    url:'/m/api/dialysis/patients',
+    method:'get',
+    params:params
+  })
+}
+
+export function postSolution(params){
+  return request({
+    url:'/m/api/solution',
+    method:'post',
+    params:params
+  })
+}
+
+
+export function startDialysis(params){
+  return request({
+    url:'/m/api/dialysis/start',
+    method:'post',
+    params:params
+  })
+}
+
+
+export function getLastAccepts(params){
+  return request({
+    url:'/m/api/accepts/get',
+    method:'get',
+    params:params
+  })
+}
+
+export function getPrintDialysisRecord(params) {
+  return request({
+    url:'/m/api/print/dialysisorder',
+    method:'Get',
+    params:params
+  })
+}
+
+export function getUrgentScheduleInitData() {
+  return request({
+    url: '/m/api/schedule/urgentinit',
+    method: 'Get',
+  })
+}
+
+export function postUrgentSchedule(params) {
+  return request({
+    url: '/m/api/schedule/urgentadd',
+    method: 'post',
+    params: params,
+  })
+}
+
+export function postSign(params) {
+  return request({
+    url: '/m/api/dialysis/sign',
+    method: 'Post',
+    params:params
+
+  })
+}
+
+
+
+
+
+export function GetMonitor(params){
+  return request({
+    url:'/m/api/monitor/get',
+    method:'get',
+    params:params
+  })
+}

src/api/doctor.js

@@ -0,0 +1,14 @@
+import request from '@/utils/request'
+
+export function fetchAllDoctorAndNurse(){
+  return request({
+    url:'/m/api/alldoctors',
+    method:'get',
+  })
+}
+export function fetchAllAdminUsers(){
+  return request({
+    url:'/m/api/admin/users',
+    method:'get',
+  })
+}

src/api/login.js

@@ -0,0 +1,13 @@
+import request from "@/utils/request"
+
+export function loginByPwd(mobile, password) {
+    const params = {
+        mobile: mobile,
+        password: password,
+    }
+    return request({
+        url: "/m/api/login/pwd",
+        method: "post",
+        params: params,
+    })
+}

src/api/monitor.js

@@ -0,0 +1,27 @@
+import request from '@/utils/request'
+
+export function getMonitorList(params){
+  return request({
+    url:'/m/api/monitor',
+    method:'get',
+    params:params
+
+  })
+}
+
+export function getPatientMonitors(params) {
+  return request({
+    url: '/m/api/monitor/patient',
+    method: 'get',
+    params: params,
+  })
+}
+
+
+export function GetAllZone(params){
+  return request({
+    url:'/m/api/dialysis/allzone',
+    method:'get',
+    params:params
+  })
+}

src/api/patient.js

@@ -0,0 +1,73 @@
+import request from "@/utils/request"
+
+
+export function createPatientDialysisSolution(id,solution){
+    return request({
+        url:'/m/api/solution/create?patient='+id,
+        method:'post',
+        data:solution,
+    })
+}
+export function EditDialysisSolution(id,solution){
+    return request({
+        url:'/m/api/solution/edit?id='+id,
+        method:'post',
+        data:solution,
+    })
+}
+
+export function EditAssessmentBeforeDislysis(id,assessment_date,before){
+    return request({
+        url:'/m/api/assessmentbefore/commit?patient='+id+"&assessment_date="+assessment_date,
+        method:'post',
+        data:before,
+    })
+}
+export function GetPatientInfoWithDiseases(id){
+    return request({
+        url:'/m/api/patient/info?patient='+id,
+        method:'Get',
+    })
+}
+
+
+export function getAllEducationList(params){
+    return request({
+      url:'/m/api/patient/education',
+      method:'get',
+      params:params,
+    })
+  }
+
+  export function getSchedualList(params){
+    return request({
+      url:'/m/api/patients/schedules',
+      method:'get',
+      params:params,
+    })
+  }
+
+
+export function getRecordList(params){
+  return request({
+    url:'/m/api/patients/record',
+    method:'get',
+    params:params,
+  })
+}
+
+
+export function GetPatientDialysisSolutionList(params) {
+    return request({
+        url:'/m/api/patients/solutions',
+        method:'get',
+        params:params,
+    })
+}
+export function GetDoctorAdvices(params) {
+    return request({
+        url:'/m/api/patients/doctoradvices',
+        method:'get',
+        params:params,
+    })
+}

src/api/qiniu.js

@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+export function getToken(){
+    return request({
+        url:'/m/api/qiniu/uptoken',
+        method:'get',
+    })
+}

src/assets/styles/iconfont - 副本.css

@@ -0,0 +1,59 @@
+
+@font-face {font-family: "iconfont";
+  src: url('./iconfont/iconfont.eot?t=1539257906607'); /* IE9*/
+  src: url('./iconfont/iconfont.eot?t=1539257906607#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
+  url('./iconfont/iconfont.ttf?t=1539257906607') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('./iconfont/iconfont.svg?t=1539257906607#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family:"iconfont" !important;
+  font-size:16px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-icon_tingzhi:before { content: "\e64c"; }
+
+.icon-activity:before { content: "\e6de"; }
+
+.icon-add:before { content: "\e6df"; }
+
+.icon-brush:before { content: "\e6e5"; }
+
+.icon-brush_fill:before { content: "\e6e6"; }
+
+.icon-close:before { content: "\e6e9"; }
+
+.icon-document:before { content: "\e6f3"; }
+
+.icon-document_fill:before { content: "\e6f4"; }
+
+.icon-dynamic_fill:before { content: "\e6f5"; }
+
+.icon-dynamic:before { content: "\e6f6"; }
+
+.icon-editor:before { content: "\e6f7"; }
+
+.icon-empty:before { content: "\e6f8"; }
+
+.icon-enter:before { content: "\e6f9"; }
+
+.icon-people_fill:before { content: "\e715"; }
+
+.icon-people:before { content: "\e716"; }
+
+.icon-return:before { content: "\e720"; }
+
+.icon-right:before { content: "\e721"; }
+
+.icon-search:before { content: "\e741"; }
+
+.icon-packup:before { content: "\e749"; }
+
+.icon-unfold:before { content: "\e74a"; }
+
+.icon-add1:before { content: "\e604"; }
+

src/assets/styles/iconfont.css

@@ -0,0 +1,63 @@
+
+@font-face {font-family: "iconfont";
+  src: url('./iconfont/iconfont.eot?t=1539762088773'); /* IE9*/
+  src: url('./iconfont/iconfont.eot?t=1539762088773#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
+  url('./iconfont/iconfont.ttf?t=1539762088773') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('./iconfont/iconfont.svg?t=1539762088773#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family:"iconfont" !important;
+  font-size:16px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-lock:before { content: "\e6c0"; }
+
+.icon-my:before { content: "\e78b"; }
+
+.icon-icon_tingzhi:before { content: "\e64c"; }
+
+.icon-activity:before { content: "\e6de"; }
+
+.icon-add:before { content: "\e6df"; }
+
+.icon-brush:before { content: "\e6e5"; }
+
+.icon-brush_fill:before { content: "\e6e6"; }
+
+.icon-close:before { content: "\e6e9"; }
+
+.icon-document:before { content: "\e6f3"; }
+
+.icon-document_fill:before { content: "\e6f4"; }
+
+.icon-dynamic_fill:before { content: "\e6f5"; }
+
+.icon-dynamic:before { content: "\e6f6"; }
+
+.icon-editor:before { content: "\e6f7"; }
+
+.icon-empty:before { content: "\e6f8"; }
+
+.icon-enter:before { content: "\e6f9"; }
+
+.icon-people_fill:before { content: "\e715"; }
+
+.icon-people:before { content: "\e716"; }
+
+.icon-return:before { content: "\e720"; }
+
+.icon-right:before { content: "\e721"; }
+
+.icon-search:before { content: "\e741"; }
+
+.icon-packup:before { content: "\e749"; }
+
+.icon-unfold:before { content: "\e74a"; }
+
+.icon-add1:before { content: "\e604"; }
+

src/assets/styles/iconfont/demo_unicode.html

@@ -0,0 +1,180 @@
+
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <title>IconFont</title>
+    <link rel="stylesheet" href="demo.css">
+
+    <style type="text/css">
+
+        @font-face {font-family: "iconfont";
+          src: url('iconfont.eot'); /* IE9*/
+          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
+          url('iconfont.woff') format('woff'), /* chrome, firefox */
+          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+          url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
+        }
+
+        .iconfont {
+          font-family:"iconfont" !important;
+          font-size:16px;
+          font-style:normal;
+          -webkit-font-smoothing: antialiased;
+          -webkit-text-stroke-width: 0.2px;
+          -moz-osx-font-smoothing: grayscale;
+        }
+
+    </style>
+</head>
+<body>
+    <div class="main markdown">
+        <h1>IconFont 图标</h1>
+        <ul class="icon_lists clear">
+            
+                <li>
+                <i class="icon iconfont">&#xe6c0;</i>
+                    <div class="name">lock</div>
+                    <div class="code">&amp;#xe6c0;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe736;</i>
+                    <div class="name">people</div>
+                    <div class="code">&amp;#xe736;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe7d3;</i>
+                    <div class="name">查看 眼睛 实时分析</div>
+                    <div class="code">&amp;#xe7d3;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe7b7;</i>
+                    <div class="name">关闭</div>
+                    <div class="code">&amp;#xe7b7;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe6e5;</i>
+                    <div class="name">brush_fill</div>
+                    <div class="code">&amp;#xe6e5;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe6f3;</i>
+                    <div class="name">document_fill</div>
+                    <div class="code">&amp;#xe6f3;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe6f4;</i>
+                    <div class="name">dynamic_fill</div>
+                    <div class="code">&amp;#xe6f4;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe6f8;</i>
+                    <div class="name">enter</div>
+                    <div class="code">&amp;#xe6f8;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe715;</i>
+                    <div class="name">people_fill</div>
+                    <div class="code">&amp;#xe715;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe720;</i>
+                    <div class="name">return</div>
+                    <div class="code">&amp;#xe720;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe749;</i>
+                    <div class="name">packup</div>
+                    <div class="code">&amp;#xe749;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe74a;</i>
+                    <div class="name">unfold</div>
+                    <div class="code">&amp;#xe74a;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe600;</i>
+                    <div class="name">验证码</div>
+                    <div class="code">&amp;#xe600;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe64d;</i>
+                    <div class="name">搜索</div>
+                    <div class="code">&amp;#xe64d;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe617;</i>
+                    <div class="name">眼睛-闭</div>
+                    <div class="code">&amp;#xe617;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe6f5;</i>
+                    <div class="name">手机</div>
+                    <div class="code">&amp;#xe6f5;</div>
+                </li>
+            
+                <li>
+                <i class="icon iconfont">&#xe60c;</i>
+                    <div class="name">向下三角形</div>
+                    <div class="code">&amp;#xe60c;</div>
+                </li>
+            
+        </ul>
+        <h2 id="unicode-">unicode引用</h2>
+        <hr>
+
+        <p>unicode是字体在网页端最原始的应用方式，特点是：</p>
+        <ul>
+        <li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
+        <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+        <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
+        </ul>
+        <blockquote>
+        <p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
+        </blockquote>
+        <p>unicode使用步骤如下：</p>
+        <h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
+        <pre><code class="lang-js hljs javascript">@font-face {
+  font-family: <span class="hljs-string">'iconfont'</span>;
+  src: url(<span class="hljs-string">'iconfont.eot'</span>);
+  src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
+  url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
+  url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
+  url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
+}
+</code></pre>
+        <h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
+        <pre><code class="lang-js hljs javascript">.iconfont{
+  font-family:<span class="hljs-string">"iconfont"</span> !important;
+  font-size:<span class="hljs-number">16</span>px;font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+        <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+        <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
+
+        <blockquote>
+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
+        </blockquote>
+    </div>
+
+
+</body>
+</html>

src/assets/styles/iconfont/iconfont.css

@@ -0,0 +1,51 @@
+
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1537270796441'); /* IE9*/
+  src: url('iconfont.eot?t=1537270796441#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
+  url('iconfont.ttf?t=1537270796441') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('iconfont.svg?t=1537270796441#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family:"iconfont" !important;
+  font-size:16px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-lock:before { content: "\e6c0"; }
+
+.icon-people:before { content: "\e736"; }
+
+.icon-chakanyanjingshishifenxi:before { content: "\e7d3"; }
+
+.icon-guanbi:before { content: "\e7b7"; }
+
+.icon-brush_fill:before { content: "\e6e5"; }
+
+.icon-document_fill:before { content: "\e6f3"; }
+
+.icon-dynamic_fill:before { content: "\e6f4"; }
+
+.icon-enter:before { content: "\e6f8"; }
+
+.icon-people_fill:before { content: "\e715"; }
+
+.icon-return:before { content: "\e720"; }
+
+.icon-packup:before { content: "\e749"; }
+
+.icon-unfold:before { content: "\e74a"; }
+
+.icon-yanzhengma:before { content: "\e600"; }
+
+.icon-sousuo:before { content: "\e64d"; }
+
+.icon-yanjing-bi:before { content: "\e617"; }
+
+.icon-shouji:before { content: "\e6f5"; }
+
+.icon-xiaotuziCduan_:before { content: "\e60c"; }
+

src/assets/styles/iconfont/iconfont.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="mima" unicode="&#58939;" d="M832 544H192c-35.3 0-64-28.7-64-64v-512c0-35.3 28.7-64 64-64h640c35.3 0 64 28.7 64 64V480c0 35.3-28.7 64-64 64z m0-512c0-35.3-28.7-64-64-64H256c-35.3 0-64 28.7-64 64V416c0 35.3 28.7 64 64 64h512c35.3 0 64-28.7 64-64v-384zM512 800c141.4 0 256-114.6 256-256h64c0 176.7-143.3 320-320 320S192 720.7 192 544h64c0 141.4 114.6 256 256 256z m0-448c-35.3 0-64-28.7-64-64v-64c0-35.3 28.7-64 64-64s64 28.7 64 64v64c0 35.3-28.7 64-64 64z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="gerenzhongxinwoderenwubiaozhuntouxianxing" unicode="&#58927;" d="M382.35 396.089a227.556 227.556 0 1 0 250.027-6.087C794.112 334.137 910.222 180.622 910.222 0a28.444 28.444 0 0 0-56.889 0c0 196.38-159.175 355.556-355.555 355.556S142.222 196.38 142.222 0a28.444 28.444 0 0 0-56.889 0c0 187.733 125.412 346.169 297.017 396.089zM512 412.444a170.667 170.667 0 1 1 0 341.334 170.667 170.667 0 0 1 0-341.334z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/main.js

@@ -0,0 +1,44 @@
+// The Vue build version to load with the `import` command
+// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+import Vue from 'vue'
+import App from './App'
+import router from './router'
+import MintUI from 'mint-ui'
+import store from './store'
+import 'mint-ui/lib/style.css'
+import './assets/styles/iconfont.css'
+import './permission'
+
+import '@/styles/reset.scss'
+import '@/styles/variables.scss'
+import '@/styles/style.scss'
+
+import Vant from 'vant'
+import 'vant/lib/index.css'
+import 'vant/lib/icon/local.css'
+// import '@/styles/vant-css/index.css'
+
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+
+// main.js
+// import 'lib-flexible'
+
+// import { AlertPlugin, ToastPlugin } from 'vux'
+
+// Vue.use(AlertPlugin)
+// Vue.use(ToastPlugin)
+
+Vue.use(MintUI)
+Vue.use(Vant)
+Vue.use(ElementUI)
+Vue.config.productionTip = false
+
+/* eslint-disable no-new */
+new Vue({
+  el: '#app',
+  router,
+  store,
+  components: { App },
+  template: '<App/>'
+})

src/pages/advice/AdvicePage.vue

@@ -0,0 +1,127 @@
+<template>
+  <div>
+    <van-row class="top_row">
+      <van-col :span="9">
+        <div style="visibility: hidden">
+          <span class="title"></span>
+        </div>
+      </van-col>
+      <van-col :span="8">
+        <div class="department">
+          <ul>
+            <li v-for="(item,i) in ['透析临嘱','普通医嘱']" :key="i" :class="index == i? 'active':'' " @click="ClickTab(i)" >{{item}}</li>
+          </ul>
+        </div>
+      </van-col>
+
+
+      <van-col :span="5">
+        <router-link to="/add_urgent_schedule">
+        </router-link>
+        <div class="search" style="visibility: hidden">
+          <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" class="field">
+            <i class="iconfont" slot="left-icon">&#xe741;</i>
+            <van-button slot="button" size="small" type="info" style="border: none;" @click="searchWithKeyword">搜索</van-button>
+          </van-field>
+        </div>
+      </van-col>
+    </van-row>
+
+
+    <div class="area">
+      <DialysisAdviceTable v-show="index==0"> </DialysisAdviceTable>
+      <NormalAdviceTable v-show="index==1"></NormalAdviceTable>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import DialysisAdviceTable from "./DialysisAdviceTable";
+import NormalAdviceTable from "./NormalAdviceTable";
+export default {
+  name: "RecordPage",
+  data() {
+    return {
+      index: 0,
+      search_input: "",
+      search_keyword: ""
+    };
+  },
+  components: {
+    NormalAdviceTable,
+    DialysisAdviceTable
+  },
+  methods: {
+    ClickTab: function(tabIndex) {
+      this.index = tabIndex;
+    },
+    searchWithKeyword: function() {
+      this.$refs.search_field.blur();
+      this.search_keyword = this.search_input;
+    },
+    clearKeyword: function() {
+      this.search_input = "";
+      this.search_keyword = "";
+    }
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.top_row {
+  font-size: 0.3rem;
+  padding: 0.3rem 0.3rem;
+  border-bottom: 1px #e5e5e5 solid;
+  display: flex;
+  align-items: center;
+}
+.title {
+  font-size: 0.34rem;
+  font-weight: 600;
+  color: $title-color;
+}
+.department {
+  text-align: center;
+  ul {
+    li {
+      float: left;
+      font-size: 0.36rem;
+      margin: 0 0.2rem;
+      height: 0.64rem;
+      line-height: 0.64rem;
+      padding: 0 0.3rem;
+      color: $title-color;
+      &.active {
+        background: $main-color;
+        color: #fff;
+        border-radius: 30px;
+      }
+    }
+  }
+}
+.search {
+  color: #a8b3ba;
+  width: 4.2rem;
+  float: right;
+
+  .iconfont {
+    color: #a8b3ba;
+    font-size: 0.36rem;
+  }
+  .field {
+    background-color: #ebf1f7;
+    height: 0.6rem;
+    line-height: 0.6rem;
+    padding: 0 0 0 10px;
+    border-radius: 30px;
+  }
+}
+.add_schedule_btn {
+  margin-left: 10px;
+  float: right;
+  background-color: #ff7978;
+  border: none;
+}
+</style>
+

src/pages/advice/DialysisAdviceTable.vue

@@ -0,0 +1,398 @@
+<template>
+  <div class="mainBox">
+    <div class="choice">
+      <ul>
+
+        <el-popover placement="bottom" trigger="click" v-model="show_patient_type_selector">
+          <li slot="reference">{{patient_types[patient_selected].text}}<span class="iconfont">&#xe74a;</span></li>
+          <div class="popover-demo-content">
+            <ul>
+              <li v-for="type in patient_types" :key="type.value" @click="handlePaitentType(type.value)" :class="advice_type_selected == type.value ? 'tick' : ''" >{{type.text}}</li>
+            </ul>
+          </div>
+        </el-popover>
+
+
+        <el-popover placement="bottom" trigger="click" v-model="show_zone_selector">
+          <li slot="reference">{{zones[zone_selected].text}}<span class="iconfont">&#xe74a;</span></li>
+          <div class="popover-demo-content">
+            <ul>
+              <li v-for="(zone, index) in zones" :key="zone.value" @click="handleZoneChange(index)"  :class="zone_selected == index ? 'tick' : ''">{{zone.text}}</li>
+            </ul>
+          </div>
+        </el-popover>
+        <el-popover placement="bottom" trigger="click" v-model="show_sch_type_selector">
+          <li slot="reference">{{schedule_types[schedule_type_selected].text}}<span class="iconfont">&#xe74a;</span></li>
+          <div class="popover-demo-content">
+            <ul>
+              <li v-for="scheduleType in schedule_types" :key="scheduleType.value" @click="handletimeType(scheduleType.value)" :class="schedule_type_selected == scheduleType.value ? 'tick' : ''" >{{scheduleType.text}}</li>
+            </ul>
+          </div>
+        </el-popover>
+        <!--<el-popover placement="bottom" trigger="click" v-model="show_advice_type_selector">-->
+          <!--<li slot="reference">{{advice_types[advice_type_selected].text}}<span class="iconfont">&#xe74a;</span></li>-->
+          <!--<div class="popover-demo-content">-->
+            <!--<ul>-->
+              <!--<li v-for="type in advice_types" :key="type.value" @click="handleAdviceType(type.value)" :class="advice_type_selected == type.value ? 'tick' : ''" >{{type.text}}</li>-->
+            <!--</ul>-->
+          <!--</div>-->
+        <!--</el-popover>-->
+
+        <li @click="openPicker()">
+          {{ selected_date_str }}
+          <span class="iconfont">&#xe74a;</span>
+        </li>
+      </ul>
+    </div>
+
+    <div class="blueBorder"></div>
+    <div style="width:100%;overflow:hildden;overflow-x:auto;">
+     <table class="table">
+      <tr>
+        <th width="50px">机号</th>
+        <th width="50px">姓名</th>
+        <th width="50px">透析号</th>
+        <th width="50px">期效</th>
+        <th width="100px">开始时间</th>
+        <th width="200px">医嘱内容</th>
+        <th width="50px">执行时间</th>
+        <th width="50px">执行护士</th>
+        <th width="50px">校对护士</th>
+        <th width="100px">校对时间</th>
+        <th width="50px">开嘱医生</th>
+        <th width="100px">开嘱时间</th>
+
+
+
+      </tr>
+      <template v-for="(schedules, zone_name, index) in filtedScheduals">
+        <tr :key="index">
+          <td>{{ zone_name }}</td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+          <td></td>
+
+
+        </tr>
+        <template v-for="(schedule) in schedules">
+          <tr v-for="(advice, advice_index) in schedule.doctor_advice" :key="advice_index + '_' + index"  @click="clickfunction(schedule)">
+            <td>{{ advice.parent_id == 0 ? schedule.device_number.number : "" }}</td>
+            <td>{{ advice.parent_id == 0 ? schedule.patient.name : "" }}</td>
+            <td>{{ advice.parent_id == 0 ? schedule.patient.dialysis_no : "" }}</td>
+            <td>{{ getAdaviceType(advice.advice_type)}}</td>
+            <td>{{ advice.parent_id == 0 ? parseTime(advice.start_time, "{m}-{d} {h}:{i}") : "" }}</td>
+            <td>
+              <span >{{advice.advice_name }}</span>
+              <span >{{advice.advice_desc}}</span>
+              <span>{{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span>
+              <span> 单次用量 {{advice.single_dose}}{{advice.single_dose_unit}}</span>
+              <span >{{advice.delivery_way}}</span>
+              <span >{{advice.execution_frequency}}</span>
+            </td>
+            <td>{{ advice.parent_id == 0 ? parseTime(advice.execution_time, "{m}-{d} {h}:{i}") : "" }}</td>
+            <td>{{ advice.parent_id == 0 ? getName(advice.execution_staff) : "" }}</td>
+            <td>{{ advice.parent_id == 0 ? getName(advice.checker) : "" }}</td>
+            <td>{{ advice.parent_id == 0 ? parseTime(advice.check_time, "{m}-{d} {h}:{i}") : "" }}</td>
+            <td>{{ advice.parent_id == 0 ? getName(advice.advice_doctor) : "" }}</td>
+            <td>{{ advice.parent_id == 0 ? parseTime(advice.created_time, "{m}-{d} {h}:{i}") : "" }}</td>
+
+
+          </tr>
+        </template>
+      </template>
+    </table>
+    </div>
+    <!--<div class="NoData" v-show="zones.length <= 1"><img src="@/assets/login/data.jpg" alt=""></div>-->
+    <div class="NoData" v-show="zones.length  <= 1"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
+
+  <mt-datetime-picker
+    v-model="selected_date"
+    type="date"
+    ref="picker"
+    year-format="{value} "
+    month-format="{value} "
+    date-format="{value} "
+    @confirm="requestSchedualDoctors">
+  </mt-datetime-picker>
+  </div>
+</template>
+
+<script>
+import SideBar from "@/pages/layout/SideBar";
+import { parseTime } from "@/utils";
+import { getSchedualDoctors } from "@/api/advice";
+
+export default {
+  name: "DialysisAdviceTable",
+  components: {
+    SideBar
+  },
+  data() {
+    return {
+      selected_date: new Date(),
+      admin_user: [],
+
+      show_sch_type_selector: false,
+      schedule_type_selected: 0,
+      schedule_types: [
+        { value: 0, text: "全部班次" },
+        { value: 1, text: "上午" },
+        { value: 2, text: "下午" },
+        { value: 3, text: "晚上" }
+      ],
+
+      show_zone_selector: false,
+      zone_selected: 0,
+      show_patient_type_selector: false,
+      zones: [{ value: 0, text: "全部分区", select: true }],
+
+      show_advice_type_selector: false,
+      advice_type_selected: 0,
+      advice_types: [
+        { value: 0, text: "全部医嘱" },
+        { value: 1, text: "长期医嘱" },
+        { value: 3, text: "临时医嘱" }
+      ],
+
+      patient_types: [
+        { value: 0, text: "全部病人" },
+        { value: 1, text: "我的病人" },
+        { value: 2, text: "未执行病人" }
+      ],
+      patient_selected: 0,
+
+      scheduleMap: {}
+    };
+  },
+  computed: {
+    selected_date_str: function() {
+      return parseTime(this.selected_date, "{y}-{m}-{d}");
+    },
+    filtedScheduals: function() {
+      var scheduleMap = new Object();
+      if (this.zone_selected == 0) {
+        for (const key in this.scheduleMap) {
+          scheduleMap[key] = this.scheduleMap[key];
+        }
+      } else {
+        var zone_name = this.zones[this.zone_selected].text;
+        scheduleMap[zone_name] = this.scheduleMap[zone_name];
+      }
+
+      if (this.schedule_type_selected != 0) {
+        var _scheduleMap = {};
+        for (const key in scheduleMap) {
+          var origin_schedules = scheduleMap[key];
+          var schedules = [];
+          for (let index = 0; index < origin_schedules.length; index++) {
+            const schedule = origin_schedules[index];
+            if (schedule.schedule_type == this.schedule_type_selected) {
+              schedules.push(schedule);
+            }
+          }
+          if (schedules.length > 0) {
+            _scheduleMap[key] = schedules;
+          }
+        }
+
+        scheduleMap = _scheduleMap;
+      }
+      return scheduleMap;
+    }
+  },
+  created() {
+    this.requestSchedualDoctors();
+  },
+  methods: {
+    clickfunction: function(val) {
+      console.log(val);
+      this.$router.push({
+        path: "/details",
+        query: {
+          patient_id: val.patient.id,
+          date: this.selected_date.getTime() / 1000,
+          patient_name: val.patient.name
+        }
+      });
+    },
+    handlePaitentType: function(index) {
+      this.patient_selected = index;
+      this.show_patient_type_selector = false;
+      this.requestSchedualDoctors();
+    },
+    openPicker() {
+      this.$refs.picker.open();
+    },
+    getAdaviceType(type) {
+      if (type == 1) {
+        return "长嘱";
+      } else if (type == 2) {
+        return "临嘱";
+      } else if (type == 3) {
+        return "临嘱";
+      }
+    },
+    getName(val) {
+
+      for (let i = 0; i < this.admin_user.length; i++) {
+        if ((this.admin_user[i].id = val)) {
+          return this.admin_user[i].name;
+        }
+      }
+    },
+    handletimeType: function(index) {
+      this.schedule_type_selected = index;
+      this.show_sch_type_selector = false;
+    },
+    handleAdviceType: function(index) {
+      this.advice_type_selected = index;
+      this.show_advice_type_selector = false;
+      this.requestSchedualDoctors();
+    },
+    handleZoneChange: function(index) {
+      this.zone_selected = index;
+      this.show_zone_selector = false;
+    },
+    parseTime: function(time, layout) {
+      console.log(time);
+      if (time == 0) {
+        return "";
+      }
+      return parseTime(time, layout);
+    },
+    requestSchedualDoctors() {
+      getSchedualDoctors({
+        date: this.selected_date_str,
+        patient_type: this.patient_selected,
+        advice_type: 2
+      }).then(rs => {
+        var resp = rs.data;
+        if (resp.state == 1) {
+          this.admin_user = resp.data.adminUser;
+          var schedules = resp.data.scheduals;
+          var zoneMap = {};
+          var scheduleMap = {};
+          for (let index = 0; index < schedules.length; index++) {
+            const schedule = schedules[index];
+            if (schedule.doctor_advice.length == 0) {
+              continue;
+            }
+            if (scheduleMap[schedule.device_zone.name] == null) {
+              scheduleMap[schedule.device_zone.name] = [];
+            }
+            scheduleMap[schedule.device_zone.name].push(schedule);
+            if (zoneMap[schedule.device_zone.name] == null) {
+              zoneMap[schedule.device_zone.name] = schedule.device_zone;
+            }
+          }
+
+          var zones = [];
+          zones.push({ value: 0, text: "全部分区" });
+          for (var zoneName in zoneMap) {
+            zones.push({ value: zoneMap[zoneName].id, text: zoneName });
+          }
+
+          zones = zones.sort(function(a, b) {
+            return a.value > b.value;
+          });
+          this.zones = zones;
+
+          this.scheduleMap = scheduleMap;
+        } else {
+          this.$toast({
+            message: resp.msg
+          });
+        }
+      });
+    },
+    adviceDesc(advice) {}
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.top {
+  .hospital {
+    width: 2rem;
+  }
+  .TopTitle {
+    font-size: 0.36rem;
+    color: $title-color;
+    font-weight: normal;
+  }
+  padding: 0.3rem 0.3rem;
+  @include display-flex;
+  @include align-items-center;
+  @include text-align;
+  @include justify-content-between;
+  border-bottom: 1px #e5e5e5 solid;
+  .title {
+    font-size: 0.3rem;
+    font-weight: bold;
+    color: $pgh-color;
+  }
+  .iconfont {
+    font-size: 0.4rem;
+    color: #a8b3ba;
+  }
+}
+.search {
+  background: #ebf1f7;
+  border-radius: 30px;
+  padding: 0 0.3rem;
+  height: 0.6rem;
+  line-height: 0.6rem;
+  color: #a8b3ba;
+
+  .iconfont {
+    color: #a8b3ba;
+    font-size: 0.28rem;
+  }
+  .searchInput {
+    font-size: 0.28rem;
+    border: none;
+    outline: none;
+    background: #ebf1f7;
+  }
+}
+.choice {
+  border-bottom: 1px #e5e5e5 solid;
+  ul {
+    @include display-flex;
+    @include align-items-center;
+    @include text-align;
+    @include justify-content-between;
+    width: 70%;
+    margin: 0 auto;
+    font-size: 0.32rem;
+    color: $pgh-color;
+    li {
+      @include display-flex;
+      @include align-items-center;
+      @include text-align;
+      @include justify-content-between;
+      padding: 0.3rem 0;
+      font-size: 0.32rem;
+      .iconfont {
+        margin: 0 0.1rem;
+      }
+      .line {
+        background: #a8b3ba;
+        width: 0.2rem;
+        height: 1px;
+        margin: 0 0.2rem;
+        display: inline-block;
+      }
+    }
+  }
+}
+
+</style>

src/pages/advice/NormalAdviceTable.vue

@@ -0,0 +1,395 @@
+<template>
+  <div class="mainBox">
+    <div class="choice">
+      <ul>
+
+        <el-popover placement="bottom" trigger="click" v-model="show_patient_type_selector">
+          <li slot="reference">{{patient_types[patient_selected].text}}<span class="iconfont">&#xe74a;</span></li>
+          <div class="popover-demo-content">
+            <ul>
+              <li v-for="type in patient_types" :key="type.value" @click="handlePaitentType(type.value)" :class="advice_type_selected == type.value ? 'tick' : ''" >{{type.text}}</li>
+            </ul>
+          </div>
+        </el-popover>
+
+
+        <el-popover placement="bottom" trigger="click" v-model="show_zone_selector">
+          <li slot="reference">{{zones[zone_selected].text}}<span class="iconfont">&#xe74a;</span></li>
+          <div class="popover-demo-content">
+            <ul>
+              <li v-for="(zone, index) in zones" :key="zone.value" @click="handleZoneChange(index)"  :class="zone_selected == index ? 'tick' : ''">{{zone.text}}</li>
+            </ul>
+          </div>
+        </el-popover>
+        <el-popover placement="bottom" trigger="click" v-model="show_sch_type_selector">
+          <li slot="reference">{{schedule_types[schedule_type_selected].text}}<span class="iconfont">&#xe74a;</span></li>
+          <div class="popover-demo-content">
+            <ul>
+              <li v-for="scheduleType in schedule_types" :key="scheduleType.value" @click="handletimeType(scheduleType.value)" :class="schedule_type_selected == scheduleType.value ? 'tick' : ''" >{{scheduleType.text}}</li>
+            </ul>
+          </div>
+        </el-popover>
+        <!--<el-popover placement="bottom" trigger="click" v-model="show_advice_type_selector">-->
+        <!--<li slot="reference">{{advice_types[advice_type_selected].text}}<span class="iconfont">&#xe74a;</span></li>-->
+        <!--<div class="popover-demo-content">-->
+        <!--<ul>-->
+        <!--<li v-for="type in advice_types" :key="type.value" @click="handleAdviceType(type.value)" :class="advice_type_selected == type.value ? 'tick' : ''" >{{type.text}}</li>-->
+        <!--</ul>-->
+        <!--</div>-->
+        <!--</el-popover>-->
+
+        <li @click="openPicker()">
+          {{ selected_date_str }}
+          <span class="iconfont">&#xe74a;</span>
+        </li>
+      </ul>
+    </div>
+
+    <div class="blueBorder"></div>
+    <div style="width:100%;overflow:hildden;overflow-x:auto;">
+      <table class="table">
+        <tr>
+          <th width="50px">机号</th>
+          <th width="50px">姓名</th>
+          <th width="50px">透析号</th>
+          <th width="50px">期效</th>
+          <th width="100px">开始时间</th>
+          <th width="200px">医嘱内容</th>
+          <th width="50px">执行时间</th>
+          <th width="50px">执行护士</th>
+          <th width="50px">校对护士</th>
+          <th width="100px">校对时间</th>
+          <th width="50px">开嘱医生</th>
+          <th width="100px">开嘱时间</th>
+
+
+
+        </tr>
+        <template v-for="(schedules, zone_name, index) in filtedScheduals">
+          <tr :key="index">
+            <td>{{ zone_name }}</td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+
+          </tr>
+          <template v-for="(schedule) in schedules">
+            <tr v-for="(advice, advice_index) in schedule.doctor_advice" :key="advice_index + '_' + index"  @click="clickfunction(schedule)">
+              <td>{{ advice.parent_id == 0 ? schedule.device_number.number : "" }}</td>
+              <td>{{ advice.parent_id == 0 ? schedule.patient.name : "" }}</td>
+              <td>{{ advice.parent_id == 0 ? schedule.patient.dialysis_no : "" }}</td>
+              <td>{{ getAdaviceType(advice.advice_type)}}</td>
+              <td>{{ advice.parent_id == 0 ? parseTime(advice.start_time, "{m}-{d} {h}:{i}") : "" }}</td>
+              <td>
+                <span >{{advice.advice_name }}</span>
+                <span >{{advice.advice_desc}}</span>
+
+                <span>{{advice.prescribing_number}}{{advice.prescribing_number_unit}}</span>
+                <span> 单次用量 {{advice.single_dose}}{{advice.single_dose_unit}}</span>
+                <span >{{advice.delivery_way}}</span>
+                <span >{{advice.execution_frequency}}</span>
+              </td>
+              <td>{{ advice.parent_id == 0 ? parseTime(advice.execution_time, "{m}-{d} {h}:{i}") : "" }}</td>
+              <td>{{ advice.parent_id == 0 ? getName(advice.execution_staff) : "" }}</td>
+              <td>{{ advice.parent_id == 0 ? getName(advice.checker) : "" }}</td>
+              <td>{{ advice.parent_id == 0 ? parseTime(advice.check_time, "{m}-{d} {h}:{i}") : "" }}</td>
+              <td>{{ advice.parent_id == 0 ? getName(advice.advice_doctor) : "" }}</td>
+              <td>{{ advice.parent_id == 0 ? parseTime(advice.created_time, "{m}-{d} {h}:{i}") : "" }}</td>
+
+
+            </tr>
+          </template>
+        </template>
+      </table>
+    </div>
+    <!--<div class="NoData" v-show="zones.length <= 1"><img src="@/assets/login/data.jpg" alt=""></div>-->
+    <div class="NoData" v-show="zones.length  <= 1"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
+
+    <mt-datetime-picker
+      v-model="selected_date"
+      type="date"
+      ref="picker"
+      year-format="{value} "
+      month-format="{value} "
+      date-format="{value} "
+      @confirm="requestSchedualDoctors">
+    </mt-datetime-picker>
+  </div>
+</template>
+
+<script>
+  import SideBar from "@/pages/layout/SideBar";
+  import { parseTime } from "@/utils";
+  import { getSchedualDoctors } from "@/api/advice";
+
+  export default {
+    name: "DialysisAdviceTable",
+    components: {
+      SideBar
+    },
+    data() {
+      return {
+        selected_date: new Date(),
+        admin_user:[],
+
+        show_sch_type_selector: false,
+        schedule_type_selected: 0,
+        schedule_types: [
+          { value: 0, text: "全部班次" },
+          { value: 1, text: "上午" },
+          { value: 2, text: "下午" },
+          { value: 3, text: "晚上" }
+        ],
+
+        show_zone_selector: false,
+        zone_selected: 0,
+        show_patient_type_selector:false,
+        zones: [{ value: 0, text: "全部分区", select: true }],
+
+        show_advice_type_selector: false,
+        advice_type_selected: 0,
+        advice_types: [
+          { value: 0, text: "全部医嘱" },
+          { value: 1, text: "长期医嘱" },
+          { value: 3, text: "临时医嘱" }
+        ],
+
+        patient_types: [
+          { value: 0, text: "全部病人" },
+          { value: 1, text: "我的病人" },
+          { value: 2, text: "未执行病人" },
+        ],
+        patient_selected: 0,
+
+        scheduleMap: {}
+      };
+    },
+    computed: {
+      selected_date_str: function() {
+        return parseTime(this.selected_date, "{y}-{m}-{d}");
+      },
+      filtedScheduals: function() {
+        var scheduleMap = new Object();
+        if (this.zone_selected == 0) {
+          for (const key in this.scheduleMap) {
+            scheduleMap[key] = this.scheduleMap[key];
+          }
+        } else {
+          var zone_name = this.zones[this.zone_selected].text;
+          scheduleMap[zone_name] = this.scheduleMap[zone_name];
+        }
+
+        if (this.schedule_type_selected != 0) {
+          var _scheduleMap = {};
+          for (const key in scheduleMap) {
+            var origin_schedules = scheduleMap[key];
+            var schedules = [];
+            for (let index = 0; index < origin_schedules.length; index++) {
+              const schedule = origin_schedules[index];
+              if (schedule.schedule_type == this.schedule_type_selected) {
+                schedules.push(schedule);
+              }
+            }
+            if (schedules.length > 0) {
+              _scheduleMap[key] = schedules;
+            }
+          }
+
+          scheduleMap = _scheduleMap;
+        }
+        return scheduleMap;
+      }
+    },
+    created() {
+      this.requestSchedualDoctors();
+    },
+    methods: {
+      clickfunction: function(val) {
+        console.log(val);
+        this.$router.push({
+          path: "/details",
+          query: {
+            patient_id: val.patient.id,
+            date: this.selected_date.getTime() / 1000,
+            patient_name: val.patient.name
+          }
+        });
+      }, handlePaitentType:function(index){
+        this.patient_selected = index;
+        this.show_patient_type_selector = false;
+        this.requestSchedualDoctors();
+
+      },
+      openPicker() {
+        this.$refs.picker.open();
+      },getAdaviceType(type){
+        if(type == 1){
+          return "长嘱"
+        }else if(type == 2){
+          return "临嘱"
+        }else if(type == 3){
+          return "临嘱"
+        }
+      },getName(val){
+        for(let i = 0; i < this.admin_user.length; i++){
+          if(this.admin_user[i].id = val){
+            return this.admin_user[i].name
+          }
+        }
+      },
+      handletimeType: function(index) {
+        this.schedule_type_selected = index;
+        this.show_sch_type_selector = false;
+      },
+      handleAdviceType: function(index) {
+        this.advice_type_selected = index;
+        this.show_advice_type_selector = false;
+        this.requestSchedualDoctors();
+      },
+      handleZoneChange: function(index) {
+        this.zone_selected = index;
+        this.show_zone_selector = false;
+      },
+      parseTime: function(time, layout) {
+        if (time == 0) {
+          return "";
+        }
+        return parseTime(time, layout);
+      },
+      requestSchedualDoctors() {
+        getSchedualDoctors({
+          date: this.selected_date_str,
+          patient_type:this.patient_selected,
+          advice_type: this.advice_type_selected,
+        }).then(rs => {
+          var resp = rs.data;
+          if (resp.state == 1) {
+            this.admin_user = resp.data.adminUser
+            var schedules = resp.data.scheduals;
+            var zoneMap = {};
+            var scheduleMap = {};
+            for (let index = 0; index < schedules.length; index++) {
+              const schedule = schedules[index];
+              if (schedule.doctor_advice.length == 0) {
+                continue;
+              }
+              if (scheduleMap[schedule.device_zone.name] == null) {
+                scheduleMap[schedule.device_zone.name] = [];
+              }
+              scheduleMap[schedule.device_zone.name].push(schedule);
+              if (zoneMap[schedule.device_zone.name] == null) {
+                zoneMap[schedule.device_zone.name] = schedule.device_zone;
+              }
+            }
+
+            var zones = [];
+            zones.push({ value: 0, text: "全部分区" });
+            for (var zoneName in zoneMap) {
+              zones.push({ value: zoneMap[zoneName].id, text: zoneName });
+            }
+
+            zones = zones.sort(function(a, b) {
+              return a.value > b.value;
+            });
+            this.zones = zones;
+
+            this.scheduleMap = scheduleMap;
+          } else {
+            this.$toast({
+              message: resp.msg
+            });
+          }
+        });
+      },
+      adviceDesc(advice) {}
+    }
+  };
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+  .top {
+  .hospital {
+  width: 2rem;
+  }
+  .TopTitle {
+  font-size: 0.36rem;
+  color: $title-color;
+  font-weight: normal;
+  }
+  padding: 0.3rem 0.3rem;
+  @include display-flex;
+  @include align-items-center;
+  @include text-align;
+  @include justify-content-between;
+  border-bottom: 1px #e5e5e5 solid;
+  .title {
+  font-size: 0.3rem;
+  font-weight: bold;
+  color: $pgh-color;
+  }
+  .iconfont {
+  font-size: 0.4rem;
+  color: #a8b3ba;
+  }
+  }
+  .search {
+  background: #ebf1f7;
+  border-radius: 30px;
+  padding: 0 0.3rem;
+  height: 0.6rem;
+  line-height: 0.6rem;
+  color: #a8b3ba;
+
+  .iconfont {
+  color: #a8b3ba;
+  font-size: 0.28rem;
+  }
+  .searchInput {
+  font-size: 0.28rem;
+  border: none;
+  outline: none;
+  background: #ebf1f7;
+  }
+  }
+  .choice {
+  border-bottom: 1px #e5e5e5 solid;
+  ul {
+  @include display-flex;
+  @include align-items-center;
+  @include text-align;
+  @include justify-content-between;
+  width: 70%;
+  margin: 0 auto;
+  font-size: 0.32rem;
+  color: $pgh-color;
+  li {
+  @include display-flex;
+  @include align-items-center;
+  @include text-align;
+  @include justify-content-between;
+  padding: 0.3rem 0;
+  font-size: 0.32rem;
+  .iconfont {
+  margin: 0 0.1rem;
+  }
+  .line {
+  background: #a8b3ba;
+  width: 0.2rem;
+  height: 1px;
+  margin: 0 0.2rem;
+  display: inline-block;
+  }
+  }
+  }
+  }
+  .table {
+  }
+</style>

src/pages/advice/index.vue

@@ -0,0 +1,84 @@
+<template>
+  <div class="mainBox">
+    <side-bar :active_index="2"></side-bar>
+    <div class="mainContent">
+      <AdvicePage></AdvicePage>
+    </div>
+  </div>
+</template>
+
+
+<script>
+import SideBar from "@/pages/layout/SideBar";
+import AdvicePage from "./AdvicePage";
+export default {
+  name: "index",
+  components: {
+    AdvicePage,
+    SideBar
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss"   scoped>
+html,
+body {
+  height: 100%;
+}
+.mainBox {
+  height: 100%;
+  font-size: 0.3rem;
+  background: #fff;
+  .sideColumn {
+    .column {
+      .head {
+        @include display-flex;
+        @include align-items-center;
+        @include flex-direction;
+        @include text-align;
+        @include justify-content-center;
+        margin: 0.5rem 0 0.5rem 0;
+        img {
+          width: 100%;
+          height: 100%;
+          border-radius: 0.5rem;
+          width: 0.7rem;
+          height: 0.7rem;
+        }
+      }
+      .sidebar {
+        @include display-flex;
+        @include align-items-center;
+        @include flex-direction;
+        @include text-align;
+        padding: 0;
+        li {
+          padding: 0 0 0.8rem 0;
+          a {
+            color: #a8b3ba;
+            display: inline-block;
+            padding: 0;
+            margin: 0;
+            p {
+              font-size: 0.24rem;
+              margin-top: 0.2rem;
+            }
+            .iconfont {
+              font-size: 0.5rem;
+              display: inline-block;
+            }
+          }
+          &.active {
+            a {
+              color: #409eff;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+.mainContent {
+  margin: 0 0 0 1.58rem;
+}
+</style>

src/pages/home/login.vue

@@ -0,0 +1,172 @@
+<template>
+  <div class="container">
+    <div class="login">
+      <div class="logo"><img src="../../assets/login/logo.png" alt=""></div>
+      <div class="reg">
+        <div class="form">
+          <ul>
+            <li>
+              <span class="iconfont">&#xe78b;</span>
+              <input placeholder="请输入手机号" type="tel" class="tel" v-model="form.mobile">
+            </li>
+            <li>
+              <span class="iconfont">&#xe6c0;</span>
+              <input placeholder="请输入密码" type="password" class="tel" v-model="form.pwd">
+            </li>
+          </ul>
+        </div>
+        <!-- <router-link to="/product"> -->
+          <button class="loginBtn" @click="loginAction" :class="loginDisable ? 'disableLoginBtn' : ''" :disabled="loginDisable">登录</button>
+        <!-- </router-link> -->
+        <!-- <div class="forget">
+          <a href="">免密码登录</a>
+          <a href="">忘记密码？</a>
+        </div> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {loginByPwd} from "@/api/login"
+import {hex_md5} from "@/utils/md5"
+import { getLoginInfoCache, cacheLoginInfo } from '@/utils/admin_info_cache'
+
+export default {
+  name: "Home",
+  data() {
+    return {
+      form: {
+        mobile: "",
+        pwd: "",
+      },
+    }
+  },
+  computed: {
+    loginDisable() {
+      // return false
+      return this.form.mobile.length == 0 || /^1[234578]\d{9}$/.test(this.form.mobile) == false || this.form.pwd.length == 0
+    }
+  },
+  created() {
+    var loginInfo = getLoginInfoCache()
+    this.form.mobile = loginInfo.mobile
+    this.form.pwd = loginInfo.password
+  },
+  methods: {
+    loginAction: function() {
+      loginByPwd(this.form.mobile, hex_md5(this.form.pwd)).then(rs => {
+        var resp = rs.data
+        if (resp.state == 1) {
+          cacheLoginInfo(this.form.mobile, this.form.pwd)
+
+          var user = resp.data.user
+          var org = resp.data.org
+          var subscibe = resp.data.subscibe
+          var config_list = resp.data.config_list
+          this.$store.dispatch("InitUserInfo", {user: user, org: org, subscibe: subscibe })
+          this.$store.dispatch("SetConfigList", config_list)
+
+          // this.$router.push({path: "/product"})
+          this.$router.push({path: "/main"})
+
+        } else {
+          this.$toast({
+            message: resp.msg,
+          })
+        }
+      })
+    }
+  }
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped >
+.container {
+  background: $white-bg;
+  @include box-sizing;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  .login {
+    // @include box-shadow;
+    @include text-align;
+    @include display-flex;
+    @include align-items-center;
+    @include justify-content-center;
+    @include flex-direction;
+    height: 100%;
+    .logo {
+      padding: 0 0 1rem;
+      img {
+        width: 70%;
+        height: auto;
+        display: inline-block;
+      }
+    }
+    .reg {
+      width: 10.77rem;
+      .form {
+        border: 1px $border-color solid;
+        border-radius: 4px;
+        li {
+          border-bottom: 1px $border-color solid;
+          @include align-items-center;
+          @include text-align;
+          @include display-flex;
+          @include box-sizing;
+          .tel {
+            padding: 0.4rem 0;
+            width: 90%;
+            border: none;
+            outline: none;
+            font-size: 0.34rem;
+          }
+          .mint-cell {
+            width: 100%;
+          }
+          &:last-child {
+            border: none;
+          }
+          .iconfont {
+            color: $main-color;
+            font-size: 0.5rem;
+            margin: 0 0.46rem;
+          }
+        }
+      }
+      .forget {
+        text-align: left;
+        padding: 0.45rem 1rem;
+        a {
+          float: left;
+          font-size: 0.28rem;
+          color: $main-color;
+          &:nth-child(2) {
+            color: #999999;
+            float: right;
+          }
+          &:active {
+            background: $white-bg;
+          }
+        }
+      }
+      .loginBtn {
+        width: 100%;
+        height: 1rem;
+        line-height: 1rem;
+        background: $main-color;
+        color: #fff;
+        font-size: 0.36rem;
+        @include text-align;
+        border-radius: 4px;
+        margin: 40px 0 0 0;
+      }
+      .disableLoginBtn {
+        background: lightgray;
+      }
+    }
+  }
+}
+</style>
+

src/pages/layout/ContentArea.vue

@@ -0,0 +1,28 @@
+<template>
+    <div class="mainContent">
+      <!-- <record-page></record-page> -->
+      <router-view :key="key"></router-view>
+    </div>
+</template>
+
+<script>
+import RecordPage from "./RecordPage";
+export default {
+    name:'ContentArea',
+    components:{  
+      RecordPage
+    },
+    computed: {
+      key() {
+        return this.$route.fullPath
+      }
+    }
+}
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.mainContent{
+  margin: 0 0 0 1.58rem;
+}
+</style>
+

src/pages/layout/RecordPage.vue

@@ -0,0 +1,119 @@
+<template>
+<div class="record">
+    <div class="top">
+      <popover placement="bottom" >
+        <div slot="content" class="popover-demo-content">
+          <ul>
+            <li>医院医院医院</li>
+            <li>医院医院医院 <span class="iconfont">&#xe721;</span></li>
+          </ul>
+        </div>
+        <div class="hospital"><span class="title"> 深圳市人民医院血液透析中心</span><span class="iconfont">&#xe74a;</span></div>
+      </popover>
+
+        <div class="department">
+            <ul>
+                <li v-for="(item,i) in ['候诊室','透析区']" :key="i" :class="index == i? 'active':'' " @click="ClickTab(i)" >{{item}}</li>
+                
+            </ul>
+        </div>
+        <div class="search">
+            <span class="iconfont">&#xe64d;</span>
+            <input type="text" class="searchInput" placeholder="透析号/姓名">
+        </div>
+    </div>
+    <div class="area">
+       <waiting-area v-show="index==0" title="候诊区"></waiting-area>
+       <dialysis-area v-show="index==1" title="透析区"></dialysis-area>
+    </div>
+    
+</div>  
+</template>
+
+
+<script>
+import DialysisArea from "@/pages/main/DialysisArea";
+import WaitingArea from "@/pages/main/WaitingArea";
+import { Popover } from 'vux'
+export default {
+  name: "RecordPage",
+  data(){
+    return{
+      index:0
+    }
+  },
+  components: {
+    DialysisArea,
+    WaitingArea,
+    Popover,
+    // Group,
+    // Cell
+  },
+   methods: {
+    ClickTab: function(tabIndex) {
+      this.index = tabIndex;
+    },
+   }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss"   scoped>
+.record {
+  .top {
+    padding: 0.28rem 0.3rem;
+    @include display-flex;
+    @include align-items-center;
+    @include text-align;
+    @include justify-content-between;
+    font-size: 0.3rem;
+    border-bottom: 1px #e5e5e5 solid;
+    .title {
+      font-size: 0.3rem;
+      font-weight: bold;
+      color: $pgh-color;
+    }
+    .iconfont{
+      font-size: 0.24rem;
+      color: #a8b3ba;
+    }
+  }
+  .department {
+    
+    ul {
+      li {
+        float: left;
+        font-size: 0.28rem;
+        margin: 0 0.2rem; 
+        height: 0.48rem;
+        line-height: 0.48rem;
+        width: 1.4rem;
+        &.active {
+          background: $main-color;
+          color: #fff;
+          border-radius: 30px;
+        }
+      }
+    }
+  }
+  .search {
+    background: #ebf1f7;
+    border-radius: 30px;
+    padding: 0 0.3rem;
+    height: 0.6rem;
+    line-height: 0.6rem;
+    color: #a8b3ba;
+
+    .iconfont {
+      color: #a8b3ba;
+    }
+    .searchInput {
+      font-size: 0.28rem;
+      border: none;
+      outline: none;
+      background: #ebf1f7;
+    }
+  }
+  
+}
+</style>
+

src/pages/layout/SideBar.vue

@@ -0,0 +1,96 @@
+<template>
+    <div class="sideColumn">
+      <div class="column">
+        <div class="head"><img :src="$store.getters.user.org.org_logo" alt=""></div>
+        <ul class="sidebar">
+            <li :class="active_index == 0 ? 'active' : ''">
+                <router-link to="/main"><span class="iconfont">&#xe6e6;</span><p>记录</p></router-link>
+            </li>
+             <li :class="active_index == 1 ? 'active' : ''">
+                <router-link to="/monitoring"><span class="iconfont">&#xe6f5;</span><p>监控</p></router-link>
+            </li>
+             <li :class="active_index == 2 ? 'active' : ''">
+                <router-link to="/advice"><span class="iconfont">&#xe6f4;</span><p>医嘱</p></router-link>
+            </li>
+             <li :class="active_index == 3 ? 'active' : ''">
+                <router-link to="/my"><span class="iconfont">&#xe715;</span><p>我的</p></router-link>
+            </li> 
+        </ul>
+       </div>
+    </div>
+</template>
+
+<script>
+export default {
+  name: "SideBar",
+  props: {
+    active_index: {
+      type: Number,
+      default: 0
+    }
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.sideColumn {
+  float: left;
+  width: 1.58rem;
+  background: #f5f8fb;
+  height: 100%;
+  border-right: 1px  solid rgba(193, 193, 193, 0.8);
+  position: fixed;
+  z-index: 999;
+  .column {
+    .head {
+      @include display-flex;
+      @include align-items-center;
+      @include text-align;
+      @include justify-content-center;
+      margin: 0.5rem auto 0.7rem auto;
+      width: 1rem;
+        height: 1rem;
+        overflow: hidden;
+        border-radius: 50%;
+      img {
+        width: 100%;
+        height: auto;
+        display: block;
+      }
+    }
+    .sidebar {
+      @include display-flex;
+      @include align-items-center;
+      @include flex-direction;
+      @include text-align;
+      padding: 0;
+      li {
+        padding: 0 0 0.8rem 0;
+        a {
+          color: #a8b3ba;
+          display: inline-block;
+          padding: 0;
+          margin: 0;
+          p {
+            font-size: 0.32rem;
+            margin-top: 0.05rem;
+          }
+          .iconfont {
+            font-size: 0.52rem;
+            display: inline-block;
+          }
+        }
+        &.active {
+          a {
+            color: $main-color;
+            .iconfont {
+              color: $main-color;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
+

src/pages/layout/layout.vue

@@ -0,0 +1,29 @@
+<template>
+    <div class="mainBox">
+       <side-bar></side-bar>
+       <content-area></content-area> 
+    </div>
+</template>
+
+<script>
+import SideBar from "./Sidebar";
+import ContentArea from "./ContentArea";
+export default {
+  name: "layout",
+  components: {
+    SideBar,
+    ContentArea
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss"  scoped>
+html,
+body {
+  height: 100%;
+}
+.mainBox {
+  height: 100%;
+  font-size: 0.3rem;
+}
+</style>

src/pages/main/DetailsPage.vue

@@ -0,0 +1,177 @@
+<template>
+    <div class="mainBox">
+        <side-bar :active_index="0"></side-bar>
+        <div class="mainContent">
+            <div class="navigation">
+                <div class="goBack">
+                    <span class="back" @click="backAction()"><span class="iconfont">&#xe720;</span>返回</span>
+                    <el-popover
+                      placement="bottom"
+                      trigger="click" :disabled="true">
+                      <li slot="reference" class="name">{{ patient_name }}</li>
+                    </el-popover>
+                </div>
+                <div class="nav">
+                  <ul>
+                     <li v-for="(item,i) in ['病历','透析','今日']" :key="i" :class="index == i? 'active':'' " @click="ClickTab(i)" >{{item}}</li>
+                  </ul>
+                </div>
+
+                <!-- <div @click="openPicker()" class="time">
+                  {{pickerVisible}}<span class="iconfont">&#xe74a;</span>
+                </div> -->
+                <!-- <div class="time" style="width:1.49rem;">
+                  <span class="iconfont">2018-01-01&#xe74a;</span>
+                </div> -->
+
+              <div class="print" style="float: right">
+                <el-button size="mini" type="primary" @click="print" icon="el-icon-printer">打印</el-button>
+              </div>
+
+            </div>
+            <div class="Tab">
+              <CaseHistory v-show="index==0" title="病历"></CaseHistory>
+              <!--<check-tab v-show="index==1" title="化验单"></check-tab>-->
+              <dialysis-tab v-show="index==1" title="透析" v-on:records="jump(val)"></dialysis-tab>
+              <today-tab ref="today" v-show="index==2" title="今日" ></today-tab>
+            </div>
+
+
+        </div>
+         <!-- <mt-datetime-picker
+            v-model="pickerVisible"
+            type="date"
+            ref="picker"
+            year-format="{value} "
+            month-format="{value} "
+            date-format="{value} ">
+        </mt-datetime-picker> -->
+    </div>
+</template>
+
+<script>
+import SideBar from "@/pages/layout/SideBar";
+import TodayTab from "./today/TodayTab";
+import DialysisTab from "./dialysis/DialysisTab";
+import RecordsTab from "./records/RecordsTab";
+import { Popover } from "vux";
+import CheckTab from "./dialysis/CheckTab";
+import {parseTime} from "@/utils"
+import {GetPatientInfoWithDiseases} from "@/api/patient";
+import { Toast } from 'vant';
+import CaseHistory from "./records/CaseHistory";
+
+export default {
+  name: "DetailsPage",
+  components: {
+    CaseHistory,
+    CheckTab,
+    SideBar,
+    TodayTab,
+    DialysisTab,
+    RecordsTab,
+    Popover,
+  },
+  data() {
+    return {
+      // pickerVisible: new Date(),
+      patient_id: 0,
+      patient_name: "",
+      date: 0,
+      index: 2,
+      patient: null,
+    };
+  },
+  created() {
+    var patient_id = this.$route.query.patient_id;
+    var date = this.$route.query.date;
+    var patient_name = this.$route.query.patient_name;
+    this.patient_id = patient_id;
+    this.date = date;
+    this.patient_name = patient_name;
+    this.GetPatientInfoWithDiseases(this.patient_id);
+  },
+  methods: {
+    ClickTab: function(tabIndex) {
+      this.index = tabIndex;
+    },
+    backAction() {
+      this.$router.back(-1);
+    },
+    openPicker() {
+      this.$refs.picker.open();
+    },print:function () {
+      var xtdate = parseTime(this.date, "{y}-{m}-{d}")
+      if(this.patient != null){
+        this.$router.push('/Print?xtdate='+xtdate+'&xtno='+this.patient.dialysis_no);
+      }
+    },GetPatientInfoWithDiseases(id) {
+      GetPatientInfoWithDiseases(id).then(response=>{
+        if (response.data.state==1) {
+          this.patient = response.data.data.patient;
+        }else {
+          Toast.fail("网络异常");
+          return false;
+        }
+      }).catch(() => {
+        // on cancel
+        Toast.fail("网络异常");
+        return false;
+      });
+    },jump:function (val) {
+      this.index = 2
+
+    }
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.mainContent {
+  position: relative;
+  .navigation {
+    @include display-flex;
+    @include align-items-center;
+    @include text-align;
+    @include box-sizing;
+    @include justify-content-between;
+    padding: 0.3rem 0.36rem;
+    border-bottom: 1px #e5e5e5 solid;
+    position: fixed;
+    top: 0;
+    left:1.58rem;
+    right: 0;
+    z-index: 100;
+    background: #fff;
+   
+    .nav {
+      ul {
+        li {
+          float: left;
+          font-size: 0.36rem;
+          margin: 0 0.2rem;
+          height: 0.64rem;
+          line-height: 0.64rem;
+          padding: 0 0.3rem;
+          cursor: pointer;
+          &.active {
+            background: $main-color;
+            color: #fff;
+            border-radius: 30px;
+          }
+        }
+      }
+    }
+    .time {
+      cursor: pointer;
+      .iconfont {
+        margin-left: 0.1rem;
+      }
+    }
+  }
+  .Tab {
+    padding-top: 63px;
+  }
+}
+</style>
+

src/pages/main/DialysisArea.vue

@@ -0,0 +1,305 @@
+<template>
+    <div>
+       <div class="screening">
+           <ul>
+              <popover placement="bottom" >
+                <div slot="content" class="popover-demo-content">
+                  <ul>
+                    <li v-for="(zone, index) in zones" :key="zone.value" @click="handleZoneChange(index)"  :class="zone_selected == index ? 'tick' : ''">{{zone.text}}</li>
+                  </ul>
+                </div>
+               <li>{{ zones.length <= 1 && zone_selected > 0 ? "全部分区" : zones[zone_selected].text }}<span class="iconfont">&#xe74a;</span></li>
+               </popover>
+               
+               <popover placement="bottom" >  
+                <div slot="content" class="popover-demo-content">
+                  <ul>
+                    <li v-for="schedualType in schedual_types" :key="schedualType.value" @click="handletimeType(schedualType.value)" :class="schedual_type_selected == schedualType.value ? 'tick' : ''" >{{schedualType.text}}</li>
+                  </ul> 
+                </div>
+                <li>{{ schedual_types[schedual_type_selected].text}}<span class="iconfont">&#xe74a;</span></li>
+               </popover>
+
+              
+               <li @click="openPicker()">{{selected_date_str}}<span class="iconfont">&#xe74a;</span></li>
+           </ul>
+       </div>
+      <div class="stateBox ">
+        <div v-for="(item, index) in filtedScheduals" :key="index" >
+          <h2 class="title" >{{item.zone_name}}</h2>
+          <patient-box class="clearfix" :patients="item.scheduals"></patient-box>
+        </div>
+        <div class="NoData" v-show="filtedScheduals.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
+
+      </div>
+      <mt-datetime-picker
+        v-model="selected_date"
+        ref="picker"
+        type="date"
+        year-format="{value} "
+        month-format="{value} "
+        date-format="{value} "
+        @confirm="handleScheduleDateChange">
+      </mt-datetime-picker>
+    </div>  
+</template>
+
+<script>
+import PatientBox from "./PatientBox";
+import { Popover } from "vux";
+import { Datetime } from "vux";
+import { parseTime } from "@/utils/index";
+import { getDialysisScheduals } from "@/api/dialysis";
+
+export default {
+  name: "DialysisArea",
+  components: {
+    PatientBox,
+    Popover,
+    Datetime
+  },
+  data() {
+    return {
+      selected_date: this.$store.getters.app.dialysis_area.schedule_date, //new Date(),
+      schedual_types: [
+        { value: 0, text: "全部班", select: true },
+        { value: 1, text: "上午", select: false },
+        { value: 2, text: "下午", select: false },
+        { value: 3, text: "晚上", select: false }
+      ],
+      schedual_type_selected: this.$store.getters.app.dialysis_area
+        .schedule_type_select_index,
+
+      zone_selected: this.$store.getters.app.dialysis_area.zone_select_index,
+      zones: [{ value: 0, text: "全部分区", select: true }],
+      dialysis_scheduals: []
+    };
+  },
+  props: {
+    search_keyword: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    selected_date_str: function() {
+      return parseTime(this.selected_date, "{y}-{m}-{d}");
+    },
+
+    filtedScheduals: function() {
+      if (this.dialysis_scheduals.length == 0) {
+        return [];
+      }
+
+      var search_keyword = this.search_keyword;
+      if (search_keyword.length > 0) {
+        var schedules = [];
+        for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
+          const scheduleInfo = this.dialysis_scheduals[o_i];
+          var originSchedules = scheduleInfo.scheduals;
+          if (originSchedules.length == 0) {
+            continue;
+          }
+          var filtedSchedules = [];
+          for (let s_i = 0; s_i < originSchedules.length; s_i++) {
+            const schedule = originSchedules[s_i];
+            if (
+              schedule.patient.name.indexOf(search_keyword) != -1 ||
+              schedule.patient.dialysis_no.indexOf(search_keyword) != -1
+            ) {
+              filtedSchedules.push(schedule);
+              break;
+            }
+          }
+          if (filtedSchedules.length > 0) {
+            schedules.push({
+              zone_name: scheduleInfo.zone_name,
+              scheduals: filtedSchedules
+            });
+          }
+        }
+        return schedules;
+      }
+
+      var zone_selected = this.zone_selected;
+      var timetype_selected = this.schedual_type_selected;
+      if (
+        (zone_selected == 0 && timetype_selected == 0) ||
+        this.zones.length <= 1
+      ) {
+        return this.dialysis_scheduals;
+      }
+
+      var zone_name = zone_selected == 0 ? "" : this.zones[zone_selected].text;
+      var schedules = [];
+      for (let o_i = 0; o_i < this.dialysis_scheduals.length; o_i++) {
+        const scheduleInfo = this.dialysis_scheduals[o_i];
+        var originSchedules = scheduleInfo.scheduals;
+        var filtedSchedules = [];
+        for (let s_i = 0; s_i < originSchedules.length; s_i++) {
+          const schedule = originSchedules[s_i];
+          if (
+            zone_name.length == 0 ||
+            (zone_name.length > 0 && zone_name == schedule.device_zone.name)
+          ) {
+            if (
+              timetype_selected == 0 ||
+              schedule.schedule_type == timetype_selected
+            ) {
+              filtedSchedules.push(schedule);
+            }
+          }
+        }
+        if (filtedSchedules.length > 0) {
+          schedules.push({
+            zone_name: scheduleInfo.zone_name,
+            scheduals: filtedSchedules
+          });
+        }
+      }
+      return schedules;
+    }
+  },
+  created() {
+    this.requestDialysisScheduals();
+  },
+  methods: {
+    handletimeType: function(index) {
+      this.schedual_type_selected = index;
+      this.$emit("clear_search_keyword");
+      this.$store.dispatch("SaveDialysisAreaSelectIndexs", {
+        zone: this.zone_selected,
+        schedule_type: this.schedual_type_selected,
+        schedule_date: this.selected_date
+      });
+    },
+    handleZoneChange: function(index) {
+      this.zone_selected = index;
+      this.$emit("clear_search_keyword");
+      this.$store.dispatch("SaveDialysisAreaSelectIndexs", {
+        zone: this.zone_selected,
+        schedule_type: this.schedual_type_selected,
+        schedule_date: this.selected_date
+      });
+    },
+    handleScheduleDateChange: function(date) {
+      this.zone_selected = 0;
+      this.schedual_type_selected = 0;
+      this.$emit("clear_search_keyword");
+      this.$store.dispatch("SaveDialysisAreaSelectIndexs", {
+        zone: this.zone_selected,
+        schedule_type: this.schedual_type_selected,
+        schedule_date: this.selected_date
+      });
+      this.requestDialysisScheduals();
+    },
+
+    requestDialysisScheduals() {
+      var type = 0;
+      getDialysisScheduals({ type: type, date: this.selected_date_str })
+        .then(rs => {
+          var resp = rs.data;
+          if (resp.state == 1) {
+            // console.log(resp.data)
+            var scheduals = resp.data.scheduals;
+            var zoneMap = {};
+            var schedualMap = {};
+            for (let index = 0; index < scheduals.length; index++) {
+              const schedual = scheduals[index];
+              if (schedual.dialysis_order == null) {
+                continue;
+              }
+              if (schedualMap[schedual.device_zone.name] == null) {
+                schedualMap[schedual.device_zone.name] = [];
+              }
+              schedualMap[schedual.device_zone.name].push(schedual);
+              if (zoneMap[schedual.device_zone.name] == null) {
+                zoneMap[schedual.device_zone.name] = schedual.device_zone;
+              }
+            }
+
+            var zones = [];
+            zones.push({ value: 0, text: "全部分区" });
+            for (var zoneName in zoneMap) {
+              zones.push({ value: zoneMap[zoneName].id, text: zoneName });
+            }
+
+            zones = zones.sort(function(a, b) {
+              return a.value > b.value;
+            });
+            this.zones = zones;
+
+            var dialysis_scheduals = [];
+            for (let index = 0; index < zones.length; index++) {
+              const zone = zones[index];
+              var scheduals = schedualMap[zone.text];
+              if (scheduals == null) {
+                continue;
+              }
+              dialysis_scheduals.push({
+                zone_name: zone.text,
+                scheduals: scheduals
+              });
+            }
+            this.dialysis_scheduals = dialysis_scheduals;
+          } else {
+            this.$toast({
+              message: resp.msg
+            });
+          }
+        })
+        .catch(v => {});
+    },
+    openPicker() {
+      this.$refs.picker.open();
+    }
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.screening {
+  border-bottom: 1px #e5e5e5 solid;
+  ul {
+    @include display-flex;
+    @include align-items-center;
+    @include text-align;
+    @include justify-content-between;
+    width: 60%;
+    margin: 0 auto;
+    li {
+      font-size: 0.32rem;
+      padding: 0.3rem 0;
+      cursor: pointer;
+      .iconfont {
+        font-size: 0.32rem;
+        color: #a8b3ba;
+        margin-left: 0.1rem;
+      }
+    }
+  }
+}
+.stateBox {
+  padding: 0.26rem 0 0 0.6rem;
+  background: #fff;
+  .title {
+    font-size: 0.34rem;
+    font-weight: 600;
+    color: $title-color;
+    height: 0.8rem;
+    line-height: 0.8rem;
+    display: inline-block;
+  }
+}
+</style>
+
+<style>
+.picker-toolbar {
+  height: 60px;
+}
+.mint-datetime-action {
+  line-height: 60px;
+  font-size: 0.34rem;
+}
+</style>
+

src/pages/main/PatientBox.vue

@@ -0,0 +1,284 @@
+<template>
+  <div>
+    <div class="patient" :class="borderColor(patient)" v-for="(patient, index) in patients" :key="index" @click="detailAction(patient)">
+      <!-- <router-link :to="{path:'/details',  query: {patient_id: patient.patient_id, date: patient.schedule_date}}"> -->
+        <div class="kehu">
+          <div class="tx">
+            <img :src="patient.patient.avatar.length > 0 ? patient.patient.avatar : '../../assets/product/test.jpg'" alt="">
+            <div class="right">
+               <h3 class="name">{{patient.patient.name}}<span class="yc" v-show="isAbnormal(patient)">异常</span></h3>
+               <span class="num">{{ genderText(patient) }} | {{ age(patient) }}岁</span>
+               <!-- 性别、年龄 -->
+            </div>
+          </div>
+          <div class="online" v-show="computeState(patient) != 4" >
+            <p :class="stateColor(patient)">{{stateText(patient)}}</p>
+            <!-- <span class="time">剩余时间 : 90:08</span>     -->
+          </div>
+        </div>
+      <!-- </router-link> -->
+      <div class="function" :class="functionColor(patient)">
+        <ul>
+          <li><span class="iconfont">&#xe6f7;</span>班次 : {{timeTypeText(patient)}}</li>
+          <li><span class="iconfont">&#xe6de;</span>床位号 : {{patient.device_number.number}}</li>
+          <li><span class="iconfont">&#xe6f6;</span>透析模式 : {{$store.getters.treatment_mode[patient.mode_id].name}}</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { parseTime } from "@/utils";
+
+export default {
+  name: "PatientBox",
+  props: {
+    patients: Array
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    stateColor: function(schedual) {
+      var state = this.computeState(schedual);
+      if (state == 1) {
+        return "blue";
+      } else if (state == 2) {
+        return "gray";
+      } else if (state == 3) {
+        return "red";
+      } else {
+        return "blue";
+      }
+    },
+    functionColor: function(schedual) {
+      var state = this.computeState(schedual);
+      if (state == 1 || state == 3) {
+        return "blue";
+      } else if (state == 2) {
+        return "gray";
+      } else {
+        return "blue";
+      }
+    },
+    borderColor: function(schedual) {
+      var yc = this.isAbnormal(schedual);
+      if (yc == true) {
+        return "red";
+      } else {
+        return "gray";
+      }
+    },
+    stateText: function(schedual) {
+      var state = this.computeState(schedual);
+      if (state == 1) {
+        return "已上机";
+      } else if (state == 2) {
+        return "已下机";
+      } else if (state == 3) {
+        return "监测中";
+      } else {
+        // return schedual.patient.gender == 1 ? "男" : "女"
+        return "未上机";
+      }
+    },
+    computeState: function(schedual) {
+      if (schedual.dialysis_order == null) {
+        // 未上机
+        return 4;
+      } else if (schedual.dialysis_order.stage == 2) {
+        // 已下机
+        return 2;
+      } else if (
+        schedual.dialysis_order.stage == 1 &&
+        schedual.monitoring_records != null &&
+        schedual.monitoring_records.length > 1
+      ) {
+        // 监测中
+        return 3;
+      } else {
+        return 1;
+      }
+    },
+
+    orderState: function(schedual) {
+      if (schedual.dialysis_order == null) {
+        // 未上机
+        return 4;
+      } else if (schedual.dialysis_order.stage == 2) {
+        // 已下机
+        return 2;
+      } else if (
+        schedual.dialysis_order.stage == 1 &&
+        schedual.monitoring_records != null &&
+        schedual.monitoring_records.length > 1
+      ) {
+        // 监测中
+        return 3;
+      } else {
+        return 1;
+      }
+    },
+    isAbnormal: function(schedual) {
+      return false; // schedual.yc;
+    },
+    timeTypeText: function(schedual) {
+      if (schedual.schedule_type == 1) {
+        return "上午";
+      } else if (schedual.schedule_type == 2) {
+        return "下午";
+      } else {
+        return "晚上";
+      }
+    },
+    genderText: function(schedual) {
+      if (schedual.patient.gender == 0) {
+        return "未知";
+      } else if (schedual.patient.gender == 1) {
+        return "男";
+      } else {
+        return "女";
+      }
+    },
+    age: function(schedual) {
+      var now = new Date();
+      var nowYear = parseTime(now, "{y}");
+      var birthdayYear = parseTime(schedual.patient.birthday, "{y}");
+      // console.log(nowYear)
+      // console.log(birthdayYear)
+      return nowYear - birthdayYear;
+    },
+    detailAction: function(schedual) {
+      var patient_id = schedual.patient_id;
+      var date = schedual.schedule_date;
+      this.$router.push({
+        path: "/details",
+        query: {
+          patient_id: patient_id,
+          date: date,
+          patient_name: schedual.patient.name
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.patient {
+  border: 1px #e5e5ee solid;
+  padding: 0.33rem 0;
+  width: 47%;
+  margin: 0 3% 0.5rem 0;
+  float: left;
+  .function {
+    padding: 0.3rem 0.32rem 0 0.32rem;
+    color: #7b8a97;
+    ul {
+      @include display-flex;
+      @include align-items-center;
+      @include text-align;
+      @include justify-content-between;
+      li {
+        font-size: 0.3rem;
+        @include display-flex;
+        @include align-items-center;
+        .iconfont {
+          margin: 0 0.1rem 0 0;
+          font-size: 0.4rem;
+        }
+      }
+    }
+  }
+  .blue {
+    color: $main-color;
+    .iconfont {
+      color: $main-color;
+    }
+  }
+  .kehu {
+    @include display-flex;
+    @include align-items-center;
+    @include text-align;
+    @include justify-content-between;
+    border-bottom: 1px #e5e5e5 solid;
+    padding: 0 0 0.3rem 0.32rem;
+    .tx {
+      @include display-flex;
+      @include align-items-center;
+      img {
+        width: 1rem;
+        height: 1rem;
+        border-radius: 50%;
+        float: left;
+        margin: 0 0.3rem 0 0;
+      }
+      .right {
+        float: left;
+        text-align: left;
+        .name {
+          font-size: 0.34rem;
+          color: $title-color;
+          font-weight: 600;
+          margin-bottom: 0.1rem;
+          .yc {
+            background: #ff7979;
+            color: #fff;
+            height: 0.38rem;
+            line-height: 0.38rem;
+            font-size: 0.24rem;
+            width: 0.74rem;
+            border-radius: 4px;
+            display: inline-block;
+            text-align: center;
+            margin-left: 0.13rem;
+          }
+        }
+        .num {
+          font-size: 0.3rem;
+        }
+      }
+    }
+
+    .online {
+      text-align: center;
+      width: 50%;
+      border-left: 1px #e5e5e5 solid;
+      p {
+        background: #c6cdd2;
+        color: #fff;
+        width: 1.35rem;
+        height: 0.56rem;
+        line-height: 0.56rem;
+        border-radius: 4px;
+        margin: 0 auto;
+        font-size: 0.32rem;
+      }
+      .blue {
+        background: $main-color;
+      }
+      .red {
+        background: #f18f68;
+      }
+      .green {
+        background: #5bd18b;
+      }
+      .gray {
+        background: #a8b3ba;
+      }
+      .lightGray {
+        background: #c6cdd2;
+      }
+      .time {
+        font-size: 0.26rem;
+        color: #34495e;
+      }
+    }
+  }
+}
+.red {
+  border: 1px #ff7979 solid;
+}
+</style>
+

src/pages/main/RecordPage.vue

@@ -0,0 +1,141 @@
+<template>
+<div>
+    <van-row class="top_row">
+      <van-col :span="9">
+        <div>
+          <span class="title"> {{ $store.getters.user.org.org_short_name }} </span>
+        </div>
+      </van-col>
+      <van-col :span="6">
+        <div class="department">
+            <ul>
+                <li v-for="(item,i) in ['候诊室','透析区']" :key="i" :class="index == i? 'active':'' " @click="ClickTab(i)" >{{item}}</li> 
+            </ul>
+        </div>
+      </van-col>
+      <van-col :span="9">
+        <router-link to="/add_urgent_schedule">
+          <van-button size="small" type="info" class="add_schedule_btn">临时排班</van-button>
+        </router-link>
+        <div class="search">
+          <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" class="field">
+            <i class="iconfont" slot="left-icon">&#xe741;</i>
+            <van-button slot="button" size="small" type="info" style="border: none;" @click="searchWithKeyword">搜索</van-button>
+          </van-field>
+        </div>
+      </van-col>
+    </van-row>
+
+    <!-- <div class="top">
+        <div class="hospital">
+          <span class="title"> {{ $store.getters.user.org.org_short_name }} </span>
+        </div>
+        <div class="department">
+            <ul>
+                <li v-for="(item,i) in ['候诊室','透析区']" :key="i" :class="index == i? 'active':'' " @click="ClickTab(i)" >{{item}}</li> 
+            </ul>
+        </div>
+        <div class="search">
+          <van-field v-model="search_input" ref="search_field" placeholder="透析号/姓名" style="background-color: #ebf1f7; height: 0.6rem; line-height: 0.6rem; padding: 0 0 0 10px; border-radius: 30px;">
+            <i class="iconfont" slot="left-icon">&#xe741;</i>
+            <van-button slot="button" size="small" type="info" style="border: none;" @click="searchWithKeyword">搜索</van-button>
+          </van-field>
+        </div>
+        <van-button size="small" type="info">临时排班</van-button>
+    </div> -->
+    <div class="area">
+       <waiting-area v-show="index==0" title="候诊区" :search_keyword="search_keyword"></waiting-area>
+       <dialysis-area v-show="index==1" title="透析区" :search_keyword="search_keyword" @clear_search_keyword="clearKeyword"></dialysis-area>
+    </div>
+    
+</div>  
+</template>
+
+
+<script>
+import DialysisArea from "./DialysisArea";
+import WaitingArea from "./WaitingArea";
+import { Popover } from "vux";
+export default {
+  name: "RecordPage",
+  data() {
+    return {
+      index: 1,
+      search_input: "",
+      search_keyword: ""
+      // yyList: [
+      //   {
+      //     value: "0",
+      //     name: "济南医院"
+      //   },
+      //   {
+      //     value: "1",
+      //     name: "血透中心"
+      //   }
+      // ]
+    };
+  },
+  components: {
+    DialysisArea,
+    WaitingArea,
+    Popover
+    // Group,
+    // Cell
+  },
+  methods: {
+    ClickTab: function(tabIndex) {
+      this.index = tabIndex;
+    },
+    searchWithKeyword: function() {
+      this.$refs.search_field.blur();
+      this.search_keyword = this.search_input;
+    },
+    clearKeyword: function() {
+      this.search_input = "";
+      this.search_keyword = "";
+    }
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.top_row {
+  font-size: 0.3rem;
+  padding: 0.3rem 0.3rem;
+  border-bottom: 1px #e5e5e5 solid;
+  display: flex;
+  align-items: center;
+}
+.title {
+  font-size: 0.34rem;
+  font-weight: 600;
+  color: $title-color;
+}
+.department {
+  text-align: center;
+  ul {
+    li {
+      float: left;
+      font-size: 0.36rem;
+      margin: 0 0.2rem;
+      height: 0.64rem;
+      line-height: 0.64rem;
+      padding: 0 0.3rem;
+      color: $title-color;
+      &.active {
+        background: $main-color;
+        color: #fff;
+        border-radius: 30px;
+      }
+    }
+  }
+}
+
+.add_schedule_btn {
+  margin-left: 10px;
+  float: right;
+  background-color: #ff7978;
+  border: none;
+}
+</style>
+

src/pages/main/WaitingArea.vue

@@ -0,0 +1,272 @@
+<template>
+  <div>
+    <div class="screening">
+      <ul>
+       
+        <popover placement="bottom" >
+          <div slot="content" class="popover-demo-content">
+            <ul>
+              <li v-for="(option, index) in zone_options" :key="index" @click="handleZoneChange(index)" :class="zone_selected == index ? 'tick' : ''">{{ option.text }}</li>
+            </ul>
+          </div>
+          <li>{{ zone_options[zone_selected].text }}<span class="iconfont">&#xe74a;</span></li>
+        </popover>
+         <li v-for="(item,i) in menuList" :class="select_index == i ? 'active' : ''" @click="menuTabClick(i)" 
+        :key="i">{{ item.label + (item.count > 0 ? '(' + item.count + ')' : '') }}</li>
+      </ul>
+    </div>
+    <div class="stateBox ">
+      <!-- <patient-box class="clearfix" :patients="filtedScheduals "></patient-box> -->
+      <div v-for="(item, index) in filtedScheduals" :key="index">
+        <h2 class="title" >{{item.zone_name}}</h2>
+        <patient-box class="clearfix" :patients="item.scheduals"></patient-box>
+      </div>
+      <div class="NoData" v-show="filtedScheduals.length == 0"><img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt=""></div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+import PatientBox from "./PatientBox";
+import { getWaitingScheduals } from "@/api/dialysis";
+import { parseTime } from "@/utils";
+import { Popover } from "vux";
+
+export default {
+  name: "WaitingArea",
+  components: {
+    PatientBox,
+    Popover
+  },
+  data() {
+    return {
+      menuList: [
+        { value: "2", label: "透前称量", count: 0 },
+        { value: "3", label: "制定处方", count: 0 }
+      ],
+
+      select_index: -1,
+      zone_selected: 0,
+
+      scheduals: [],
+
+      zone_options: [{ value: 0, text: "全部分区" }],
+      zone_scheduals: []
+    };
+  },
+  props: {
+    search_keyword: {
+      type: String
+    }
+  },
+  computed: {
+    filtedScheduals: function() {
+      var search_keyword = this.search_keyword;
+      if (this.search_keyword.length > 0) {
+        var scheduals = [];
+        for (let index = 0; index < this.scheduals.length; index++) {
+          const schedual = this.scheduals[index];
+          if (
+            schedual.patient.name.indexOf(search_keyword) != -1 ||
+            schedual.patient.dialysis_no.indexOf(search_keyword) != -1
+          ) {
+            scheduals.push(schedual);
+          }
+        }
+        return this.processScheduals(scheduals);
+      }
+
+      if (this.zone_selected != 0) {
+        var zone_name = this.zone_options[this.zone_selected].text;
+        for (let index = 0; index < this.zone_scheduals.length; index++) {
+          const zone_scheduals = this.zone_scheduals[index];
+          if (zone_scheduals.zone_name == zone_name) {
+            return [zone_scheduals];
+          }
+        }
+      }
+
+      if (this.select_index == 0) {
+        // console.log("点击了第二个");
+        var scheduals = [];
+        for (let index = 0; index < this.scheduals.length; index++) {
+          const schedual = this.scheduals[index];
+          if (schedual.assessment_before_dislysis != null) {
+            scheduals.push(schedual);
+          }
+        }
+        return this.processScheduals(scheduals);
+        // return scheduals;
+      } else if (this.select_index == 1) {
+        // console.log("点击了第三个");
+        var scheduals = [];
+        for (let index = 0; index < this.scheduals.length; index++) {
+          const schedual = this.scheduals[index];
+          if (
+            schedual.assessment_before_dislysis == null &&
+            schedual.prescription != null
+          ) {
+            scheduals.push(schedual);
+          }
+        }
+        // return scheduals;
+        return this.processScheduals(scheduals);
+      } else {
+        return this.zone_scheduals;
+      }
+    }
+  },
+  created() {
+    this.requestScheduals();
+  },
+  methods: {
+    menuTabClick: function(tabIndex) {
+      this.select_index = tabIndex;
+      this.zone_selected = 0;
+    },
+    handleZoneChange: function(index) {
+      this.zone_selected = index;
+      this.select_index = -1;
+    },
+
+    requestScheduals() {
+      var date = parseTime(Date.parse(new Date()), "{y}-{m}-{d}");
+      getWaitingScheduals({ date: date }).then(rs => {
+        var resp = rs.data;
+        // console.log(resp);
+        if (resp.state == 1) {
+          var scheduals = resp.data.scheduals;
+          var totalCount = scheduals.length;
+          var prescription_count = 0;
+          var assessment_before_dislysis_count = 0;
+          for (let index = 0; index < scheduals.length; index++) {
+            const schedual = scheduals[index];
+            if (schedual.assessment_before_dislysis != null) {
+              assessment_before_dislysis_count += 1;
+            } else if (schedual.prescription != null) {
+              prescription_count += 1;
+            }
+          }
+          this.menuList[0].count = assessment_before_dislysis_count;
+          this.menuList[1].count = prescription_count;
+          this.scheduals = scheduals;
+
+          this.zone_options = this.makeZones(scheduals);
+          this.zone_scheduals = this.processScheduals(scheduals);
+        } else {
+          this.$toast({
+            message: resp.msg
+          });
+        }
+      });
+    },
+    makeZones: function(scheduals) {
+      var zoneMap = {};
+      for (let index = 0; index < scheduals.length; index++) {
+        const schedual = scheduals[index];
+        if (zoneMap[schedual.device_zone.id] == null) {
+          zoneMap[schedual.device_zone.id] = schedual.device_zone;
+        }
+      }
+
+      var zones = [];
+      zones.push({ value: 0, text: "全部分区" });
+      for (var zoneId in zoneMap) {
+        zones.push({ value: zoneMap[zoneId].id, text: zoneMap[zoneId].name });
+      }
+
+      zones = zones.sort(function(a, b) {
+        return a.id > b.id;
+      });
+      return zones;
+    },
+    processScheduals: function(scheduals) {
+      var zoneMap = {};
+      var schedualMap = {};
+      for (let index = 0; index < scheduals.length; index++) {
+        const schedual = scheduals[index];
+        if (schedualMap[schedual.device_zone.id] == null) {
+          schedualMap[schedual.device_zone.id] = [];
+        }
+        schedualMap[schedual.device_zone.id].push(schedual);
+        if (zoneMap[schedual.device_zone.id] == null) {
+          zoneMap[schedual.device_zone.id] = schedual.device_zone;
+        }
+      }
+
+      var zones = [];
+      // zones.push({ value: 0, text: "全部分区" })
+      for (var zoneId in zoneMap) {
+        zones.push({ id: zoneMap[zoneId].id, name: zoneMap[zoneId].name });
+      }
+
+      zones = zones.sort(function(a, b) {
+        return a.id > b.id;
+      });
+      // this.zones = zones
+
+      var zone_scheduals = [];
+      for (let index = 0; index < zones.length; index++) {
+        const zone = zones[index];
+        var scheduals = schedualMap[zone.id];
+        zone_scheduals.push({
+          zone_id: zone.id,
+          zone_name: zone.name,
+          scheduals: scheduals
+        });
+      }
+      // this.zone_scheduals = zone_scheduals;
+      return zone_scheduals;
+    }
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.screening {
+  border-bottom: 1px #e5e5e5 solid;
+  ul {
+    @include display-flex;
+    @include align-items-center;
+    @include text-align;
+    @include justify-content-between;
+    width: 60%;
+    margin: 0 auto;
+    font-size: 0.32rem;
+    color:$title-color;
+    li {
+      padding: 0.3rem 0;
+      .iconfont {
+        font-size: 0.32rem;
+        margin-left: 0.1rem;
+      }
+    }
+    .active {
+      position: relative;
+      &::before {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 2px;
+        background: $main-color;
+        // border-bottom: 0.04rem $main-color solid;
+        content: "";
+      }
+    }
+  }
+}
+.stateBox {
+  padding: 0.5rem 0 0 0.6rem;
+  .title {
+    font-size: 0.34rem;
+    color: #34495e;
+    font-weight: 600;
+    height: 0.9rem;
+    line-height: 0.9rem;
+    display: inline-block;
+  }
+}
+</style>
+

src/pages/main/add_urgent_schedule.vue

@@ -0,0 +1,401 @@
+<template>
+    <div class="mainBox">
+        <side-bar :active_index="0"></side-bar>
+        <div class="mainContent">
+            <div class="navigation">
+                <div class="goBack">
+                    <span class="back" @click="$router.back(-1)"><span class="iconfont">&#xe720;</span>返回</span>
+                </div>
+                <div class="nav">
+                    <span>临时排班</span>
+                </div>
+                <div class="goBack"></div>
+            </div>
+
+            <div class="form" v-loading="loading">
+                <van-row class="row">
+                    <van-col :span="24" class="danger_hint">
+                        本次临时排班会覆盖已有排班中的同班次、同床位的排班，请仔细检查后再提交
+                    </van-col>
+                </van-row>  
+                <van-row class="row">
+                    <van-col :span="9">
+                        <span class="title">日期：</span>
+                        <div class="field_panel">
+                            <van-field v-model="date" disabled class="field"></van-field>
+                        </div>
+                    </van-col>
+                </van-row>
+                <van-row class="row">
+                    <van-col :span="9">
+                        <span class="title">患者：</span>
+                        <div class="field_panel">
+                            <van-field ref="patient_field" @focus="selectPatientAction" :value="patient_name" class="field" left-icon="arrow-down"></van-field>
+                        </div>
+                    </van-col>
+                    <van-col :span="9">
+                        <span class="title">班次：</span>
+                        <div class="field_panel">
+                            <van-field ref="sch_type_field" @focus="selectSchTypeAction" :value="schedule_type_title" class="field" left-icon="arrow-down"></van-field>
+                        </div>
+                    </van-col>
+                </van-row>
+                <van-row class="row">
+                    <van-col :span="9">
+                        <span class="title">治疗模式：</span>
+                        <div class="field_panel">
+                            <van-field ref="mode_field" @focus="selectModeAction" :value="mode_name" class="field" left-icon="arrow-down"></van-field>
+                        </div>
+                    </van-col>
+                    <van-col :span="9">
+                        <span class="title">床位：</span>
+                        <div class="field_panel">
+                            <van-field ref="bed_field" @focus="selectBedAction" :value="bed_name" class="field" left-icon="arrow-down"></van-field>
+                        </div>
+                    </van-col>
+                </van-row>
+                <van-row class="row">
+                    <van-col :span="24">
+                        <span class="title">&nbsp;</span>
+                        <div class="field_panel">
+                            <van-button type="info" @click="submitAction">立即排班</van-button>
+                        </div>
+                    </van-col>
+                </van-row>
+            </div>
+        </div>
+
+        <van-popup v-model="show_patient_picker" position="bottom" class="popup">
+            <van-picker :columns="patients" value-key="name" @change="didChangePatient"></van-picker>
+        </van-popup>
+        <van-popup v-model="show_mode_picker" position="bottom" class="popup">
+            <van-picker :columns="modes" value-key="name" @change="didChangeMode"></van-picker>
+        </van-popup>
+        <van-popup v-model="show_bed_picker" position="bottom" class="popup">
+            <van-picker :columns="zone_device_options" value-key="number" @change="didChangeBed"></van-picker>
+        </van-popup>
+        <van-popup v-model="show_sch_type_picker" position="bottom" class="popup">
+            <van-picker :columns="schedule_types" value-key="text" @change="didChangeSchType" ></van-picker>
+        </van-popup>
+    </div>
+</template>
+
+<script>
+import SideBar from "@/pages/layout/SideBar";
+import { parseTime } from "@/utils"
+import { getUrgentScheduleInitData, postUrgentSchedule } from "@/api/dialysis"
+import { Toast, Dialog } from 'vant';
+
+export default {
+    name: "AddUrgentSchedule",
+    components: {
+        SideBar,
+    },
+    data() {
+        return {
+            loading: false,
+
+            date: "2019-09-09",
+            patient_id: 0,
+            mode_id: 0,
+            device_id: 0,
+            schedule_type: 1,
+            zone_name: "",
+
+            show_patient_picker: false,
+            show_mode_picker: false,
+            show_bed_picker: false,
+            show_sch_type_picker: false,
+
+            patients: [],
+            modes: [],
+            schedule_types: [
+                { value: 1, text: "上午" },
+                { value: 2, text: "下午" },
+                { value: 3, text: "晚上" },
+            ],
+
+            origin_device_numbers: [],
+            zone_device_map: {},
+            zone_names: [],
+            current_devices: [],
+            zone_device_options: [],
+
+            origin_schedules: [],
+        }
+    },
+    computed: {
+        patient_name: function() {
+            for (let index = 0; index < this.patients.length; index++) {
+                const patient = this.patients[index];
+                if (patient.id == this.patient_id) {
+                    return patient.name
+                }
+            }
+            return ""
+        },
+        mode_name: function() {
+            for (let index = 0; index < this.modes.length; index++) {
+                const mode = this.modes[index];
+                if (mode.id == this.mode_id) {
+                    return mode.name
+                }
+            }
+            return ""
+        },
+        bed_name: function() {
+            if (this.zone_name.length > 0 && this.device_id != 0) {
+                for (let index = 0; index < this.current_devices.length; index++) {
+                    const device_number = this.current_devices[index];
+                    if (device_number.id == this.device_id) {
+                        return device_number.zone.name + " - " + device_number.number
+                    }
+                }
+            }
+            return ""
+        },
+        schedule_type_title: function() {
+            for (let index = 0; index < this.schedule_types.length; index++) {
+                const type = this.schedule_types[index];
+                if (type.value == this.schedule_type) {
+                    return type.text
+                }
+            }
+            return ""
+        },
+    },
+    mounted() {
+        var today = new Date()
+        this.date = parseTime(today, "{y}-{m}-{d}")
+
+        var hour = today.getHours()
+        if (hour > 3 && hour < 11) {
+            this.schedule_type = 1
+        } else if (hour >= 11 && hour < 18) {
+            this.schedule_type = 2
+        } else {
+            this.schedule_type = 3
+        }
+
+        this.loading = true
+        getUrgentScheduleInitData().then(rs => {
+            this.loading = false
+            // console.log(rs.data.data)
+            if (rs.data.state == 1) {
+                this.origin_schedules = rs.data.data.schedules
+                this.patients = rs.data.data.patients
+                this.modes = rs.data.data.modes
+                this.origin_device_numbers = rs.data.data.device_numbers
+
+                if (this.patients.length > 0) {
+                    this.patient_id = this.patients[0].id
+                }
+                if (this.modes.length > 0) {
+                    this.mode_id = this.modes[0].id
+                }
+
+                var zone_device_map = {}
+                for (let index = 0; index < this.origin_device_numbers.length; index++) {
+                    const device_number = this.origin_device_numbers[index];
+                    if (zone_device_map[device_number.zone.name] == null || zone_device_map[device_number.zone.name] == undefined) {
+                        zone_device_map[device_number.zone.name] = []
+                    }
+                    zone_device_map[device_number.zone.name].push(device_number)
+                }
+                this.zone_device_map = zone_device_map
+
+                this.zone_names = Object.keys(this.zone_device_map)
+                if (this.zone_names.length > 0) {
+                    this.zone_name = this.zone_names[0]
+                    this.current_devices = this.zone_device_map[this.zone_name]
+                    this.device_id = this.current_devices[0].id
+                }
+                this.zone_device_options = [
+                    { values: this.zone_names },
+                    // { values: this.getDeviceNumberNames(this.current_devices) },
+                    { values: this.current_devices },
+                ]
+
+            } else {
+                Toast.fail(rs.data.msg)
+            }
+            
+
+        }).catch(err => {
+            this.loading = false
+            Toast.fail(err)
+        })
+    },
+    methods: {
+        // getDeviceNumberNames: function(device_numbers) {
+        //     var names = []
+        //     for (let index = 0; index < device_numbers.length; index++) {
+        //         const device_number = device_numbers[index];
+        //         names.push(device_number.number)
+        //     }
+        //     return names
+        // },
+
+        selectPatientAction: function() {
+            this.$refs.patient_field.blur()
+            this.show_patient_picker = true
+        },
+        selectModeAction: function() {
+            this.$refs.mode_field.blur()
+            this.show_mode_picker = true
+        },
+        selectBedAction: function() {
+            this.$refs.bed_field.blur()
+            this.show_bed_picker = true
+        },
+        selectSchTypeAction: function() {
+            this.$refs.sch_type_field.blur()
+            this.show_sch_type_picker = true
+        },
+
+        didChangePatient: function(picker, patient, index) {
+            this.patient_id = patient.id
+        },
+        didChangeMode: function(picker, mode, index) {
+            this.mode_id = mode.id
+        },
+        didChangeBed: function(picker, values, col_index) {
+            if (col_index == 0) {
+                this.zone_name = values[0]
+                this.current_devices = this.zone_device_map[this.zone_name]
+                this.device_id = this.current_devices[0].id
+
+                picker.setColumnValues(1, this.current_devices)
+
+            } else if (col_index == 1) {
+                this.device_id = values[1].id
+            }
+        },
+        didChangeSchType: function(picker, sch_type, index) {
+            this.schedule_type = sch_type.value
+        },
+
+        submitAction: function() {
+            if (this.patient_id == 0 || this.mode_id == 0 || this.device_id == 0) {
+                Toast.fail("请选择班次、床位等")
+                return
+            }
+
+            var repeated = false
+            for (let index = 0; index < this.origin_schedules.length; index++) {
+                const schedule = this.origin_schedules[index];
+                if (schedule.bed_id == this.device_id && this.schedule_type == schedule.schedule_type) {
+                    repeated = true
+                    break
+                }
+            }
+            if (repeated) {
+                Dialog.confirm({
+                    title: '提醒',
+                    message: '你选择的床位已经被排班，确认要替换吗？'
+                }).then(() => {
+                    // on confirm
+                    this.submit()
+                }).catch(() => {
+                    // on cancel
+                });
+            } else {
+                this.submit()
+            }
+        },
+        submit: function() {
+            var params = {
+                patient_id: this.patient_id,
+                mode: this.mode_id,
+                schedule_type: this.schedule_type,
+                bed: this.device_id,
+            }
+            this.loading = true
+            postUrgentSchedule(params).then(rs => {
+                this.loading = false
+                var resp = rs.data
+                if (resp.state == 1) {
+                    console.log(resp.data)
+                    var patient = resp.data.patient
+                    var schedule = resp.data.schedule
+                    this.$router.push({ path: "/details", query: {patient_id: patient.id, date: schedule.schedule_date, patient_name: patient.name}})
+
+                } else {
+                    Toast.fail(resp.msg)
+                }
+
+            }).catch(err => {
+                this.loading = false
+                Toast.fail("err")
+            })
+        }
+    }
+}
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.mainContent {
+    position: relative;
+    .navigation {
+        padding: 0.3rem 0.36rem;
+        border-bottom: 1px #e5e5e5 solid;
+        // position: fixed;
+        // top: 0;
+        // left:1.58rem;
+        // right: 0;
+        z-index: 100;
+        background: #fff;
+        .goBack {
+            float: left;
+            .back {
+                color: $main-color;
+                margin-right: 0.87rem;
+                .iconfont {
+                    color: $main-color;
+                }
+            }
+        }
+        .nav {
+            text-align: center;
+            font-size: 0.36rem;
+        }
+    }
+
+    .form {
+        padding: 10px 10px;
+        .row {
+            padding: 5px 0;
+            .title {
+                color: #8f8f8f;
+                margin-right: 5px;
+                text-align: right;
+                font-size: 16px;
+                line-height: 45px;
+                width: 80px;
+                float: left;
+            }
+            .field_panel {
+                display: inline-block;
+                .field {
+                    padding: 0 0; 
+                    font-size: 18px; 
+                    line-height: 45px;
+                    width: 180px;
+                }
+            }
+
+            .danger_hint {
+                font-size: 0.34rem;
+                line-height: 40px;
+                text-align: center;
+                color: red;
+            }
+        }
+    }
+}
+.popup {
+    border-radius: 0 !important;
+    top: initial !important;
+}
+</style>
+

src/pages/main/dialog/AcceptsDialog.vue

@@ -0,0 +1,215 @@
+<template>
+<div>
+    <div class="Dialog">
+        <div class="DialogTit">
+            <span class="iconfont" @click="close()">&#xe6e9;</span>
+            <h1 class="name">接诊评估</h1>
+            <span class="success" @click="commitInfo">完成</span>
+        </div>
+        <div class="DialogContent choose">
+            <el-form :model="receiveTreatmentAsses" label-width="90px">
+                <el-form-item label="入室方式 : ">
+                      <el-radio v-model="receiveTreatmentAsses.way" label="1">步行</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.way" label="2">扶行</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.way" label="3">轮椅</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.way" label="4">平车</el-radio>
+                    <!--</el-radio-group>-->
+                </el-form-item>
+                <el-form-item label="病人意识 : ">
+
+                  <el-radio v-model="receiveTreatmentAsses.consciousness" label="1">清醒</el-radio>
+                  <el-radio v-model="receiveTreatmentAsses.consciousness" label="2">嗜睡</el-radio>
+                  <el-radio v-model="receiveTreatmentAsses.consciousness" label="3">昏迷</el-radio>
+
+                </el-form-item>
+                <el-form-item label="病人食欲 : ">
+                      <el-radio v-model="receiveTreatmentAsses.appetite" label="1">正常</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.appetite" label="2">减退</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.appetite" label="3">恶心</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.appetite" label="4">呕吐</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.appetite" label="5">腹泻</el-radio>
+                </el-form-item>
+                 <el-form-item label="病人情况 : ">
+                      <el-radio v-model="receiveTreatmentAsses.condition" label="1">住院</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.condition" label="2">门诊</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.condition" label="3">手术期</el-radio>
+                </el-form-item>
+                <el-form-item label="体位 : ">
+                      <el-radio v-model="receiveTreatmentAsses.posture" label="1">自动体位</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.posture" label="2">平卧位</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.posture" label="3">半卧位</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.posture" label="4">端坐位</el-radio>
+                      <el-radio v-model="receiveTreatmentAsses.posture" label="5">躁动不安</el-radio>
+                </el-form-item>
+            </el-form>
+            <!-- <div class="button">
+              <button @click="commitInfo" class="submitButton">提交</button>
+          </div> -->
+        </div>
+        <!-- <div class="footer">
+            处方医生：刘小军 医生
+        </div> -->
+    </div>
+</div>
+</template>
+
+<script>
+import { commitAcceptsAssessment, getLastAccepts } from "@/api/dialysis";
+import { Toast } from "vant";
+
+export default {
+  name: "AcceptsDialog",
+  data() {
+    return {
+      receiveTreatmentAsses: {
+        way: "1",
+        consciousness: "1",
+        appetite: "1",
+        condition: "1",
+        posture: "1"
+      },
+      patient: {
+        id: 0
+      },
+      record_date: ""
+    };
+  },
+  props: {
+    accepts: {
+      type: Object
+    },
+    patient_prop: {
+      type: Object
+    }
+  },
+  created() {
+    if (this.accepts == null || this.accepts.id == "") {
+      let ParamsQuery = {};
+      ParamsQuery["patient"] = this.$route.query.patient_id;
+      getLastAccepts(ParamsQuery).then(response => {
+        if (response.data.state == 0) {
+          return false;
+        } else {
+          for (const key in response.data.data.receiveTreatmentAsses) {
+            this.accepts[key] = response.data.data.receiveTreatmentAsses[key];
+            this.receiveTreatmentAsses.way = this.accepts.way + "";
+            this.receiveTreatmentAsses.consciousness =
+              this.accepts.consciousness + "";
+            this.receiveTreatmentAsses.appetite = this.accepts.appetite + "";
+            this.receiveTreatmentAsses.condition = this.accepts.condition + "";
+            this.receiveTreatmentAsses.posture = this.accepts.posture + "";
+          }
+        }
+      });
+    } else {
+      if (
+        this.accepts.way == 0 &&
+        this.accepts.consciousness == 0 &&
+        this.accepts.appetite == 0 &&
+        this.accepts.condition == 0 &&
+        this.accepts.posture == 0
+      ) {
+        let ParamsQuery = {};
+        ParamsQuery["patient"] = this.$route.query.patient_id;
+        getLastAccepts(ParamsQuery).then(response => {
+          if (response.data.state == 0) {
+            return false;
+          } else {
+            for (const key in response.data.data.receiveTreatmentAsses) {
+              this.accepts[key] = response.data.data.receiveTreatmentAsses[key];
+              this.receiveTreatmentAsses.way = this.accepts.way + "";
+              this.receiveTreatmentAsses.consciousness =
+                this.accepts.consciousness + "";
+              this.receiveTreatmentAsses.appetite = this.accepts.appetite + "";
+              this.receiveTreatmentAsses.condition =
+                this.accepts.condition + "";
+              this.receiveTreatmentAsses.posture = this.accepts.posture + "";
+            }
+          }
+        });
+      } else {
+        this.receiveTreatmentAsses.way = this.accepts.way + "";
+        this.receiveTreatmentAsses.consciousness =
+          this.accepts.consciousness + "";
+        this.receiveTreatmentAsses.appetite = this.accepts.appetite + "";
+        this.receiveTreatmentAsses.condition = this.accepts.condition + "";
+        this.receiveTreatmentAsses.posture = this.accepts.posture + "";
+      }
+    }
+
+    var date = this.$route.query && this.$route.query.date;
+    date *= 1000;
+    var newDate = new Date(date);
+
+    var y = newDate.getFullYear();
+    var m = newDate.getMonth() + 1;
+    var d = newDate.getDate();
+    if (isNaN(y) || isNaN(m) || isNaN(d)) {
+      newDate = new Date();
+      y = newDate.getFullYear();
+      m = newDate.getMonth() + 1;
+      d = newDate.getDate();
+    }
+    this.record_date =
+      y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
+    this.patient.id = this.patient_prop.id;
+  },
+  methods: {
+    commitInfo: function() {
+      Toast.loading({ forbidClick: true, duration: 0 });
+      let ParamsQuery = this.receiveTreatmentAsses;
+      // ParamsQuery["patient"] =  this.patient.id
+      ParamsQuery["patient"] = this.$route.query.patient_id;
+      ParamsQuery["record_date"] = this.record_date;
+
+      commitAcceptsAssessment(ParamsQuery).then(response => {
+        if (response.data.state == 0) {
+          Toast.fail(response.data.msg);
+          return false;
+        } else {
+          Toast.success("提交成功");
+          for (const key in response.data.data.receiveTreatmentAsses) {
+            this.accepts[key] = response.data.data.receiveTreatmentAsses[key];
+          }
+          this.finish();
+        }
+      });
+    },
+    finish: function() {
+      this.$emit("finish");
+    },
+    close: function() {
+      this.$emit("close");
+    }
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss"  scoped>
+.choose {
+  .el-form-item {
+    margin-bottom: 0;
+    border-bottom: 1px #e5e5e5 solid;
+    padding: 0.15rem 0.36rem;
+    .el-radio {
+      font-size: 18px;
+    }
+    
+  }
+  .button {
+    text-align: center;
+    margin-top: 1rem;
+    .submitButton {
+      width: 3rem;
+      height: 0.8rem;
+      line-height: 0.8rem;
+      background: $main-color;
+      color: #fff;
+      font-size: 0.3rem;
+      text-align: center;
+      border-radius: 6px;
+    }
+  }
+}
+</style>
+

src/pages/main/dialog/AssessmentDialog.vue

@@ -0,0 +1,641 @@
+<template>
+  <div>
+    <div v-if="isShowDialog" class="Dialog">
+      <div class="DialogTit">
+        <span class="iconfont" @click="close()">&#xe6e9;</span>
+        <h1 class="name">透前评估</h1>
+        <span @click="commitInfo" class="success">完成</span>
+      </div>
+
+      <div class="DialogContent" id="dialogTop">
+        <div class="item">
+          <h2 class="name">透前体重(kg)</h2>
+          <div class="content">
+            <input type="tel" @focus="inputFocus" v-model="formValue.weight_before"/>
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">干体重(kg)</h2>
+          <div class="content">
+            <input type="tel" @focus="inputFocus" v-model="formValue.dry_weight"/>
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">体温(℃)</h2>
+          <div class="content">
+            <input type="tel" @focus="inputFocus" v-model="formValue.temperature"/>
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">出血</h2>
+          <div class="content">
+            <span class="text" style="width: 50px;"><div style="padding-top: 0.08rem; height: 0.8rem;"><van-switch v-model="hemorrhage_state" @change="hemorrhageStateChange" /></div></span>
+          </div>
+        </div>
+        <div @click="showSubMenu('hemorrhage')" class="item" ref="hemorrhage" v-show="hemorrhage_state">
+          <h2 class="name">—— 出血选项</h2>
+          <div class="content">
+            <span class="text" style="width: 50px">{{formValue.hemorrhage}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div class="item" v-show="hemorrhage_state">
+          <h2 class="name">—— 其他出血情况</h2>
+          <div class="content">
+            <input @focus="inputFocus" v-model="formValue.hemorrhage_other"/>
+          </div>
+        </div>
+        <div @click="showSubMenu('internal_fistula')" class="item" ref="internal_fistula">
+          <h2 class="name">内瘘</h2>
+          <div class="content">
+            <span class="text" style="width: 100px">{{formValue.internal_fistula}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div @click="showSubMenu('internal_fistula_skin')" class="item" ref="internal_fistula_skin">
+          <h2 class="name">内瘘皮肤情况</h2>
+          <div class="content">
+            <span class="text" style="width: 100px">{{formValue.internal_fistula_skin}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div @click="showSubMenu('catheter')" class="item" ref="catheter">
+          <h2 class="name">导管</h2>
+          <div class="content">
+            <span class="text" >{{formValue.catheter}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div @click="showSubMenu('catheter_bend')" class="item" ref="catheter_bend">
+          <h2 class="name">导管打折</h2>
+          <div class="content">
+            <span class="text" >{{GetCatheterBendById(formValue.catheter_bend)}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+
+        <div class="line"></div>
+        <div class="item">
+          <h2 class="name">收缩压(mmHg)</h2>
+          <div class="content">
+            <input type="tel" @focus="inputFocus" v-model="formValue.systolic_blood_pressure"/>
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">舒张压(mmHg)</h2>
+          <div class="content">
+            <input type="tel" @focus="inputFocus" v-model="formValue.diastolic_blood_pressure"/>
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">脉率(次/分)</h2>
+          <div class="content">
+            <input type="tel" @focus="inputFocus" v-model="formValue.pulse_frequency"/>
+          </div>
+        </div>
+        <div @click="showSubMenu('blood_access_part')" class="item" ref="blood_access_part">
+          <h2 class="name" >血管通路部位</h2>
+          <div class="content">
+            <span class="text">{{QueryPartById(formValue.blood_access_part_id)}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div @click="showSubMenu('blood_access_opera')" class="item" ref="blood_access_opera">
+          <h2 class="name">血管通路操作</h2>
+          <div class="content">
+            <span class="text">{{QueryOperaById(formValue.blood_access_part_opera_id)}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div class="line"></div>
+
+        <div @click="showSubMenu('complication')" class="item" ref="complication">
+          <h2 class="name">并发症</h2>
+          <div class="content">
+            <span class="text" style="width: 50px">{{formValue.complication}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div @click="showSubMenu('last_post_dialysis')" class="item" ref="last_post_dialysis">
+          <h2 class="name">前次透析后</h2>
+          <div class="content">
+            <span class="text" style="width: 100px">{{formValue.last_post_dialysis}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div @click="showSubMenu('dialysis_interphase')" class="item" ref="dialysis_interphase">
+          <h2 class="name">透析期间</h2>
+          <div class="content">
+            <span class="text" style="width: 100px">{{formValue.dialysis_interphase}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div @click="showSubMenu('symptom_before_dialysis')" class="item" ref="symptom_before_dialysis">
+          <h2 class="name">透析前症状</h2>
+          <div class="content">
+            <span class="text" style="width: 100px">{{formValue.symptom_before_dialysis}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+
+        <div class="line"></div>
+        <div>
+          <div class="item">
+            <h2 class="name">备注</h2>
+            <div class="content">
+              <span class="text"></span>
+            </div>
+          </div>
+          <textarea class="textarea" placeholder="请输入内容" @focus="lastInputFocus" @blur="lastInputBlur" v-model="formValue.remark"></textarea>
+        </div>
+      </div>
+
+    </div>
+    <!--<two-menu title="二级菜单" v-show="true" ></two-menu>-->
+    <check-box-sub-menu :visibility="visibility" v-on:menu-cancle="menuCancle" v-on:menu-comfirm="menuComfirm"
+                        :propsForm="propForm"></check-box-sub-menu>
+  </div>
+</template>
+
+<script>
+  // import TwoMenu from "./TwoMenu";
+  import CheckBoxSubMenu from "./subMenu/checkBoxSubMenu";
+  import {EditAssessmentBeforeDislysis} from '@/api/patient';
+  import { Toast } from 'vant';
+  import {getDataConfig} from '@/utils/data';
+
+
+
+  export default {
+    name: "PrescriptionDialog",
+    props: {
+      patient_prop: {
+        type: Object,
+      },
+      predialysis: {
+        type: Object,
+      },
+      last_predialysis: {
+        type: Object,
+      },
+    },
+    data() {
+      return {
+        isShowDialog: true,
+        //sub menu prop
+        visibility: false,
+        propForm: {
+          title: '',
+          list: [],
+          optionList: [],
+          isMultiple: 2,
+          result: [], //选中的值
+          type: 1, //用来区分不同子菜单，方便对返回值进行赋值
+          selectId: 0,
+        },
+        hemorrhage_state: false,
+
+        formValue: {
+          weight_before: '',
+          dry_weight: '',
+          temperature: '',
+          systolic_blood_pressure: '',
+          diastolic_blood_pressure: '',
+          symptom_before_dialysis:'',
+          pulse_frequency: '',
+          last_post_dialysis:'',
+          dialysis_interphase:'',
+          catheter: '',
+          catheter_bend: 2,
+          complication: '',
+          remark: '',
+          blood_access_part_id: '',
+          blood_access_part_opera_id: '',
+          internal_fistula: '',
+          internal_fistula_skin: "",
+          is_hemorrhage: 1,
+          hemorrhage: "",
+          hemorrhage_other: "",
+        },
+
+        record_date:''
+
+
+      };
+    },
+    methods: {
+      hemorrhageStateChange: function(is_select) {
+        this.formValue.is_hemorrhage = is_select == true ? 1 : 2
+      },
+      inputFocus: function(event) {
+        var input = event.target
+        setTimeout(function () {
+          input.scrollIntoView()
+        }, 0);
+        
+        if (input.setSelectionRange) {
+          setTimeout(function () {
+              input.setSelectionRange(0, input.value.length);
+          }, 0);
+        } else if (input.createTextRange) {
+            var rng = input.createTextRange();
+            rng.move('character', input.value.length);
+            rng.select();
+        }
+      },
+      lastInputFocus: function(event) {
+        var input = event.target
+        setTimeout(function () {
+          input.style.marginBottom = "2rem"
+          input.parentNode.scrollIntoView()
+        }, 0);
+      },
+      lastInputBlur: function(event) {
+        var input = event.target
+        setTimeout(function () {
+          input.style.marginBottom = ""
+        }, 0);
+      },
+      showSubMenu: function (val) {
+        switch (val) {
+          case 'last_post_dialysis':
+            this.propForm.result = []
+
+            this.propForm.type = 1
+            this.isShowDialog = false
+            this.propForm.title = '前次透析后'
+            this.visibility = true
+            this.propForm.list = getDataConfig('hemodialysis','last_dialysis_after')
+            this.propForm.optionList = []
+            this.propForm.isMultiple = 2
+            if (this.formValue.last_post_dialysis != undefined || this.formValue.last_post_dialysis != null) {
+              if (this.formValue.last_post_dialysis.length > 0) {
+                this.propForm.result = this.formValue.last_post_dialysis.split(",")
+
+              } else {
+                this.propForm.result = []
+              }
+
+            } else {
+              this.propForm.result = []
+            }
+            
+            this.propForm.click_ref = "last_post_dialysis"
+
+            break
+          case 'dialysis_interphase':
+            this.propForm.result = []
+
+            this.propForm.type = 2
+            this.isShowDialog = false
+            this.propForm.title = '透析期间'
+            this.visibility = true
+            this.propForm.list = getDataConfig('hemodialysis','dialysis_duration')
+            this.propForm.optionList = []
+            this.propForm.isMultiple = 2
+            if (this.formValue.dialysis_interphase != undefined || this.formValue.dialysis_interphase != null) {
+              if (this.formValue.dialysis_interphase.length > 0) {
+                this.propForm.result = this.formValue.dialysis_interphase.split(",")
+              } else {
+                this.propForm.result = []
+              }
+            } else {
+              this.propForm.result = []
+            }
+            this.propForm.click_ref = "dialysis_interphase"
+            break
+
+          case 'symptom_before_dialysis':
+            this.propForm.result = []
+
+            this.propForm.type = 3
+            this.isShowDialog = false
+            this.propForm.title = '透析前症状'
+            this.visibility = true
+            this.propForm.list = getDataConfig('hemodialysis','dialysis_before')
+            this.propForm.optionList = []
+            this.propForm.isMultiple = 2
+            if (this.formValue.symptom_before_dialysis != undefined || this.formValue.symptom_before_dialysis != null) {
+              if (this.formValue.symptom_before_dialysis.length > 0) {
+                this.propForm.result = this.formValue.symptom_before_dialysis.split(",")
+              } else {
+                this.propForm.result = []
+              }
+            } else {
+              this.propForm.result = []
+            }
+            this.propForm.click_ref = "symptom_before_dialysis"
+            break
+
+          case 'catheter':
+            this.propForm.result = []
+
+            this.propForm.type = 4
+            this.isShowDialog = false
+            this.propForm.title = '导管'
+            this.visibility = true
+            this.propForm.list = getDataConfig('hemodialysis','catheter')
+            this.propForm.optionList = []
+            this.propForm.isMultiple = 2
+            if (this.formValue.catheter != undefined || this.formValue.catheter != null) {
+              if (this.formValue.catheter.length > 0) {
+                this.propForm.result = this.formValue.catheter.split(",")
+              } else {
+                this.propForm.result = []
+              }
+            } else {
+              this.propForm.result = []
+            }
+            
+            this.propForm.click_ref = "catheter"
+
+            break
+          case 'complication':
+            this.propForm.result = []
+
+            this.propForm.type = 5
+            this.isShowDialog = false
+            this.propForm.title = '并发症'
+            this.visibility = true
+            this.propForm.list = getDataConfig('hemodialysis','complication')
+            this.propForm.optionList = []
+            this.propForm.isMultiple = 2
+            // this.propForm.result = this.formValue.complication.split(",")
+            if (this.formValue.complication != undefined || this.formValue.complication != null) {
+              if (this.formValue.complication.length > 0) {
+                this.propForm.result = this.formValue.complication.split(",")
+              } else {
+                this.propForm.result = []
+              }
+            } else {
+              this.propForm.result = []
+            }
+            
+            this.propForm.click_ref = "complication"
+            break
+
+          case 'blood_access_part':
+            this.propForm.type = 6
+            this.isShowDialog = false
+            this.propForm.title = '血管通路部位'
+            this.visibility = true
+            this.propForm.list = []
+            this.propForm.optionList = getDataConfig('hemodialysis','vascular_access')
+            this.propForm.isMultiple = 1
+            this.propForm.selectId = this.formValue.blood_access_part_id
+            this.propForm.click_ref = "blood_access_part"
+            break
+
+          case 'blood_access_opera':
+            this.propForm.type = 7
+            this.isShowDialog = false
+            this.propForm.title = '血管通路操作'
+            this.visibility = true
+            this.propForm.list = []
+            this.propForm.optionList = getDataConfig('hemodialysis','vascular_access_desc')
+            this.propForm.isMultiple = 1
+            this.propForm.selectId = this.formValue.blood_access_part_opera_id
+            this.propForm.click_ref = "blood_access_opera"
+            break
+
+          case 'internal_fistula':
+            this.propForm.result = []
+
+            this.propForm.type = 8
+            this.isShowDialog = false
+            this.propForm.title = '内萎'
+            this.visibility = true
+            this.propForm.list = getDataConfig('hemodialysis','internal_fistula')
+            this.propForm.optionList = []
+            this.propForm.isMultiple = 2
+            // this.propForm.result = this.formValue.internal_fistula.split(",")
+            if (this.formValue.internal_fistula != undefined || this.formValue.internal_fistula != null) {
+              if (this.formValue.internal_fistula.length > 0) {
+                this.propForm.result = this.formValue.internal_fistula.split(",")
+              } else {
+                this.propForm.result = []
+              }
+            } else {
+              this.propForm.result = []
+            }
+            this.propForm.click_ref = "internal_fistula"
+            break
+
+          case "hemorrhage":
+            this.propForm.result = []
+
+            this.propForm.type = 9
+            this.isShowDialog = false
+            this.propForm.title = '出血'
+            this.visibility = true
+            this.propForm.list = getDataConfig('hemodialysis','hemorrhage')
+            this.propForm.optionList = []
+            this.propForm.isMultiple = 2
+            // this.propForm.result = typeof(this.formValue.hemorrhage) == "string"? this.formValue.hemorrhage.split(","):[]
+            if (this.formValue.hemorrhage != undefined || this.formValue.hemorrhage != null) {
+              if (this.formValue.hemorrhage.length > 0) {
+                this.propForm.result = this.formValue.hemorrhage.split(",")
+              } else {
+                this.propForm.result = []
+              }
+            } else {
+              this.propForm.result = []
+            }
+            this.propForm.click_ref = "hemorrhage"
+            break
+          case "internal_fistula_skin":
+            this.propForm.result = []
+
+            this.propForm.type = 10
+            this.isShowDialog = false
+            this.propForm.title = '内瘘皮肤情况'
+            this.visibility = true
+            this.propForm.list = this.$store.getters.internal_fistula_skin
+            this.propForm.optionList = []
+            this.propForm.isMultiple = 2
+            // this.propForm.result = this.formValue.hemorrhage.split(",")
+            if (this.formValue.internal_fistula_skin != undefined || this.formValue.internal_fistula_skin != null) {
+              if (this.formValue.internal_fistula_skin.length > 0) {
+                this.propForm.result = this.formValue.internal_fistula_skin.split(",")
+              } else {
+                this.propForm.result = []
+              }
+            } else {
+              this.propForm.result = []
+            }
+            this.propForm.click_ref = "internal_fistula_skin"
+            break
+
+          case 'catheter_bend':
+            this.propForm.type = 11
+            this.isShowDialog = false
+            this.propForm.title = '导管打折'
+            this.visibility = true
+            this.propForm.list = []
+            this.propForm.optionList = this.$store.getters.catheter_bend
+            this.propForm.isMultiple = 1
+            this.propForm.selectId = this.formValue.catheter_bend
+            this.propForm.click_ref = "catheter_bend"
+            break
+        }
+
+      }, menuCancle: function () {
+        this.visibility = false
+        this.isShowDialog = true
+        this.$nextTick( () => {
+          if (this.$refs[this.propForm.click_ref] != undefined && this.$refs[this.propForm.click_ref] != null) {
+            this.$refs[this.propForm.click_ref].scrollIntoView()
+          }
+        })
+
+      }, menuComfirm: function (val) {
+        this.visibility = false
+        this.isShowDialog = true
+        this.$nextTick( () => {
+          if (this.$refs[this.propForm.click_ref] != undefined && this.$refs[this.propForm.click_ref] != null) {
+            this.$refs[this.propForm.click_ref].scrollIntoView()
+          }
+        })
+        switch (val.type) {
+          case 1:
+            this.formValue.last_post_dialysis = val.result.join(',')
+            break
+          case 2:
+            this.formValue.dialysis_interphase = val.result.join(',')
+            break
+
+          case 3:
+            this.formValue.symptom_before_dialysis = val.result.join(',')
+            break
+          case 4:
+            this.formValue.catheter = val.result.join(',')
+            break
+          case 5:
+            this.formValue.complication = val.result.join(',')
+            break
+          case 6:
+            this.formValue.blood_access_part_id = val.selectId
+            break
+          case 7:
+            this.formValue.blood_access_part_opera_id = val.selectId
+            break
+          case 8:
+            this.formValue.internal_fistula = val.result.join(',')
+            break
+          case 9:
+            this.formValue.hemorrhage = val.result.join(',')
+            break
+          case 10:
+            this.formValue.internal_fistula_skin = val.result.join(",")
+            break
+          case 11:
+            this.formValue.catheter_bend = val.selectId
+            break
+        }
+
+      }, QueryPartById: function (val) {
+        let vascular_access_part_name = ''
+        let vascular_access = getDataConfig('hemodialysis','vascular_access')
+
+        for (let i = 0; i < vascular_access.length; i++) {
+          if (vascular_access[i].id == val) {
+            vascular_access_part_name = vascular_access[i].name
+          }
+        }
+        return  vascular_access_part_name
+
+      }, QueryOperaById: function (val) {
+        let vascular_access_desc_name = ''
+        let vascular_access_desc = getDataConfig('hemodialysis','vascular_access_desc')
+        for (let i = 0; i < vascular_access_desc.length; i++) {
+          if (vascular_access_desc[i].id == val) {
+            vascular_access_desc_name = vascular_access_desc[i].name
+          }
+        }
+
+        return vascular_access_desc_name
+
+      },
+      GetCatheterBendById: function (val) {
+        let name = "";
+        let options = this.$store.getters.catheter_bend;
+        for (let index = 0; index < options.length; index++) {
+          const option = options[index];
+          if (option.id == val) {
+            name = option.name
+            break
+          }
+        }
+        return name
+      },
+      commitInfo:function () {
+        Toast.loading({forbidClick: true, duration: 0})
+        EditAssessmentBeforeDislysis(this.$route.query.patient_id,  this.record_date, this.formValue).then(response=>{
+          if (response.data.state == 0) {
+            Toast(response.data.msg);
+            return false;
+          } else {
+            Toast("提交完成");
+            this.$emit('evaluation', response.data.data.evaluation);
+          }
+        });
+      },
+      close: function() {
+        this.$emit("close")
+      }, open:function(){
+        this.isShowDialog = true;
+        this.visibility = false;
+        var dialogTop = document.querySelector('#dialogTop');
+        if (dialogTop != null) {
+          this.$nextTick(() => {
+              dialogTop.scrollTop = 0;
+          });
+        }
+      }
+    }, components: {
+      CheckBoxSubMenu,
+
+    }, created(){
+
+      var date = this.$route.query && this.$route.query.date;
+      date *= 1000;
+      var newDate = new Date(date);
+
+      var y = newDate.getFullYear();
+      var m = newDate.getMonth() + 1;
+      var d = newDate.getDate();
+      if (isNaN(y) || isNaN(m) || isNaN(d)) {
+        newDate = new Date();
+        y = newDate.getFullYear();
+        m = newDate.getMonth() + 1;
+        d = newDate.getDate();
+      }
+      this.record_date = y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
+      // console.log(this.predialysis)
+      this.formValue = this.predialysis
+      if (this.predialysis.id == undefined && this.last_predialysis.id != undefined) {
+        this.$set(this.formValue, "dry_weight", this.last_predialysis["dry_weight"])
+        this.$set(this.formValue, "internal_fistula", this.last_predialysis["internal_fistula"])
+        this.$set(this.formValue, "internal_fistula_skin", this.last_predialysis["internal_fistula_skin"])
+        this.$set(this.formValue, "blood_access_part_id", this.last_predialysis["blood_access_part_id"])
+        this.$set(this.formValue, "blood_access_part_opera_id", this.last_predialysis["blood_access_part_opera_id"])
+      }
+      this.hemorrhage_state = this.formValue.is_hemorrhage == 1
+    }
+  };
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+  .textarea {
+  width: 100%;
+  height: 2.4rem;
+  line-height: 0.6rem;
+  color: $pgh-color;
+  font-size: 0.28rem;
+  padding-left: 0.36rem;
+  border: none;
+  border-bottom: 1px #e5e5e5 solid;
+  }
+ 
+</style>
+

src/pages/main/dialog/ComputerDialog.vue

@@ -0,0 +1,191 @@
+<template>
+ <div>
+    <div class="Dialog" v-show="!selecting">
+        <div class="DialogTit">
+            <span @click="close()" class="iconfont">&#xe6e9;</span>
+            <h1 class="name">透析上机</h1>
+            <span class="success"></span>
+        </div>
+
+        <div class="DialogContent ">
+          <div class="item" @click="select_bed">
+            <h2 class="name">上机床位</h2>
+            <div class="content">
+              <span class="text" style="width: 100px">{{ device_number_map[bed_id].number }}</span>
+              <span class="iconfont">&#xe6f9;</span>
+            </div>
+          </div>
+          <div class="item" @click="select_nurse">
+            <h2 class="name">上机护士</h2>
+            <div class="content">
+              <span class="text" style="width: 100px">{{ admin_map[nurse_id].name }}</span>
+              <span class="iconfont">&#xe6f9;</span>
+            </div>
+          </div>
+          <div class="perform">
+              <!-- <p class="crew">上机人员 : <span>黄海燕 护士</span></p> -->
+              <!-- <button>执行上机</button> -->
+              <button @click="commitInfo" v-if="(record == null || record.id == '')">执行上机</button>
+            <button :disabled="true" style="background-color:lightgray;" v-else>已上机</button>
+          </div>
+        </div>
+    </div>
+
+    <two-menu ref="selector"></two-menu>
+  </div>
+</template>
+
+<script>
+import { startDialysis } from "@/api/dialysis";
+import { Toast } from 'vant';
+import TwoMenu from './TwoMenu'
+
+export default {
+  name: "ComputerDialog",
+  components: {
+    TwoMenu
+  },
+  data() {
+    return {
+      selecting: false,
+
+      bed_id: 0,
+      nurse_id: 0,
+      zone_beds: [], // 该排班的区里的床位
+    }
+  },
+  props:{
+    schedule: {
+      type: Object,
+    },
+    patient_prop: {
+      type: Object,
+    },
+    record: {
+      type: Object,
+    },
+    admins: {
+      type: Array,
+    },
+    device_numbers: {
+      type: Array,
+    },
+    admin_map: {
+      type: Object,
+    },
+    device_number_map: {
+      type: Object,
+    },
+  },
+  created(){
+    var date = this.$route.query && this.$route.query.date;
+    date *= 1000;
+    var newDate = new Date(date);
+    var y = newDate.getFullYear();
+    var m = newDate.getMonth() + 1;
+    var d = newDate.getDate();
+    if (isNaN(y) || isNaN(m) || isNaN(d)) {
+      newDate = new Date();
+      y = newDate.getFullYear();
+      m = newDate.getMonth() + 1;
+      d = newDate.getDate();
+    }
+    this.record_date = y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
+
+    this.bed_id = (this.record == null || this.record.id == '') ? this.schedule.bed_id : this.record.bed_id
+    this.nurse_id = (this.record == null || this.record.id == '') ? this.$store.getters.user.user.id : this.record.start_nurse
+
+    var beds = []
+    for (let index = 0; index < this.device_numbers.length; index++) {
+      const device_number = this.device_numbers[index];
+      if (device_number.zone_id == this.schedule.partition_id) {
+        beds.push(device_number)
+      }
+    }
+    this.zone_beds = beds
+  },
+  methods: {
+    commitInfo: function () {
+      Toast.loading({forbidClick: true, duration: 0})
+      let ParamsQuery = {}
+      ParamsQuery['patient_id'] = this.patient_prop.id
+      ParamsQuery['record_date'] = this.record_date
+      ParamsQuery["nurse"] = this.nurse_id
+      ParamsQuery["bed"] = this.bed_id
+
+
+      startDialysis(ParamsQuery).then(response => {
+        if (response.data.state == 0) {
+          Toast.fail(response.data.msg);
+          return false;
+        } else {
+          Toast.success("上机成功");
+          this.$emit('did_start', response.data.data.dialysis_order);
+          var record = this.record
+          for (const key in response.data.data.dialysis_order) {
+            this.$set(record, key, response.data.data.dialysis_order[key])
+            // this.record[key] = response.data.data.dialysis_order[key]
+          }
+        }
+      });
+    },
+    close: function() {
+      this.$emit('close')
+    },
+    select_bed: function() {
+      if (this.record.id != 0) {
+        return
+      }
+      this.selecting = true
+      var t = this
+      this.$refs.selector.showSingleSelect(this.zone_beds, this.bed_id, "选择床位号", "number", "id", function(select_id) {
+        t.bed_id = select_id
+      }, function() {
+        t.selecting = false
+      })
+    },
+    select_nurse: function() {
+      if (this.record.id != 0) {
+        return
+      }
+      this.selecting = true
+      var t = this
+      this.$refs.selector.showSingleSelect(this.admins, this.nurse_id, "选择上机护士", "name", "id", function(select_id) {
+        console.log("nurse id: ", select_id)
+        t.nurse_id = select_id
+      }, function() {
+        t.selecting = false
+      })
+    },
+    open:function(){
+      this.selecting = false;
+      this.$refs.selector.hide();
+    }
+  }
+
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+
+.perform{
+  text-align: center;
+  font-size: 0.3rem;
+  padding-top: 2rem;
+  .crew{
+    color: $pgh-color;
+  }
+  button{
+    background:$main-color;
+    color: #fff;
+    font-size: 0.3rem;
+    text-align:center;
+    width: 3rem;
+    height: 0.7rem;
+    line-height: 0.7rem;
+    border-radius:4px;
+    margin-top:10px;
+  }
+}
+</style>
+

src/pages/main/dialog/DoubleDialog.vue

@@ -0,0 +1,315 @@
+<template>
+  <div>
+    <div class="Dialog">
+      <div class="DialogTit">
+        <span @click="close()" class="iconfont">&#xe6e9;</span>
+        <h1 class="name">双人查对</h1>
+        <span @click="commitInfo" class="success">完成</span>
+      </div>
+      <div style="height: 8rem" class="DialogContent choose">
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
+          <el-form-item label="透析物品核查 : ">
+            <el-radio v-model="doubleReview.dialysis_item_check" label="1">正确</el-radio>
+            <el-radio v-model="doubleReview.dialysis_item_check" label="2">错误</el-radio>
+          </el-form-item>
+          <el-form-item label="差错描述 : " label-width="90px">
+            <el-input v-model="doubleReview.dialysis_item_desc"></el-input>
+          </el-form-item>
+        </el-form>
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
+          <el-form-item label="透析参数核查 : ">
+            <el-radio v-model="doubleReview.dialysis_parameter_check" label="1">正确</el-radio>
+            <el-radio v-model="doubleReview.dialysis_parameter_check" label="2">错误</el-radio>
+          </el-form-item>
+          <el-form-item label="差错描述 : " label-width="90px">
+            <el-input v-model="doubleReview.dialysis_parameter_desc"></el-input>
+          </el-form-item>
+        </el-form>
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
+          <el-form-item label="血管通路核查 : ">
+            <!--<el-radio-group v-model="form.appetite">-->
+            <!--<el-radio label="正确"></el-radio>-->
+            <!--<el-radio label="整改"></el-radio>-->
+            <!--</el-radio-group>-->
+            <el-radio v-model="doubleReview.vascular_access_verification" label="1">正确</el-radio>
+            <el-radio v-model="doubleReview.vascular_access_verification" label="2">错误</el-radio>
+
+          </el-form-item>
+          <el-form-item label="差错描述 : " label-width="90px">
+            <el-input v-model="doubleReview.vascular_access_desc"></el-input>
+          </el-form-item>
+        </el-form>
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
+          <el-form-item label="管道连接核查 : ">
+            <!--<el-radio-group v-model="form.condition">-->
+            <el-radio v-model="doubleReview.pipeline_connection_check" label="1">正确</el-radio>
+            <el-radio v-model="doubleReview.pipeline_connection_check" label="2">错误</el-radio>
+            <!--</el-radio-group>-->
+          </el-form-item>
+          <el-form-item label="差错描述 : " label-width="90px">
+            <el-input v-model="doubleReview.pipeline_connection_desc"></el-input>
+          </el-form-item>
+
+
+        </el-form>
+
+        <el-form :inline="true" class="demo-form-inline" :model="doubleReview" label-width="130px">
+
+          <p style="margin: 10px 0 10px 13px;" v-if="doubleReview.creater != 0">{{getFirstCheckDesc()}} </p>
+          <p style="margin: 10px 0 10px 13px;" v-if="doubleReview.modifier != 0">{{getScondCheckDesc()}}</p>
+
+        </el-form>
+
+
+        <!-- <div class="button">
+          <button @click="commitInfo" class="submitButton">提交</button>
+      </div> -->
+        <!--<div class="footer">-->
+        <!--处方医生：黄梦燕  医生-->
+        <!--</div>-->
+      </div>
+      <!-- <div class="footer">
+          处方医生：黄梦燕  护士
+      </div> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import { commitDoubleCheck } from "@/api/dialysis";
+import { Toast } from "vant";
+import { uParseTime } from "@/utils/tools";
+import { parseTime } from "@/utils";
+
+export default {
+  name: "DoubleDialog",
+  data() {
+    return {
+      admin_users: [],
+      first_check_isShow: false,
+      second_check_isShow: false,
+      first_check_desc: "",
+      second_check_desc: "",
+      doubleReview: {
+        dialysis_item_check: "1",
+        dialysis_parameter_check: "1",
+        vascular_access_verification: "1",
+        pipeline_connection_check: "1",
+        dialysis_item_desc: "",
+        dialysis_parameter_desc: "",
+        vascular_access_desc: "",
+        pipeline_connection_desc: "",
+        collator: "",
+        creater: 0,
+        modifier: 0,
+        created_time: 0,
+        updated_time: 0
+      },
+      patient: {
+        id: 0
+      },
+      doctor: "",
+      record_date: ""
+    };
+  },
+  props: {
+    record: {
+      type: Object,
+      default: () => {
+        return { id: 0 };
+      }
+    },
+
+    patient_prop: {
+      type: Object
+    },
+    admin_users_prop: {
+      type: Array
+    }
+  },
+  created() {
+    this.admin_users = this.admin_users_prop;
+
+    if (this.record.id == "") {
+      this.doubleReview.dialysis_item_check = "1";
+      this.doubleReview.dialysis_parameter_check = "1";
+      this.doubleReview.vascular_access_verification = "1";
+      this.doubleReview.pipeline_connection_check = "1";
+      this.doubleReview.dialysis_item_desc = "";
+      this.doubleReview.dialysis_parameter_desc = "";
+      this.doubleReview.vascular_access_desc = "";
+      this.doubleReview.pipeline_connection_desc = "";
+    } else {
+      this.doubleReview.dialysis_item_check =
+        this.record.dialysis_item_check + "";
+      this.doubleReview.dialysis_parameter_check =
+        this.record.dialysis_parameter_check + "";
+      this.doubleReview.vascular_access_verification =
+        this.record.vascular_access_verification + "";
+      this.doubleReview.pipeline_connection_check =
+        this.record.pipeline_connection_check + "";
+      this.doubleReview.dialysis_item_desc = this.record.dialysis_item_desc;
+      this.doubleReview.dialysis_parameter_desc = this.record.dialysis_parameter_desc;
+      this.doubleReview.vascular_access_desc = this.record.vascular_access_desc;
+      this.doubleReview.pipeline_connection_desc = this.record.pipeline_connection_desc;
+
+      this.doubleReview.created_time = this.record.created_time;
+      this.doubleReview.creater = this.record.creater;
+      this.doubleReview.updated_time = this.record.updated_time;
+      this.doubleReview.modifier = this.record.modifier;
+    }
+
+    var date = this.$route.query && this.$route.query.date;
+    date *= 1000;
+    var newDate = new Date(date);
+    var y = newDate.getFullYear();
+    var m = newDate.getMonth() + 1;
+    var d = newDate.getDate();
+    if (isNaN(y) || isNaN(m) || isNaN(d)) {
+      newDate = new Date();
+      y = newDate.getFullYear();
+      m = newDate.getMonth() + 1;
+      d = newDate.getDate();
+    }
+    this.record_date =
+      y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
+    // this.patient.id = this.patient_prop.id
+  },
+  methods: {
+    checkInf: function() {},
+    // initData(doubleReview, patient, doctor) {
+    //   //上层传值
+    //   this.patient = patient;
+    //   this.doubleReview = doubleReview;
+    //   this.doctor = doctor;
+    // },
+    commitInfo: function() {
+      Toast.loading({ forbidClick: true, duration: 0 });
+      let ParamsQuery = this.doubleReview;
+      // ParamsQuery["patient"] = this.patient.id
+      ParamsQuery["patient"] = this.$route.query.patient_id;
+      ParamsQuery["record_date"] = this.record_date;
+      commitDoubleCheck(ParamsQuery).then(response => {
+        if (response.data.state == 0) {
+          // this.$toast({message: response.data.msg});
+          Toast.fail(response.data.msg);
+          return false;
+        } else {
+          Toast.success("提交成功");
+
+          this.doubleReview.created_time =
+            response.data.data.doubleCheck.created_time;
+          this.doubleReview.creater = response.data.data.doubleCheck.creater;
+          this.doubleReview.updated_time =
+            response.data.data.doubleCheck.updated_time;
+          this.doubleReview.modifier = response.data.data.doubleCheck.modifier;
+
+          // console.log(response.data.data.doubleCheck)
+          for (const key in response.data.data.doubleCheck) {
+            this.record[key] = response.data.data.doubleCheck[key];
+          }
+          this.$emit("did_update", response.data.data.doubleCheck);
+        }
+      });
+    },
+    close: function() {
+      this.$emit("close");
+    },
+    getFirstCheckDesc: function() {
+      let time = uParseTime(
+        this.doubleReview.created_time,
+        "{y}-{m}-{d}  {h}:{i}"
+      );
+      if (this.doubleReview.creater <= 0) {
+        return "";
+      }
+
+      var desc = "";
+      if (
+        this.admin_users == null ||
+        typeof this.admin_users.length == "undefined"
+      ) {
+        return "";
+      }
+
+      var leng = this.admin_users.length;
+      if (leng == 0) {
+        return "";
+      }
+
+      for (let index = 0; index < leng; index++) {
+        if (this.admin_users[index].id == this.doubleReview.creater) {
+          let name = this.admin_users[index].name;
+          desc = "首次核对人员:" + name + " 首次核对时间:" + time;
+
+          break;
+        }
+      }
+      return desc;
+    },
+    getScondCheckDesc: function() {
+      let time = uParseTime(
+        this.doubleReview.updated_time,
+        "{y}-{m}-{d} {h}:{i}"
+      );
+      if (this.doubleReview.modifier <= 0) {
+        return "";
+      }
+      var desc = "";
+      if (
+        this.admin_users == null ||
+        typeof this.admin_users.length == "undefined"
+      ) {
+        return desc;
+      }
+      var leng = this.admin_users.length;
+      if (leng == 0) {
+        return desc;
+      }
+      for (let index = 0; index < leng; index++) {
+        if (this.admin_users[index].id == this.doubleReview.modifier) {
+          let name = this.admin_users[index].name;
+          desc = "第二次核对人员:" + name + " 第二次核对时间:" + time;
+          break;
+        }
+      }
+      return desc;
+    },
+    getDate: function(val) {
+      return parseTime(val, "{y}-{m}-{d} {h}:{i}");
+    }
+  }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.choose {
+  .demo-form-inline {
+    border-bottom: 1px #e5e5e5 solid;
+    .el-form-item {
+      margin-bottom: 0;
+      padding: 0.2rem 0.2rem;
+      margin-right: 0;
+    }
+    p {
+      color: $title-color;
+    }
+  }
+
+  .button {
+    text-align: center;
+    margin-top: 1rem;
+    .submitButton {
+      width: 3rem;
+      height: 0.8rem;
+      line-height: 0.8rem;
+      background: $main-color;
+      color: #fff;
+      font-size: 0.3rem;
+      text-align: center;
+      border-radius: 6px;
+    }
+  }
+}
+</style>
+

src/pages/main/dialog/LongDialog.vue

@@ -0,0 +1,544 @@
+<template>
+  <div>
+    <div class="Dialog"  v-show="showObj.paden_show">
+      <div class="DialogTit">
+        <span class="iconfont"  @click="$emit('closeLongDialog')">&#xe6e9;</span>
+        <h1 class="name">长期处方</h1>
+        <span @click="submitSolution" class="success">完成</span>
+      </div>
+
+      <div class="DialogContent">
+        <div class="item" @click="showMenu(0)">
+          <h2 class="name">透析模式</h2>
+          <div class="content" >
+            <span class="text">{{dialysisSolution.mode_name}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">透析时长(h)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.dialysis_duration">
+            <!-- <span class="text">1</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span>  -->
+          </div>
+        </div>
+        <div class="item" @click="showMenu(1)">
+          <h2 class="name">透析器</h2>
+          <div class="content" >
+            <span class="text">{{dialysisSolution.hemodialysis_machine_name}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">灌流器</h2>
+          <div class="content" @click="showMenu(2)">
+            <span class="text">{{dialysisSolution.perfusion_apparatus_name}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+
+        <div class="item">
+          <h2 class="name">血流量(ml/min)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.blood_flow_volume">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">脱水量(L)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.dewater">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+
+        <div class="line"></div>
+
+        <div class="item">
+          <h2 class="name">置换液(L)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.displace_liqui">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">置换方式</h2>
+          <div class="content" @click="showMenu(3)">
+            <span class="text">{{dialysisSolution.replacement_way_name}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+
+        <div class="item">
+          <h2 class="name">抗疑剂</h2>
+          <div class="content" @click="showMenu(4)">
+            <span class="text">{{dialysisSolution.anticoagulant_name}}</span>
+            <span class="iconfont">&#xe6f9;</span>
+          </div>
+        </div>
+        <div class="item" v-show="anticoagulant.shouji != -1">
+          <h2 class="name">首剂({{anticoagulant.shouji_unit}})</h2>
+          <div class="content">
+          <input type="text"  v-model="dialysisSolution.anticoagulant_shouji" :disabled="anticoagulant.shouji==1?false:true">
+          </div>
+        </div>
+        <div class="item" v-show="anticoagulant.weichi != -1">
+          <h2 class="name">维持({{anticoagulant.weichi_unit}})</h2>
+          <div class="content">
+          <input type="text"  v-model="dialysisSolution.anticoagulant_weichi" :disabled="anticoagulant.weichi==1?false:true">
+          </div>
+        </div>
+        <div class="item"  v-show="anticoagulant.zongliang != -1">
+          <h2 class="name">总量({{anticoagulant.zongliang_unit}})</h2>
+          <div class="content">
+          <input type="text" v-model="dialysisSolution.anticoagulant_zongliang" :disabled="anticoagulant.zongliang==1?false:true" >
+          </div>
+        </div>
+        <div class="item"  v-show="anticoagulant.gaimingcheng != -1">
+          <h2 class="name">钙({{anticoagulant.gaimingcheng_unit}})</h2>
+          <div class="content">
+            <input type="text" v-model="dialysisSolution.anticoagulant_gaimingcheng" :disabled="anticoagulant.gaimingcheng==1?false:true" >
+          </div>
+        </div>
+        <div class="item"  v-show="anticoagulant.gaijiliang != -1">
+          <h2 class="name">钙剂量</h2>
+          <div class="content">
+            <input type="text" v-model="dialysisSolution.anticoagulant_gaijiliang" :disabled="anticoagulant.gaijiliang==1?false:true" >
+          </div>
+        </div>
+
+        <div class="line"></div>
+
+        <div class="item">
+          <h2 class="name">钾(mmol/L)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.kalium">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">钠(mmol/L):</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.sodium">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">钙(mmol/L)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.calcium">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">碳酸氢盐(mmol/L)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.bicarbonate">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">葡萄糖(mmol/L)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.glucose">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">干体重(kg)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.dry_weight">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+
+        <div class="line"></div>
+
+        <div class="item">
+          <h2 class="name">透析液流量(ml/min)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.dialysate_flow">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">透析液温度(℃)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.dialysate_temperature">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+        <div class="item">
+          <h2 class="name">电导率(mS/cm)</h2>
+          <div class="content">
+            <input type="number" v-model="dialysisSolution.conductivity">
+            <!-- <span class="text">HD</span>   -->
+            <!-- <span class="iconfont">&#xe6f9;</span> -->
+          </div>
+        </div>
+
+        <div class="line"></div>
+
+        <div class="item">
+          <h2 class="name">备注</h2>
+          <div class="content">
+            <span class="text"></span>
+          </div>
+        </div>
+        <textarea class="textarea" placeholder="请输入内容" v-model="dialysisSolution.remark"></textarea>
+      </div>
+      <!--<div class="footer">-->
+        <!--处方医生：{{doctor}}-->
+      <!--</div>-->
+    </div>
+
+    <!-- <div class="Dialog" v-show="mode_show">
+        <div class="DialogTit">
+            <span class="iconfont" @click="paden_show=true;mode_show=false;">&#xe720; 返回</span>
+            <h1 class="name">模式</h1>
+            <span class="success"></span>
+        </div>
+        <div class="optionsBox">
+          <div class="list">
+            <ul>
+              <li @click="handleMode(item)" v-for="item in modeOptions" :key="item.id" value="item.id" :class="dialysisSolution.mode_id == item.id? 'tick':'' ">{{item.name}}</li>
+            </ul>
+          </div>
+        </div>
+    </div> -->
+    <long-dialog-menu title="模式" v-show="showObj.mode_show[0]" :show_index="0" :option_poro="modeList"  :data_prop="dialysisSolution" :show_prop="showObj" data_mode="mode" :index="dialysisSolution.mode_id"></long-dialog-menu>
+
+    <long-dialog-menu title="透析器" v-show="showObj.mode_show[1]" :show_index="1" :option_poro="dialyserList"  :data_prop="dialysisSolution" :show_prop="showObj" data_mode="hemodialysis_machine" :index="dialysisSolution.hemodialysis_machine"></long-dialog-menu>
+
+    <long-dialog-menu title="灌流器" v-show="showObj.mode_show[2]" :show_index="2" :option_poro="perfusion_apparatus"  :data_prop="dialysisSolution" :show_prop="showObj" data_mode="perfusion_apparatus" :index="dialysisSolution.perfusion_apparatus"></long-dialog-menu>
+
+    <long-dialog-menu title="置换方式" v-show="showObj.mode_show[3]" :show_index="3" :option_poro="replacementWays"  :data_prop="dialysisSolution"  :show_prop="showObj" data_mode="replacement_way" :index="dialysisSolution.replacement_way"></long-dialog-menu>
+
+    <long-dialog-menu title="搞凝剂" v-show="showObj.mode_show[4]" :show_index="4" :option_poro="anticoagulantsConfitList"  :data_prop="dialysisSolution"  :show_prop="showObj" data_mode="anticoagulant" :index="dialysisSolution.anticoagulant"></long-dialog-menu>
+  </div>
+</template>
+
+<script>
+import LongDialogMenu from "./subMenu/LongDialogMenu";
+import { createPatientDialysisSolution } from "@/api/patient";
+import { Toast } from "vant";
+
+export default {
+  name: "LongDialog",
+  components: {
+    LongDialogMenu
+  },
+  methods: {
+    handleDialyser(item) {
+      this.showObj.paden_show = true;
+    },
+    showModel() {
+      this.showObj.mode_show[0] = true;
+      this.showObj.paden_show = false;
+    },
+    showQi() {
+      this.showObj.mode_show[1] = true;
+      this.showObj.paden_show = false;
+    },
+    showMenu(index) {
+      this.showObj.mode_show[index] = true;
+      this.showObj.paden_show = false;
+    },
+
+    submitSolution() {
+      this.dialysisSolution.mode = this.dialysisSolution.mode_id;
+      createPatientDialysisSolution(
+        this.patient.id,
+        this.dialysisSolution
+      ).then(response => {
+        if (response.data.state == 0) {
+          Toast.fail(response.data.msg);
+          // this.$toast({message: response.data.msg});
+          return false;
+        } else {
+          Toast.success("创建成功");
+          // this.$toast({message: "创建成功"});
+          this.$emit("longSolution");
+          for (const key in response.data.data.solution) {
+            this.solution_prop[key] = response.data.data.solution[key];
+          }
+          // this.solution_prop = response.data.data.solution
+        }
+      });
+    }
+  },
+
+  props: {
+    patient_prop: {
+      type: Object
+    },
+    solution_prop: {
+      type: Object
+    },
+    machines_prop: {
+      type: Array,
+      default: function() {
+        return new Array();
+      }
+    }
+  },
+  data() {
+    return {
+      doctor: "",
+      showObj: {
+        mode_show: {
+          0: false,
+          1: false,
+          2: false,
+          3: false
+        },
+        paden_show: true
+      },
+      patient: {
+        id: 0
+      },
+      modeOptions: {},
+      modeList: [],
+      perfusion_apparatus: [],
+      anticoagulantsConfit: {},
+      anticoagulantsConfitList: [],
+      replacementWays: [],
+      dialyserList: [],
+
+      anticoagulant: {
+        id: 0,
+        name: "",
+        type: 1,
+        shouji: 1,
+        weichi: 1,
+        zongliang: 1,
+        gaimingcheng: -1,
+        gaijiliang: -1,
+        shouji_unit: "mg",
+        weichi_unit: "mg/h",
+        zongliang_unit: "mg",
+        gaimingcheng_unit: "",
+        gaijiliang_unit: ""
+      },
+      patient: {
+        id: 0
+      },
+      dialysisSolution: {
+        id: 0,
+        mode: "",
+        mode_id: "",
+        mode_name: "",
+        dialysis_duration: "",
+        hemodialysis_machine: "",
+        perfusion_apparatus: "",
+        perfusion_apparatus_name: "",
+        blood_flow_volume: "",
+        dewater: "",
+        displace_liqui: 0,
+        replacement_way: "",
+        replacement_way_name: "",
+        anticoagulant: "",
+        anticoagulant_name: "",
+        anticoagulant_shouji: "",
+        anticoagulant_weichi: "",
+        anticoagulant_zongliang: "",
+        anticoagulant_gaimingcheng: "",
+        anticoagulant_gaijiliang: "",
+        kalium: "",
+        sodium: "",
+        calcium: "",
+        bicarbonate: "",
+        glucose: "",
+        dry_weight: "",
+        dialysate_flow: "",
+        dialysate_temperature: "",
+        conductivity: "",
+        doctor: "",
+        remark: ""
+      }
+    };
+  },
+  watch: {
+    "dialysisSolution.anticoagulant": function() {
+      var thismode = parseInt(this.dialysisSolution.anticoagulant);
+      if (isNaN(thismode) || thismode <= 0) {
+        return false;
+      }
+      if (
+        typeof this.anticoagulantsConfit[thismode] == "undefined" ||
+        this.anticoagulantsConfit[thismode] == null
+      ) {
+        return false;
+      }
+      this.anticoagulant = this.anticoagulantsConfit[thismode];
+      this.dialysisSolution.anticoagulant_name = this.anticoagulantsConfit[thismode].name;
+    },
+    "dialysisSolution.hemodialysis_machine":function(){
+      var machine = parseInt(this.dialysisSolution.hemodialysis_machine);
+      if (isNaN(machine) || machine <= 0) {
+        return;
+      }
+      for (let index = 0; index < this.dialyserList.length; index++) {
+        if (machine == this.dialyserList[index].id) {
+          this.dialysisSolution.hemodialysis_machine_name = this.dialyserList[index].name;
+          break;
+        }
+      }
+    },
+    "dialysisSolution.perfusion_apparatus": function(){
+      var apparatus = parseInt(this.dialysisSolution.perfusion_apparatus);
+      if (isNaN(apparatus) || apparatus<=0) {
+        return false;
+      }
+      for (let index = 0; index < this.perfusion_apparatus.length; index++) {
+        if (apparatus == this.perfusion_apparatus[index].id) {
+          this.dialysisSolution.perfusion_apparatus_name = this.perfusion_apparatus[index].name;
+          break;
+        }
+      }
+    },
+    "dialysisSolution.replacement_way": function(){
+      var way = parseInt(this.dialysisSolution.replacement_way);
+      if (isNaN(way) || way<=0) {
+        return false;
+      }
+      for (let index = 0; index < this.replacementWays.length; index++) {
+        if (way == this.replacementWays[index].id) {
+          this.dialysisSolution.replacement_way_name = this.replacementWays[index].name;
+          break;
+        }
+      }
+    },
+  },
+  // computed:{
+  //   dialysisSolution:function(){
+  //     console.log("this.solution_prop",this.solution_prop);
+  //     console.log("this.solution_prop",this.solution_prop);
+  //     var solution = {};
+  //     if (this.solution_prop != null && this.solution_prop.id != '') {
+  //       for (const key in this.solution_prop) {
+  //         solution[key] = this.solution_prop[key];
+  //       }
+  //       return solution;
+  //     }else {
+  //       return {};
+  //     }
+  //   }
+
+
+  // },
+  created() {
+    this.doctor = this.$store.getters.user.user.user_name;
+    this.modeOptions = this.$store.getters.treatment_mode;
+    this.perfusion_apparatus = this.$store.getters.perfusion_apparatus;
+    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
+    this.replacementWays = this.$store.getters.replacement_ways;
+
+    for (var modeOne in this.modeOptions) {
+      this.modeList.push(this.modeOptions[modeOne]);
+    }
+    for (var one in this.anticoagulantsConfit) {
+      this.anticoagulantsConfitList.push(this.anticoagulantsConfit[one]);
+    }
+
+    this.patient = this.patient_prop;
+
+    // console.log("this.solution_prop",this.solution_prop);
+    if (this.solution_prop != null && this.solution_prop.id != '') {
+      for (const key in this.solution_prop) {
+        this.dialysisSolution[key] = this.solution_prop[key];
+      }
+    }
+
+
+    this.dialyserList = this.machines_prop;
+  },
+  // data() {
+  //   return {
+  //     show_two_menu: false
+  //   };
+  // },
+  // methods: {
+  //   selectDialysisMode: function() {
+  //     var t = this;
+  //     this.$refs.two_menu.showSingleSelect(
+  //       [{ id: 1, name: "12e" }, { id: 2, name: "asdsadas" }],
+  //       0,
+  //       "透析模式",
+  //       "name",
+  //       "id",
+  //       function() {
+  //         t.show_two_menu = false;
+  //       }
+  //     );
+  //     this.show_two_menu = true;
+  //   }
+  // }
+};
+</script>
+
+<style style="stylesheet/scss" lang="scss" scoped>
+.textarea {
+  width: 100%;
+  height: 2.4rem;
+  line-height: 0.6rem;
+  color: $pgh-color;
+  font-size: 0.28rem;
+  padding-left: 0.36rem;
+  border: none;
+}
+.optionsBox {
+  background: #fff;
+  max-height: 10.6rem;
+  min-height: 5rem;
+  overflow-y: scroll;
+  ul {
+    li {
+      height: 1rem;
+      line-height: 1rem;
+      border-bottom: 1px #e5e5e5 solid;
+      padding: 0 0.38rem;
+    }
+    .tick {
+      position: relative;
+      &::before {
+        content: "";
+        display: inline-block;
+        border: 2px solid $main-color;
+        border-top-width: 0;
+        border-right-width: 0;
+        width: 0.3rem;
+        height: 0.15rem;
+        -webkit-transform: rotate(-50deg);
+        position: absolute;
+        top: 0.38rem;
+        right: 0.44rem;
+      }
+    }
+  }
+}
+.CheckBox {
+  background: #fff;
+  max-height: 10.6rem;
+  min-height: 5rem;
+  overflow-y: scroll;
+  ul {
+    li {
+      line-height: 1rem;
+    }
+  }
+}
+</style>
+