vue2-client 1.3.2 → 1.3.3

package/vue.config.js

@@ -1,163 +1,109 @@
-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 productionGzipExtensions = ['js', 'css']
-const isProd = process.env.NODE_ENV === 'production'
-
-// const assetsCDN = {
-//   // webpack build externals
-//   externals: {
-//     vue: 'Vue',
-//     'vue-router': 'VueRouter',
-//     vuex: 'Vuex',
-//     axios: 'axios',
-//     nprogress: 'NProgress',
-//     clipboard: 'ClipboardJS',
-//     '@antv/data-set': 'DataSet',
-//     'js-cookie': 'Cookies'
-//   },
-//   css: [
-//   ],
-//   js: [
-//     '//cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js',
-//     '//cdn.jsdelivr.net/npm/vue-router@3.3.4/dist/vue-router.min.js',
-//     '//cdn.jsdelivr.net/npm/vuex@3.4.0/dist/vuex.min.js',
-//     '//cdn.jsdelivr.net/npm/axios@0.19.2/dist/axios.min.js',
-//     '//cdn.jsdelivr.net/npm/nprogress@0.2.0/nprogress.min.js',
-//     '//cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js',
-//     '//cdn.jsdelivr.net/npm/@antv/data-set@0.11.4/build/data-set.min.js',
-//     '//cdn.jsdelivr.net/npm/js-cookie@2.2.1/src/js.cookie.min.js'
-//   ]
-// }
-
-const server = 'http://121.36.106.17:8400'
-const local = 'http://localhost:8445/webmeter'
-// const local = 'http://123.60.214.109:8405/webmeter'
-
-module.exports = {
-  devServer: {
-    // development server port 8000
-    port: 8001,
-    // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11
-    proxy: {
-      '/rs': {
-        target: server,
-        ws: false,
-        changeOrigin: true
-      },
-      '/image': {
-        target: server,
-        ws: false,
-        changeOrigin: true
-      },
-      '/webapps': {
-        target: server,
-        ws: false,
-        changeOrigin: true
-      },
-      '/webmeterapi/foreignaidUseGasSumCountData': {
-        // pathRewrite: { '^/webmeterapi': '/rs/logic' },
-        target: 'http://61.134.55.234:8405/',
-        changeOrigin: true
-      },
-      '/webmeterapi/getEmpTree': {
-        // pathRewrite: { '^/webmeterapi': '/rs/logic' },
-        target: 'http://123.60.214.109:8406/',
-        changeOrigin: true
-      },
-      '/webmeterapi': {
-        pathRewrite: { '^/webmeterapi': '/rs/logic' },
-        target: local,
-        changeOrigin: true
-      },
-      '/webmeteruploadapi': {
-        pathRewrite: { '^/webmeteruploadapi': '/rs/file' },
-        target: local,
-        changeOrigin: true
-      },
-      '/webmeterresourceapi': {
-        pathRewrite: { '^/webmeterresourceapi': '/rs/resource' },
-        target: local,
-        changeOrigin: true
-      },
-      '/resource': {
-        pathRewrite: { '^/resource': '/' },
-        target: 'http://127.0.0.1:4789',
-        changeOrigin: true
-      }
-    }
-  },
-  pluginOptions: {
-    'style-resources-loader': {
-      preProcessor: 'less',
-      patterns: [path.resolve(__dirname, './src/theme/theme.less')]
-    }
-  },
-  configureWebpack: config => {
-    config.entry.app = ['babel-polyfill', 'whatwg-fetch', './src/main.js']
-    config.performance = {
-      hints: false
-    }
-    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(/^\.\/locale$/, /moment$/))
-    // 生产环境下将资源压缩成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.plugin('optimize-css')
-        .tap(args => {
-          args[0].cssnanoOptions.preset[1].colormin = false
-          return args
-        })
-    }
-    // 生产环境下使用CDN
-    // if (isProd) {
-    //   config.plugin('html')
-    //     .tap(args => {
-    //       args[0].cdn = assetsCDN
-    //     return args
-    //   })
-    // }
-    config.resolve.alias.set('@vue2-client', path.resolve(__dirname, 'src'))
-  },
-  css: {
-    loaderOptions: {
-      less: {
-        lessOptions: {
-          modifyVars: modifyVars(),
-          javascriptEnabled: true
-        }
-      }
-    }
-  },
-  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 productionGzipExtensions = ['js', 'css']
+const isProd = process.env.NODE_ENV === 'production'
+
+const server = 'http://121.36.106.17:8400'
+// const local = 'http://localhost:8445/webmeter'
+const local = 'http://123.60.214.109:8406'
+
+module.exports = {
+  devServer: {
+    // development server port 8000
+    port: 8001,
+    // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11
+    proxy: {
+      '/rs': {
+        target: server,
+        ws: false,
+        changeOrigin: true
+      },
+      '/af-system/entity': {
+        pathRewrite: { '^/af-system/entity': '/rs/entity' },
+        target: local,
+        changeOrigin: true
+      },
+      '/af-system/upload': {
+        pathRewrite: { '^/af-system/upload': '/rs/file/upload' },
+        target: local,
+        changeOrigin: true
+      },
+      '/af-system/resource': {
+        pathRewrite: { '^/af-system/resource': '/rs/resource' },
+        target: local,
+        changeOrigin: true
+      },
+      '/af-system': {
+        pathRewrite: { '^/af-system': '/rs/logic' },
+        target: local,
+        changeOrigin: true
+      }
+    }
+  },
+  pluginOptions: {
+    'style-resources-loader': {
+      preProcessor: 'less',
+      patterns: [path.resolve(__dirname, './src/theme/theme.less')]
+    }
+  },
+  configureWebpack: config => {
+    config.entry.app = ['babel-polyfill', 'whatwg-fetch', './src/main.js']
+    config.performance = {
+      hints: false
+    }
+    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(/^\.\/locale$/, /moment$/))
+    // 生产环境下将资源压缩成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.plugin('optimize-css')
+        .tap(args => {
+          args[0].cssnanoOptions.preset[1].colormin = false
+          return args
+        })
+    }
+    config.resolve.alias.set('@vue2-client', path.resolve(__dirname, 'src'))
+  },
+  css: {
+    loaderOptions: {
+      less: {
+        lessOptions: {
+          modifyVars: modifyVars(),
+          javascriptEnabled: true
+        }
+      }
+    }
+  },
+  publicPath: process.env.VUE_APP_PUBLIC_PATH,
+  outputDir: 'dist',
+  assetsDir: 'static',
+  productionSourceMap: false
+}

