vue2-client 1.14.62 → 1.14.63

package/src/pages/WorkflowDetail/WorkFlowDemo.vue

@@ -1,90 +1,47 @@
-<template>
-  <a-card :bordered="false">
-    <x-form-table
-      title="示例页面"
-      :queryParamsName="queryParamsName"
-      :fixed-query-form="{
-        users_f_handler_id: currUser.id,
-      }"
-      @action="toDetail">
-      <template slot="button">
-        <a-button @click="add">
-          <a-icon type="plus"/>
-          发起报建
-        </a-button>
-      </template>
-    </x-form-table>
-    <a-modal
-      v-model="applyAddFlag"
-      :footer="null"
-      :dialog-style="{ top: '5rem' }"
-      :z-index="1001"
-      title="发起报建"
-      :destroyOnClose="true">
-      <x-add-native-form ref="xForm" @onSubmit="applySubmit"/>
-    </a-modal>
-    <WorkflowDetail ref="workFlow" @success="success"></WorkflowDetail>
-  </a-card>
-</template>
-
 <script>
 import WorkflowDetail from '@vue2-client/pages/WorkflowDetail/WorkflowDetail.vue'
-import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
-import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
-import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
-import { mapState } from 'vuex'
 
 export default {
-  name: 'Apply',
-  components: {
-    XFormTable,
-    XAddNativeForm,
-    WorkflowDetail
-  },
-  data () {
-    return {
-      // 查询配置文件名
-      queryParamsName: 'applyCRUD',
-      // 发起报建弹框控制
-      applyAddFlag: false
-    }
-  },
-  computed: {
-    ...mapState('account', { currUser: 'user' }),
+  name: 'WorkFlowDemo',
+  components: { WorkflowDetail },
+  mounted () {
+    this.$refs.workFlow.init({
+      workflowId: '11'
+    })
   },
   methods: {
-    add () {
-      this.applyAddFlag = true
-      this.$nextTick(
-        () => {
-          getConfigByName('addApplyForm', 'af-apply', (res) => {
-            this.$refs.xForm.init({
-              businessType: '新增',
-              title: '发起报建',
-              ...res
-            })
-          })
-        }
-      )
-    },
-    applySubmit (formData) {
-      runLogic('addApply', formData).then(
-        res => {
-          this.$message.success('发起报建成功')
-          this.applyAddFlag = false
-        }
-      ).catch(() => {
-        this.applyAddFlag = false
-      })
+    /**
+     * 流程详情页成功
+     * @param note 备注信息
+     * @param form 表单信息
+     * @param workflowId
+     */
+    success ({ note, form, workflowId }) {
+      console.log('success', note, form, workflowId)
     },
-    success () {
-      console.log('完工')
-    },
-    toDetail (record, id) {
-      this.$refs.workFlow.init({
-        workflowId: record.twf_id
-      })
+    /**
+     * 流程详情页成功
+     * @param note 备注信息
+     * @param form 表单信息
+     * @param workflowId 工作流id
+     * @param fromStepId 起ID
+     * @param toStepId 往ID
+     * @param successStepId 完成步骤id
+     * @param successStep 完成步骤名称
+     * @param fromStep 起步骤名称
+     * @param toStep 往步骤名称
+     */
+    nextClick ({ note, form, workflowId, fromStepId, toStepId, fromStep, toStep, successStepId, successStep }) {
+      console.log('success', note, form, workflowId, fromStepId, toStepId, fromStep, toStep, successStepId, successStep)
     }
   }
 }
 </script>
+
+<template>
+  <WorkflowDetail ref="workFlow" @success="success" @nextClick="nextClick"></WorkflowDetail>
+</template>
+
+<style scoped lang="less">
+
+</style>

package/vue.config.js

@@ -1,220 +1,220 @@
-const path = require('path')
-const webpack = require('webpack')
-const ThemeColorReplacer = require('webpack-theme-color-replacer')
-const { getThemeColors, modifyVars } = require('./src/utils/themeUtil')
-const { resolveCss } = require('./src/utils/theme-color-replacer-extend')
-const CompressionWebpackPlugin = require('compression-webpack-plugin')
-const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
-// const CopyPlugin = require('copy-webpack-plugin')
-
-const productionGzipExtensions = ['js', 'css']
-const isProd = process.env.NODE_ENV === 'production'
-
-// v4 产品演示
-const v3Server = 'http://192.168.50.67:31567'
-// const gateway = 'http://192.168.50.67:31467'
-// const testUpload = 'http://123.60.214.109:8406'
-const OSSServerDev = 'http://192.168.50.67:30351'
-// const revenue = 'http://aote-office.8866.org:31567'
-const revenue = 'http://192.168.50.67:31567'
-// const OSSServerProd = 'http://192.168.50.67:31351'
-// const testUploadLocal = 'http://127.0.0.1:9001'
-// v3 铜川
-// const v3Server = 'http://61.134.55.234:8405'
-// const gateway = 'http://61.134.55.234:8456/webmeter'
-// v3 涉县
-// const v3Server = 'http://221.193.244.147:9600'
-// const gateway = 'http://221.193.244.147:9600/webmeter'
-// 本地
-// const local = 'http://localhost:8080'
-
-module.exports = {
-  devServer: {
-    // development server port 8000
-    port: 8020,
-    // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11
-    proxy: {
-      // '/apply-image': {
-      //   target: revenue,
-      // },
-      '/rs': {
-        target: v3Server,
-        ws: false,
-        changeOrigin: true
-      },
-      // '/api/af-system/resource': {
-      //   pathRewrite: { '^/api/af-system': '/' },
-      //   target: testUpload,
-      //   changeOrigin: true
-      // },
-      '/api/af-revenue/logic/openapi/': {
-        // pathRewrite: { '^/api/af-revenue/logic/openapi/': '/logic/' },
-        target: revenue,
-        changeOrigin: true
-      },
-      '/api/af-scada': {
-        target: revenue,
-        changeOrigin: true
-      },
-      '/api/af-runtime': {
-        pathRewrite: { '^/api/af-runtime/': '/' },
-        target: 'http://127.0.0.1:9001',
-        // target: revenue,
-        changeOrigin: true
-      },
-      '/api/af-revenue': {
-        // pathRewrite: { '^/api/af-revenue/': '/' },
-        target: revenue,
-        changeOrigin: true
-      },
-      '/api/af-liuli': {
-        // pathRewrite: { '^/api/af-liuli/': '/' },
-        // target: 'http://127.0.0.1:9014',
-        target: revenue,
-        changeOrigin: true
-      },
-      '/api/af-gaslink': {
-        // pathRewrite: { '^/api/af-gaslink/': '/' },
-        // target: 'http://127.0.0.1:9036',
-        target: revenue,
-        changeOrigin: true
-      },
-      '/api': {
-        // v3用
-        // pathRewrite: { '^/api/af-system/': '/rs/', '^/api/af-iot/': '/rs/' },
-        // pathRewrite: { '^/api/': '/' },
-        target: revenue,
-        changeOrigin: true
-      },
-      '/devApi': {
-        // v3用
-        // pathRewrite: { '^/api/af-system/': '/rs/', '^/api/af-iot/': '/rs/' },
-        // pathRewrite: { '^/api/': '/' },
-        target: revenue,
-        changeOrigin: true
-      },
-      '/resource': {
-        // pathRewrite: { '^/resource': '/' },
-        target: revenue,
-        changeOrigin: true
-      },
-      '/ai': {
-        target: 'http://192.168.50.67:31761',
-        pathRewrite: { '^/ai': '/' },
-        changeOrigin: true
-      },
-      '/oss': {
-        target: OSSServerDev,
-        pathRewrite: { '^/oss': '/' },
-        changeOrigin: true
-      },
-    },
-    client: {
-      overlay: false
-    }
-  },
-  pluginOptions: {
-    'style-resources-loader': {
-      preProcessor: 'less',
-      patterns: [path.resolve(__dirname, './src/theme/theme.less')]
-    }
-  },
-  configureWebpack: config => {
-    config.devtool = 'inline-source-map'
-    // 忽略.md文件
-    config.module.rules.push(
-      {
-        test: /\.md$/,
-        exclude: /node_modules/,
-        use: 'ignore-loader'
-      }
-    )
-    config.context = path.resolve(__dirname, './')
-    config.resolve = {
-      extensions: ['.js', '.vue', '.json'],
-      alias: {
-        '@vue2-client': path.resolve('src'),
-        '@': path.resolve('src'),
-      }
-    }
-    config.entry.app = ['core-js/stable', 'regenerator-runtime/runtime', 'whatwg-fetch', './src/main.js']
-    config.performance = {
-      hints: false
-    }
-    if (isProd) {
-      config.plugins.push(
-        new ThemeColorReplacer({
-          fileName: 'css/theme-colors-[contenthash:8].css',
-          matchColors: getThemeColors(),
-          injectCss: true,
-          resolveCss
-        })
-      )
-    }
-    // Ignore all locale files of moment.js
-    config.plugins.push(new webpack.IgnorePlugin({
-      resourceRegExp: /^\.\/locale$/,
-      contextRegExp: /moment$/
-    }))
-
-    config.plugins.push(
-      // new CopyPlugin({
-      //   patterns: [{ from: 'node_modules/amis/sdk', to: 'amis/sdk' }],
-      // })
-    )
-
-    // 生产环境下将资源压缩成gzip格式
-    if (isProd) {
-      // add `CompressionWebpack` plugin to webpack plugins
-      config.plugins.push(new CompressionWebpackPlugin({
-        algorithm: 'gzip',
-        test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
-        threshold: 10240,
-        minRatio: 0.8
-      }))
-    }
-    // if prod, add externals
-    // if (isProd) {
-    //   config.externals = assetsCDN.externals
-    // }
-  },
-  chainWebpack: config => {
-    // 生产环境下关闭css压缩的 colormin 项，因为此项优化与主题色替换功能冲突
-    if (isProd) {
-      config.optimization.minimizer('css').use(CssMinimizerPlugin, [{
-        minimizerOptions: {
-          preset: [
-            'default',
-            {
-              discardComments: { removeAll: true },
-              colormin: false,
-            }
-          ],
-          ignoreOrder: true
-        }
-      }])
-    }
-    config.resolve.alias.set('@vue2-client', path.resolve(__dirname, 'src'))
-  },
-  css: {
-    extract: !isProd
-      ? {
-        filename: 'css/[name].css',
-        chunkFilename: 'css/[name].css',
-      }
-      : true,
-    loaderOptions: {
-      less: {
-        lessOptions: {
-          modifyVars: modifyVars(),
-          javascriptEnabled: true
-        }
-      },
-      sass: {}
-    }
-  },
-  publicPath: process.env.VUE_APP_PUBLIC_PATH,
-  outputDir: 'dist',
-  assetsDir: 'static',
-  productionSourceMap: false
-}
+const path = require('path')
+const webpack = require('webpack')
+const ThemeColorReplacer = require('webpack-theme-color-replacer')
+const { getThemeColors, modifyVars } = require('./src/utils/themeUtil')
+const { resolveCss } = require('./src/utils/theme-color-replacer-extend')
+const CompressionWebpackPlugin = require('compression-webpack-plugin')
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
+// const CopyPlugin = require('copy-webpack-plugin')
+
+const productionGzipExtensions = ['js', 'css']
+const isProd = process.env.NODE_ENV === 'production'
+
+// v4 产品演示
+const v3Server = 'http://aote-office.8866.org:31567'
+// const gateway = 'http://192.168.50.67:31467'
+// const testUpload = 'http://123.60.214.109:8406'
+const OSSServerDev = 'http://192.168.50.67:30351'
+// const revenue = 'http://aote-office.8866.org:31567'
+const revenue = 'http://aote-office.8866.org:31567'
+// const OSSServerProd = 'http://192.168.50.67:31351'
+// const testUploadLocal = 'http://127.0.0.1:9001'
+// v3 铜川
+// const v3Server = 'http://61.134.55.234:8405'
+// const gateway = 'http://61.134.55.234:8456/webmeter'
+// v3 涉县
+// const v3Server = 'http://221.193.244.147:9600'
+// const gateway = 'http://221.193.244.147:9600/webmeter'
+// 本地
+// const local = 'http://localhost:8080'
+
+module.exports = {
+  devServer: {
+    // development server port 8000
+    port: 8020,
+    // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11
+    proxy: {
+      // '/apply-image': {
+      //   target: revenue,
+      // },
+      '/rs': {
+        target: v3Server,
+        ws: false,
+        changeOrigin: true
+      },
+      // '/api/af-system/resource': {
+      //   pathRewrite: { '^/api/af-system': '/' },
+      //   target: testUpload,
+      //   changeOrigin: true
+      // },
+      '/api/af-revenue/logic/openapi/': {
+        // pathRewrite: { '^/api/af-revenue/logic/openapi/': '/logic/' },
+        target: revenue,
+        changeOrigin: true
+      },
+      '/api/af-scada': {
+        target: revenue,
+        changeOrigin: true
+      },
+      '/api/af-runtime': {
+        pathRewrite: { '^/api/af-runtime/': '/' },
+        target: 'http://127.0.0.1:9001',
+        // target: revenue,
+        changeOrigin: true
+      },
+      '/api/af-revenue': {
+        // pathRewrite: { '^/api/af-revenue/': '/' },
+        target: revenue,
+        changeOrigin: true
+      },
+      '/api/af-liuli': {
+        // pathRewrite: { '^/api/af-liuli/': '/' },
+        // target: 'http://127.0.0.1:9014',
+        target: revenue,
+        changeOrigin: true
+      },
+      '/api/af-gaslink': {
+        // pathRewrite: { '^/api/af-gaslink/': '/' },
+        // target: 'http://127.0.0.1:9036',
+        target: revenue,
+        changeOrigin: true
+      },
+      '/api': {
+        // v3用
+        // pathRewrite: { '^/api/af-system/': '/rs/', '^/api/af-iot/': '/rs/' },
+        // pathRewrite: { '^/api/': '/' },
+        target: revenue,
+        changeOrigin: true
+      },
+      '/devApi': {
+        // v3用
+        // pathRewrite: { '^/api/af-system/': '/rs/', '^/api/af-iot/': '/rs/' },
+        // pathRewrite: { '^/api/': '/' },
+        target: revenue,
+        changeOrigin: true
+      },
+      '/resource': {
+        // pathRewrite: { '^/resource': '/' },
+        target: revenue,
+        changeOrigin: true
+      },
+      '/ai': {
+        target: 'http://192.168.50.67:31761',
+        pathRewrite: { '^/ai': '/' },
+        changeOrigin: true
+      },
+      '/oss': {
+        target: OSSServerDev,
+        pathRewrite: { '^/oss': '/' },
+        changeOrigin: true
+      },
+    },
+    client: {
+      overlay: false
+    }
+  },
+  pluginOptions: {
+    'style-resources-loader': {
+      preProcessor: 'less',
+      patterns: [path.resolve(__dirname, './src/theme/theme.less')]
+    }
+  },
+  configureWebpack: config => {
+    config.devtool = 'inline-source-map'
+    // 忽略.md文件
+    config.module.rules.push(
+      {
+        test: /\.md$/,
+        exclude: /node_modules/,
+        use: 'ignore-loader'
+      }
+    )
+    config.context = path.resolve(__dirname, './')
+    config.resolve = {
+      extensions: ['.js', '.vue', '.json'],
+      alias: {
+        '@vue2-client': path.resolve('src'),
+        '@': path.resolve('src'),
+      }
+    }
+    config.entry.app = ['core-js/stable', 'regenerator-runtime/runtime', 'whatwg-fetch', './src/main.js']
+    config.performance = {
+      hints: false
+    }
+    if (isProd) {
+      config.plugins.push(
+        new ThemeColorReplacer({
+          fileName: 'css/theme-colors-[contenthash:8].css',
+          matchColors: getThemeColors(),
+          injectCss: true,
+          resolveCss
+        })
+      )
+    }
+    // Ignore all locale files of moment.js
+    config.plugins.push(new webpack.IgnorePlugin({
+      resourceRegExp: /^\.\/locale$/,
+      contextRegExp: /moment$/
+    }))
+
+    config.plugins.push(
+      // new CopyPlugin({
+      //   patterns: [{ from: 'node_modules/amis/sdk', to: 'amis/sdk' }],
+      // })
+    )
+
+    // 生产环境下将资源压缩成gzip格式
+    if (isProd) {
+      // add `CompressionWebpack` plugin to webpack plugins
+      config.plugins.push(new CompressionWebpackPlugin({
+        algorithm: 'gzip',
+        test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
+        threshold: 10240,
+        minRatio: 0.8
+      }))
+    }
+    // if prod, add externals
+    // if (isProd) {
+    //   config.externals = assetsCDN.externals
+    // }
+  },
+  chainWebpack: config => {
+    // 生产环境下关闭css压缩的 colormin 项，因为此项优化与主题色替换功能冲突
+    if (isProd) {
+      config.optimization.minimizer('css').use(CssMinimizerPlugin, [{
+        minimizerOptions: {
+          preset: [
+            'default',
+            {
+              discardComments: { removeAll: true },
+              colormin: false,
+            }
+          ],
+          ignoreOrder: true
+        }
+      }])
+    }
+    config.resolve.alias.set('@vue2-client', path.resolve(__dirname, 'src'))
+  },
+  css: {
+    extract: !isProd
+      ? {
+        filename: 'css/[name].css',
+        chunkFilename: 'css/[name].css',
+      }
+      : true,
+    loaderOptions: {
+      less: {
+        lessOptions: {
+          modifyVars: modifyVars(),
+          javascriptEnabled: true
+        }
+      },
+      sass: {}
+    }
+  },
+  publicPath: process.env.VUE_APP_PUBLIC_PATH,
+  outputDir: 'dist',
+  assetsDir: 'static',
+  productionSourceMap: false
+}