package/src/base-client/all.js

@@ -1,62 +0,0 @@
-import Vue from 'vue'
-
-import CustomColumnsDrawer from '@vue2-client/base-client/components/common/CustomColumnsDrawer'
-import InstructDetailsView from '@vue2-client/base-client/components/iot/InstructDetailsView'
-import MeterDetailsView from '@vue2-client/base-client/components/iot/MeterDetailsView'
-import CustomerDetailsView from '@vue2-client/base-client/components/iot/CustomerDetailsView'
-import LogDetailsView from '@vue2-client/base-client/components/iot/LogDetailsView'
-import WebmeterAnalysisView from '@vue2-client/base-client/components/iot/WebmeterAnalysisView'
-import XCard from '@vue2-client/base-client/components/common/XCard/XCard'
-import XFormCol from '@vue2-client/base-client/components/common/XFormCol'
-import XBadge from '@vue2-client/base-client/components/common/XBadge'
-import DataAnalysisUser from '@vue2-client/base-client/components/iot/DataAnalysisUser'
-import AmapPointRendering from '@vue2-client/base-client/components/common/AmapMarker'
-import DeviceTypeDetailsView from '@vue2-client/base-client/components/iot/DeviceTypeDetailsView'
-import DeviceBrandDetailsView from '@vue2-client/base-client/components/iot/DeviceBrandDetailsView'
-import DictionaryDetailsView from '@vue2-client/base-client/components/system/DictionaryDetailsView'
-import QueryParamsDetailsView from '@vue2-client/base-client/components/system/QueryParamsDetailsView'
-import DeviceDetailsView from '@vue2-client/base-client/components/iot/DeviceDetailsView'
-import TicketDetailsView from '@vue2-client/base-client/components/ticket/TicketDetailsView'
-import EmployeeDetailsView from '@vue2-client/base-client/components/ticket/EmployeeDetailsView'
-import submitTicketSuccess from '@vue2-client/base-client/components/ticket/TicketSubmitSuccessView'
-import CreateQuery from '@vue2-client/base-client/components/common/CreateQuery'
-import CreateSimpleFormQuery from '@vue2-client/base-client/components/common/CreateSimpleFormQuery'
-import FormGroupQuery from '@vue2-client/base-client/components/common/FormGroupQuery'
-import FormGroupEdit from '@vue2-client/base-client/components/common/FormGroupEdit'
-import JSONToTree from '@vue2-client/base-client/components/common/JSONToTree'
-import Upload from '@vue2-client/base-client/components/common/Upload'
-import AddressSearchCombobox from '@vue2-client/base-client/components/common/AddressSearchCombobox'
-import CitySelect from '@vue2-client/base-client/components/common/CitySelect'
-import PersonSetting from '@vue2-client/base-client/components/common/PersonSetting'
-// 插件
-import Plugins from '@vue2-client/base-client/plugins'
-Vue.use(Plugins)
-
-Vue.component('custom-columns-drawer', CustomColumnsDrawer)
-Vue.component('InstructDetailsView', InstructDetailsView)
-Vue.component('MeterDetailsView', MeterDetailsView)
-Vue.component('CustomerDetailsView', CustomerDetailsView)
-Vue.component('LogDetailsView', LogDetailsView)
-Vue.component('WebmeterAnalysisView', WebmeterAnalysisView)
-Vue.component('XCard', XCard)
-Vue.component('XBadge', XBadge)
-Vue.component('XFormCol', XFormCol)
-Vue.component('DataAnalysisUser', DataAnalysisUser)
-Vue.component('DeviceTypeDetailsView', DeviceTypeDetailsView)
-Vue.component('DeviceBrandDetailsView', DeviceBrandDetailsView)
-Vue.component('DeviceDetailsView', DeviceDetailsView)
-Vue.component('DictionaryDetailsView', DictionaryDetailsView)
-Vue.component('QueryParamsDetailsView', QueryParamsDetailsView)
-Vue.component('TicketDetailsView', TicketDetailsView)
-Vue.component('EmployeeDetailsView', EmployeeDetailsView)
-Vue.component('submitTicketSuccess', submitTicketSuccess)
-Vue.component('CreateQuery', CreateQuery)
-Vue.component('CreateSimpleFormQuery', CreateSimpleFormQuery)
-Vue.component('FormGroupQuery', FormGroupQuery)
-Vue.component('FormGroupEdit', FormGroupEdit)
-Vue.component('JSONToTree', JSONToTree)
-Vue.component('Upload', Upload)
-Vue.component('AmapPointRendering', AmapPointRendering)
-Vue.component('AddressSearchCombobox', AddressSearchCombobox)
-Vue.component('CitySelect', CitySelect)
-Vue.component('PersonSetting', PersonSetting)

package/src/base-client/components/iot/CustomerDetailsView/CustomerDetailsView.vue

@@ -1,225 +0,0 @@
-<template>
-  <a-drawer
-    title="客户详情"
-    placement="right"
-    :width="isMobile ? screenWidth : screenWidth * 0.85"
-    :visible="visible"
-    @close="onClose"
-  >
-    <a-spin :spinning="loading">
-      <a-page-header
-        :title="details.f_name"
-      >
-        <div class="row">
-          <div class="content">
-            <a-descriptions size="small" :column="isMobile ? 1 : 2">
-              <a-descriptions-item label="客户编号">{{ details.id }}</a-descriptions-item>
-              <a-descriptions-item label="创建时间">{{ format(details.f_input_date,'yyyy-MM-dd hh:mm:ss') }}</a-descriptions-item>
-              <a-descriptions-item label="所属大区">{{ details.f_region }}</a-descriptions-item>
-              <a-descriptions-item label="系统版本">
-                {{ details.f_system_version }}
-              </a-descriptions-item>
-              <a-descriptions-item label="数据库类型">
-                {{ details.f_data_source }}
-              </a-descriptions-item>
-            </a-descriptions>
-          </div>
-          <div class="extra">
-            <a-row class="status-list">
-              <a-col :xs="12" :sm="24">
-                <div class="text">客户状态</div>
-                <div class="heading">
-                  <x-badge badge-key="customerStateMap" :value="details.f_state" :is-external-text="true"/>
-                </div>
-              </a-col>
-            </a-row>
-            <p></p>
-            <a-row class="status-list">
-              <a-col :xs="12" :sm="24">
-                <div class="text">日志持久化状态</div>
-                <div class="heading">
-                  <x-badge badge-key="logPersistenceStateMap" :value="details.f_log_persistence" :is-external-text="true"/>
-                </div>
-              </a-col>
-            </a-row>
-          </div>
-        </div>
-        <!-- actions -->
-        <template v-slot:extra>
-          <a-button-group style="margin-right: 4px;">
-            <a-button type="dashed" @click="initView" :loading="loading">刷新</a-button>
-          </a-button-group>
-        </template>
-        <!-- 操作 -->
-        <a-card
-          style="margin-top: 24px"
-          :bordered="false"
-          :tabList="operationTabList"
-          :activeTabKey="operationActiveTabKey"
-          @tabChange="(key) => {this.operationActiveTabKey = key}"
-        >
-          <div v-if="operationActiveTabKey === '1'">
-            <a-descriptions layout="vertical" bordered>
-              <a-descriptions-item label="联系方式">{{ details.f_contact }}</a-descriptions-item>
-              <a-descriptions-item label="地址" span="2">{{ details.f_address }}</a-descriptions-item>
-              <a-descriptions-item label="备注">{{ details.f_remark }}</a-descriptions-item>
-            </a-descriptions>
-          </div>
-          <div v-else-if="operationActiveTabKey === '2'" class="no-data"><a-icon type="frown-o"/>暂无数据</div>
-        </a-card>
-      </a-page-header>
-    </a-spin>
-  </a-drawer>
-</template>
-
-<script>
-import { formatDate } from '@vue2-client/utils/util'
-import { CustomerDetailsViewApi, post } from '@vue2-client/services/api'
-import { mapState } from 'vuex'
-
-export default {
-  name: 'CustomerDetailsView',
-  data () {
-    return {
-      // 页面宽度
-      screenWidth: document.documentElement.clientWidth,
-      // 客户详情
-      details: {
-        id: 0,
-        f_name: '',
-        f_region: '',
-        f_system_version: '',
-        f_contact: '',
-        f_address: '',
-        f_remark: '',
-        f_state: '正常',
-        f_input_date: '',
-        f_data_source: '',
-        f_log_persistence: '支持'
-      },
-      // 是否刷新加载中
-      loading: false,
-      operationTabList: [
-        {
-          key: '1',
-          tab: '基本信息'
-        },
-        {
-          key: '2',
-          tab: '操作日志'
-        }
-      ],
-      operationActiveTabKey: '1'
-    }
-  },
-  mounted () {
-    this.initView()
-  },
-  computed: {
-    ...mapState('account', { currUser: 'user' }),
-    ...mapState('setting', ['isMobile'])
-  },
-  props: {
-    customerName: {
-      type: String,
-      required: true
-    },
-    visible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    // 初始化组件
-    initView () {
-      this.getCustomers(this.customerName)
-    },
-    onClose () {
-      this.$emit('update:visible', false)
-    },
-    getCustomers (customerName) {
-      this.loading = true
-      return post(CustomerDetailsViewApi.getCustomerDetails, {
-        customerName: customerName
-      })
-        .then(res => {
-          res.f_state = res.f_state === '1' ? '正常' : '停用'
-          this.details = res
-          this.loading = false
-        }, err => {
-          this.loading = false
-          console.warn(err)
-        })
-    },
-    format (date, format) {
-      return formatDate(date, format)
-    }
-  },
-  watch: {
-    'visible' (val) {
-      if (val) {
-        this.initView()
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.detail-layout {
-  margin-left: 44px;
-}
-.text {
-  color: rgba(0, 0, 0, .45);
-}
-
-.heading {
-  color: rgba(0, 0, 0, .85);
-  font-size: 20px;
-}
-
-.no-data {
-  color: rgba(0, 0, 0, .25);
-  text-align: center;
-  line-height: 64px;
-  font-size: 16px;
-
-  i {
-    font-size: 24px;
-    margin-right: 16px;
-    position: relative;
-    top: 3px;
-  }
-}
-
-.mobile {
-  .detail-layout {
-    margin-left: unset;
-  }
-  .text {
-
-  }
-  .status-list {
-    text-align: left;
-  }
-}
-
-.row {
-  display: flex;
-
-  .content {
-    -webkit-box-flex: 1;
-    flex: auto;
-    -ms-flex: auto;
-  }
-
-  .extra {
-    flex: 0 1 auto;
-    -webkit-box-flex: 0;
-    -ms-flex: 0 1 auto;
-    min-width: 242px;
-    margin-left: 88px;
-    text-align: right;
-  }
-}
-</style>

package/src/base-client/components/iot/CustomerDetailsView/index.js

@@ -1,3 +0,0 @@
-import CustomerDetailsView from './CustomerDetailsView'
-
-export default CustomerDetailsView

package/src/base-client/components/iot/CustomerDetailsView/index.md

@@ -1,40 +0,0 @@
-# CustomerDetailsView 客户详情页
-
-提供一个可以对单条客户进行一系列通用业务操作的抽屉实现
-
-
-
-## 何时使用
-
-允许用户对单条客户进行一系列通用业务操作，常用于作为客户详情页的通用实现。
-
-
-
-引用方式：
-
-```javascript
-import CustomerDetailsView from '@vue2-client/base-client/components/CustomerDetailsView'
-
-export default {
-    components: {
-      CustomerDetailsView
-    }
-}
-```
-
-
-
-## 代码演示
-
-```html
-<log-details-view
-  :visible.sync="detailVisible"
-/>
-```
-
-## API
-
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-visible | 是否显示 | Boolean | false
-customerName | 燃气公司客户名 | String | null