vue2-client 1.2.62 → 1.2.65

package/CHANGELOG.md

@@ -1,11 +1,24 @@
 # Change Log
 > 所有关于本项目的变化都在该文档里。
 
-**1.2.57 - 1.2.62 -2022-05-25 @张振宇**
+**1.2.64 - 1.2.65 -2022-05-25 @张振宇**
+- 功能修改：
+- 建档表单配置 bug修改
+- 文件上传框 文件类型以及个数限制可以生效了
+- 表单增加按钮插槽
+
+**1.2.3 -2022-05-26 @苗艳强**
+- 功能修改：
+- x-form-table:
+- 修改 afterSubmit 事件增加操作类型
+- 新增 afterDelete 事件
+
+**1.2.57 - 1.2.63 -2022-05-25 @张振宇**
 - 功能修改：
 - 文件上传 基础表单相关修改
 - 简单表单生成 数据字段提取出来
 - 新增修改表单加载时不带出 文件属性
+- 查询表单页面按钮配置
 
 **1.2.55 -2022-05-20 @江超**
 - 问题修复：

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.2.62",
+  "version": "1.2.65",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/base-client/components/common/CreateQuery/CreateQuery.vue

@@ -440,9 +440,9 @@ export default {
           delete item.dataModeArray
         }
       }
-      if (this.buttonStateData.length !== 4) {
+      // if (this.buttonStateData.length !== 4) {
         this.result.buttonState = this.buttonState
-      }
+      // }
       then()
     },
     view () {

package/src/base-client/components/common/CreateSimpleFormQuery/CreateSimpleFormQueryItem.vue

@@ -325,6 +325,7 @@ export default {
         },
         formType: 'input',
         accept: undefined,
+        acceptCount: 3,
         pathKey: undefined,
         groupIndexView: undefined,
         selectType: undefined,
@@ -370,6 +371,7 @@ export default {
           required: 'false'
         },
         selectKey: undefined,
+        acceptCount: 3,
         formType: 'input',
         fileRootPath: undefined,
         pathKey: undefined,
@@ -516,7 +518,7 @@ export default {
       if (!this.selectDataShow) {
         this.delKey(this.item, 'selectType', 'selectKey', 'lazyLoad', 'selectKeyName')
       }
-      this.delKey(this.item, 'addOrEdit', 'queryType', 'default', 'silencePurpose', 'silenceSource', 'rule', 'lazyLoad')
+      this.delKey(this.item, 'addOrEdit', 'queryType', 'default', 'silencePurpose', 'silenceSource', 'lazyLoad')
       this.item.dataModeArray = ['addOrEditForm']
       this.$emit('itemHandle', this.item, this.type)
       this.initItem()

package/src/base-client/components/common/Upload/Upload.vue

@@ -4,6 +4,7 @@
       v-if="model.type === 'file'"
       name="file"
       :multiple="true"
+      :accept="model.accept.join('')"
       :remove="deleteFileItem"
       :customRequest="uploadFiles"
       :file-list="uploadedFileList">
@@ -20,6 +21,7 @@
     <a-upload
       v-if=" model.type === 'image'"
       list-type="picture-card"
+      :accept="model.accept.join('')"
       :customRequest="uploadFiles"
       :remove="deleteFileItem"
       :file-list="uploadedFileList">
@@ -72,6 +74,10 @@ export default {
   },
   methods: {
     uploadFiles (info) {
+      if (this.uploadedFileList.length >= this.model.acceptCount) {
+        this.$message.error(`当前表单限制仅可上传 ${this.model.acceptCount} 个文件`)
+        return
+      }
       // 初始化文件信息
       const fileInfo = {
         uid: info.file.uid,

package/src/base-client/components/common/XFormTable/XFormTable.vue

@@ -23,6 +23,7 @@
         @toggleIsFormShow="toggleIsFormShow"
         @selectRow="selectRow"
         :queryParams="queryParams"
+        :buttonState="buttonState"
         :queryParamsName="queryParamsName"
         :fixedQueryForm="fixedQueryForm"
         @loadData="loadData"
@@ -45,7 +46,7 @@
             <a-button :disabled="!isDelete" type="danger" @click="deleteItem" v-if="!buttonState || buttonState.delete">
               <a-icon :style="iconStyle" type="delete"/>删除
             </a-button>
-
+            <slot name="button" :selectedRowKeys="selectedRowKeys"></slot>
           </a-space>
           <slot name="expand"></slot>
         </template>
@@ -282,7 +283,7 @@ export default {
           this.modelVisible = false
           this.$refs.xTable.refresh(true)
           // commit
-          this.$emit('afterSubmit', res)
+          this.$emit('afterSubmit', { type: this.businessType, id: res.id })
         }).catch(e => {
           this.loading = false
           this.modelVisible = false
@@ -366,8 +367,8 @@ export default {
             this.$message.success('删除成功！')
             this.$refs.xTable.clearRowKeys()
             this.$refs.xTable.refresh(true)
-            // commit
-            this.$emit('afterSubmit', res)
+            // afterDelete
+            this.$emit('afterDelete', { idList: requestParameters.idList })
           }).catch(e => {
             this.loading = false
             this.$message.error('删除失败！')

package/src/base-client/components/common/XFormTable/index.md

@@ -45,7 +45,8 @@ export default {
 | isExports          | 是否显示导出按钮                | Boolean | true  |
 | viewMode           | 是否为预览模式                 | Boolean | false |
 | @action            | 表格详情列的单击事件              | event   | -     |
-| @afterSubmit       | 增删改提交后的回调方法             | event   | -     |
+| @afterSubmit       | 增改提交后的回调方法             | event   | -     |
+| @afterDelete       | 删除提交后的回调方法             | event   | -     |
 | @afterSearchSubmit | 查询提交后的回调方法              | event   | -     |
  | @afterQuery        | 表格查询后的回调方法              | event   | -     |
 ## 例子1

package/src/base-client/components/common/XTable/XTable.vue

@@ -1,262 +1,269 @@
-<template>
-  <div>
-    <custom-columns-drawer
-      :visible.sync="visible"
-      :columns.sync="tableColumns"
-      :columns-meta="jsonData"/>
-    <a-row :gutter="48">
-      <a-col>
-        <span :style="{ float: 'left', overflow: 'hidden', marginBottom: '8px' }">
-          <slot name="expand"></slot>
-        </span>
-      </a-col>
-      <a-col>
-        <span :style="{ float: 'right', overflow: 'hidden', marginBottom: '8px' }">
-          <a-button-group>
-            <a-button @click="toggleIsFormShow">
-              <a-icon :style="iconStyle" type="vertical-align-top"/>
-            </a-button>
-            <a-button @click="refresh(true)">
-              <a-icon :style="iconStyle" type="reload" />
-            </a-button>
-            <a-button @click="showDrawer">
-              <a-icon :style="iconStyle" type="table" />
-            </a-button>
-            <a-button @click="exports">
-              <a-icon :style="iconStyle" type="cloud-download"/>
-            </a-button>
-          </a-button-group>
-        </span>
-      </a-col>
-    </a-row>
-    <s-table
-      ref="table"
-      size="default"
-      :rowKey="rowKey"
-      :columns="tableColumns"
-      :data="loadData"
-      :alert="true"
-      :rowSelection="rowSelection"
-      showPagination="auto"
-      :scroll="{ x: scrollXWidth, y: scrollYWidth }"
-    >
-      <template
-        v-for="(item, index) in tableColumns"
-        :slot="item.dataIndex"
-        slot-scope="text, record">
-        <!-- 文本溢出省略(ellipsis) -->
-        <span :key="index" v-if="item.slotType === 'ellipsis'">
-          <ellipsis :length="item.slotValue" tooltip>{{ text === '' ? '--' : text }}</ellipsis>
-        </span>
-        <!-- 徽标(badge) -->
-        <span :key="index" v-else-if="item.slotType === 'badge'">
-          <x-badge :badge-key="item.slotKeyMap" :value="text" />
-        </span>
-        <!-- 日期(date) -->
-        <span :key="index" v-else-if="item.slotType === 'date'">
-          {{ format(text,'yyyy-MM-dd') }}
-        </span>
-        <!-- 日期时间(datetime) -->
-        <span :key="index" v-else-if="item.slotType === 'dateTime'">
-          {{ format(text,'yyyy-MM-dd hh:mm:ss') }}
-        </span>
-        <!-- 操作列(action) -->
-        <span :key="index" v-else-if="item.slotType === 'action'">
-          <a @click="action(record)">{{ item.slotValue }}</a>
-        </span>
-      </template>
-    </s-table>
-  </div>
-</template>
-<script>
-import { Ellipsis, STable } from '@vue2-client/components'
-import { formatDate } from '@vue2-client/utils/util'
-import { exportJson } from '@vue2-client/utils/excel/Export2Excel'
-
-export default {
-  name: 'XTable',
-  components: {
-    STable,
-    Ellipsis
-  },
-  data () {
-    return {
-      // 加载数据方法 必须为 Promise 对象
-      loadData: parameter => {
-        // 取到表格携带的表单参数
-        const requestParameters = Object.assign({}, parameter)
-        // 取到父组件传入的表单参数
-        const conditionParams = Object.assign(this.fixedQueryForm, this.form)
-        // 如果适用了综合筛选表单，则进行数据处理
-        if (conditionParams.rowIdName) {
-          const rowIdName = conditionParams.rowIdName
-          const rowIdValue = conditionParams.rowIdValue
-          delete conditionParams.rowIdName
-          delete conditionParams.rowIdValue
-          if (rowIdValue) {
-            conditionParams[rowIdName] = rowIdValue
-          }
-        }
-        // 如果传了燃气公司字段，则进行数据处理
-        if (conditionParams.orgName) {
-          requestParameters.orgName = conditionParams.orgName
-          delete conditionParams.orgName
-        }
-        requestParameters.conditionParams = conditionParams
-        requestParameters.queryParamsName = this.queryParamsName
-        requestParameters.queryParams = this.queryParams
-        // 加载数据
-        return this.loadTableData(requestParameters)
-      },
-      rowKey: undefined,
-      scrollXWidth: 1600,
-      scrollYWidth: 437,
-      selectedRowKeys: [],
-      selectedRows: [],
-      // 数据列
-      tableColumns: this.jsonData,
-      // 是否显示展示列抽屉
-      visible: false,
-      dataSource: [],
-      // 图标样式
-      iconStyle: {
-        position: 'relative',
-        top: '1px'
-      }
-    }
-  },
-  watch: {
-    form (rel) {
-      this.form = rel
-      this.refresh(true)
-    },
-    jsonData () {
-      this.initTableParams()
-    }
-  },
-  props: {
-    jsonData: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    queryParamsName: {
-      type: String,
-      default: () => {
-        return ''
-      }
-    },
-    // 查询参数对象, 用于没有对应查询配置文件名时
-    queryParams: {
-      type: Object,
-      default: null
-    },
-    form: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    // 固定查询表单
-    fixedQueryForm: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    }
-  },
-  computed: {
-    rowSelection () {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
-        onChange: this.onSelectChange
-      }
-    }
-  },
-  mounted () {
-    this.initTableParams()
-  },
-  methods: {
-    exports () {
-      const tHeader = this.tableColumns.filter(res => res.slotType !== 'action').map(res => res.title)
-      const filterVal = this.tableColumns.map(res => res.dataIndex)
-      const list = this.dataSource
-      const data = this.formatJson(filterVal, list)
-      exportJson(tHeader, data, new Date())
-    },
-    formatJson (filterVal, jsonData) {
-      return jsonData.map(v => filterVal.map(j => v[j]))
-    },
-    badgeFilter (key, value) {
-      return this.$appdata.getParam(key, value)
-    },
-    initTableParams () {
-      let totalWidth = 0
-      this.rowKey = this.tableColumns[0].dataIndex
-      for (let i = 0; i < this.tableColumns.length; i++) {
-        const item = this.tableColumns[i]
-        if (item.dataIndex === 'action') {
-          item.fixed = 'right'
-          item.width = 70
-        }
-        if (item.width) {
-          totalWidth = totalWidth + item.width
-        } else {
-          totalWidth = totalWidth + 180
-        }
-      }
-      const width = document.documentElement.clientWidth
-      if (width >= 1600) {
-        this.scrollYWidth = 429
-      } else if (width >= 1200) {
-        this.scrollYWidth = 390
-      } else {
-        this.scrollYWidth = 343
-      }
-      // 横向滚动长度大于所有宽度，才能实现固定表头
-      this.scrollXWidth = totalWidth
-    },
-    loadTableData (requestParameters) {
-      let data = []
-      this.$emit('loadData', requestParameters, val => {
-        data = val
-      })
-      const _this = this
-       data.then(res => {
-         _this.dataSource = res.data
-      })
-      return data
-    },
-    action (record) {
-      this.$emit('action', record, record[this.jsonData[0].dataIndex])
-    },
-    onSelectChange (selectedRowKeys, selectedRows) {
-      this.selectedRowKeys = selectedRowKeys
-      this.selectedRows = selectedRows
-      this.$emit('selectRow', selectedRowKeys)
-    },
-    clearRowKeys () {
-      this.$refs.table.clearSelected()
-    },
-    /**
-     * 表格重新加载方法
-     * 如果参数为 true, 则强制刷新到第一页
-     */
-    refresh (bool) {
-      this.$refs.table.refresh(bool)
-    },
-    format (date, format) {
-      return formatDate(date, format)
-    },
-    showDrawer () {
-      this.visible = true
-    },
-    toggleIsFormShow () {
-      this.$emit('toggleIsFormShow')
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-</style>
+<template>
+  <div>
+    <custom-columns-drawer
+      :visible.sync="visible"
+      :columns.sync="tableColumns"
+      :columns-meta="jsonData"/>
+    <a-row :gutter="48">
+      <a-col>
+        <span :style="{ float: 'left', overflow: 'hidden', marginBottom: '8px' }">
+          <slot name="expand"></slot>
+        </span>
+      </a-col>
+      <a-col>
+        <span :style="{ float: 'right', overflow: 'hidden', marginBottom: '8px' }">
+          <a-button-group>
+            <a-button @click="toggleIsFormShow">
+              <a-icon :style="iconStyle" type="vertical-align-top"/>
+            </a-button>
+            <a-button @click="refresh(true)">
+              <a-icon :style="iconStyle" type="reload" />
+            </a-button>
+            <a-button @click="showDrawer">
+              <a-icon :style="iconStyle" type="table" />
+            </a-button>
+            <a-button @click="exports" v-if="!buttonState || buttonState.export">
+              <a-icon :style="iconStyle" type="cloud-download"/>
+            </a-button>
+          </a-button-group>
+        </span>
+      </a-col>
+    </a-row>
+    <s-table
+      ref="table"
+      size="default"
+      :rowKey="rowKey"
+      :columns="tableColumns"
+      :data="loadData"
+      :alert="true"
+      :rowSelection="rowSelection"
+      showPagination="auto"
+      :scroll="{ x: scrollXWidth, y: scrollYWidth }"
+    >
+      <template
+        v-for="(item, index) in tableColumns"
+        :slot="item.dataIndex"
+        slot-scope="text, record">
+        <!-- 文本溢出省略(ellipsis) -->
+        <span :key="index" v-if="item.slotType === 'ellipsis'">
+          <ellipsis :length="item.slotValue" tooltip>{{ text === '' ? '--' : text }}</ellipsis>
+        </span>
+        <!-- 徽标(badge) -->
+        <span :key="index" v-else-if="item.slotType === 'badge'">
+          <x-badge :badge-key="item.slotKeyMap" :value="text" />
+        </span>
+        <!-- 日期(date) -->
+        <span :key="index" v-else-if="item.slotType === 'date'">
+          {{ format(text,'yyyy-MM-dd') }}
+        </span>
+        <!-- 日期时间(datetime) -->
+        <span :key="index" v-else-if="item.slotType === 'dateTime'">
+          {{ format(text,'yyyy-MM-dd hh:mm:ss') }}
+        </span>
+        <!-- 操作列(action) -->
+        <span :key="index" v-else-if="item.slotType === 'action'">
+          <a @click="action(record)">{{ item.slotValue }}</a>
+        </span>
+      </template>
+    </s-table>
+  </div>
+</template>
+<script>
+import { Ellipsis, STable } from '@vue2-client/components'
+import { formatDate } from '@vue2-client/utils/util'
+import { exportJson } from '@vue2-client/utils/excel/Export2Excel'
+
+export default {
+  name: 'XTable',
+  components: {
+    STable,
+    Ellipsis
+  },
+  data () {
+    return {
+      // 加载数据方法 必须为 Promise 对象
+      loadData: parameter => {
+        // 取到表格携带的表单参数
+        const requestParameters = Object.assign({}, parameter)
+        // 取到父组件传入的表单参数
+        const conditionParams = Object.assign(this.fixedQueryForm, this.form)
+        // 如果适用了综合筛选表单，则进行数据处理
+        if (conditionParams.rowIdName) {
+          const rowIdName = conditionParams.rowIdName
+          const rowIdValue = conditionParams.rowIdValue
+          delete conditionParams.rowIdName
+          delete conditionParams.rowIdValue
+          if (rowIdValue) {
+            conditionParams[rowIdName] = rowIdValue
+          }
+        }
+        // 如果传了燃气公司字段，则进行数据处理
+        if (conditionParams.orgName) {
+          requestParameters.orgName = conditionParams.orgName
+          delete conditionParams.orgName
+        }
+        requestParameters.conditionParams = conditionParams
+        requestParameters.queryParamsName = this.queryParamsName
+        requestParameters.queryParams = this.queryParams
+        // 加载数据
+        return this.loadTableData(requestParameters)
+      },
+      rowKey: undefined,
+      scrollXWidth: 1600,
+      scrollYWidth: 437,
+      selectedRowKeys: [],
+      selectedRows: [],
+      // 数据列
+      tableColumns: this.jsonData,
+      // 是否显示展示列抽屉
+      visible: false,
+      dataSource: [],
+      // 图标样式
+      iconStyle: {
+        position: 'relative',
+        top: '1px'
+      }
+    }
+  },
+  watch: {
+    form (rel) {
+      this.form = rel
+      this.refresh(true)
+    },
+    jsonData () {
+      this.initTableParams()
+    }
+  },
+  props: {
+    jsonData: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    queryParamsName: {
+      type: String,
+      default: () => {
+        return ''
+      }
+    },
+    // 查询参数对象, 用于没有对应查询配置文件名时
+    queryParams: {
+      type: Object,
+      default: null
+    },
+    form: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    // 固定查询表单
+    fixedQueryForm: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    // 按钮
+    buttonState: {
+      type: Object,
+      default: () => {
+        return undefined
+      }
+    }
+  },
+  computed: {
+    rowSelection () {
+      return {
+        selectedRowKeys: this.selectedRowKeys,
+        onChange: this.onSelectChange
+      }
+    }
+  },
+  mounted () {
+    this.initTableParams()
+  },
+  methods: {
+    exports () {
+      const tHeader = this.tableColumns.filter(res => res.slotType !== 'action').map(res => res.title)
+      const filterVal = this.tableColumns.map(res => res.dataIndex)
+      const list = this.dataSource
+      const data = this.formatJson(filterVal, list)
+      exportJson(tHeader, data, new Date())
+    },
+    formatJson (filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    badgeFilter (key, value) {
+      return this.$appdata.getParam(key, value)
+    },
+    initTableParams () {
+      let totalWidth = 0
+      this.rowKey = this.tableColumns[0].dataIndex
+      for (let i = 0; i < this.tableColumns.length; i++) {
+        const item = this.tableColumns[i]
+        if (item.dataIndex === 'action') {
+          item.fixed = 'right'
+          item.width = 70
+        }
+        if (item.width) {
+          totalWidth = totalWidth + item.width
+        } else {
+          totalWidth = totalWidth + 180
+        }
+      }
+      const width = document.documentElement.clientWidth
+      if (width >= 1600) {
+        this.scrollYWidth = 429
+      } else if (width >= 1200) {
+        this.scrollYWidth = 390
+      } else {
+        this.scrollYWidth = 343
+      }
+      // 横向滚动长度大于所有宽度，才能实现固定表头
+      this.scrollXWidth = totalWidth
+    },
+    loadTableData (requestParameters) {
+      let data = []
+      this.$emit('loadData', requestParameters, val => {
+        data = val
+      })
+      const _this = this
+       data.then(res => {
+         _this.dataSource = res.data
+      })
+      return data
+    },
+    action (record) {
+      this.$emit('action', record, record[this.jsonData[0].dataIndex])
+    },
+    onSelectChange (selectedRowKeys, selectedRows) {
+      this.selectedRowKeys = selectedRowKeys
+      this.selectedRows = selectedRows
+      this.$emit('selectRow', selectedRowKeys)
+    },
+    clearRowKeys () {
+      this.$refs.table.clearSelected()
+    },
+    /**
+     * 表格重新加载方法
+     * 如果参数为 true, 则强制刷新到第一页
+     */
+    refresh (bool) {
+      this.$refs.table.refresh(bool)
+    },
+    format (date, format) {
+      return formatDate(date, format)
+    },
+    showDrawer () {
+      this.visible = true
+    },
+    toggleIsFormShow () {
+      this.$emit('toggleIsFormShow')
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+</style>

package/src/layouts/tabs/TabsView.vue

@@ -367,6 +367,13 @@ export default {
         width: 1400px;
         margin: 0 auto;
       }
+      > div > div > .ant-card:first-of-type > .ant-card-body {
+        max-height: calc(100vh - 64px - 48px - 24px);
+        overflow-y: auto;
+        &::-webkit-scrollbar {
+          display: none;
+        }
+      }
     }
   }
 </style>

package/src/pages/CreateQueryPage.vue

@@ -1,58 +1,58 @@
-<template>
-  <div>
-    <create-query
-      :visible.sync="visible"
-      @saveQueryParams="saveQueryParams"
-    />
-    <create-simple-form-query
-      :visible.sync="createSimpleFormVisible"
-      @saveSimpleFormQueryParams="saveSimpleFormQueryParams"
-    />
-    <a-button type="primary" style="margin-top: 10px;margin-left: 10px;" @click="showDrawer">打开完整查询配置生成工具</a-button>
-    <a-button type="primary" style="margin-top: 10px;margin-left: 10px;" @click="showSimpleFormQueryParamsDrawer">打开基础表单配置生成工具</a-button>
-  </div>
-</template>
-
-<script>
-import { post } from '@vue2-client/services/api/restTools'
-
-export default {
-  name: 'CreateQueryPage',
-  data () {
-    return {
-      visible: false,
-      createSimpleFormVisible: false
-    }
-  },
-  methods: {
-    showDrawer () {
-      this.visible = true
-    },
-    showSimpleFormQueryParamsDrawer () {
-      this.createSimpleFormVisible = true
-    },
-    // 存储查询配置信息
-    saveQueryParams (source) {
-      return post('/webmeterapi/addOrEditQueryParams', {
-        source: source
-      }).then(res => {
-        this.$message.success('保存查询配置成功')
-      }, err => {
-        console.error(err)
-      })
-    },
-    // 存储基础表单配置信息
-    saveSimpleFormQueryParams (source) {
-      return post('/webmeterapi/addOrEditSimpleFormQueryParams', {
-        source: source
-      }).then(res => {
-        this.$message.success('保存基础表单配置成功')
-      }, err => {
-        console.error(err)
-      })
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-</style>
+<template>
+  <div>
+    <create-query
+      :visible.sync="visible"
+      @saveQueryParams="saveQueryParams"
+    />
+    <create-simple-form-query
+      :visible.sync="createSimpleFormVisible"
+      @saveSimpleFormQueryParams="saveSimpleFormQueryParams"
+    />
+    <a-button type="primary" style="margin-top: 10px;margin-left: 10px;" @click="showDrawer">打开完整查询配置生成工具</a-button>
+    <a-button type="primary" style="margin-top: 10px;margin-left: 10px;" @click="showSimpleFormQueryParamsDrawer">打开基础表单配置生成工具</a-button>
+  </div>
+</template>
+
+<script>
+import { post } from '@vue2-client/services/api/restTools'
+
+export default {
+  name: 'CreateQueryPage',
+  data () {
+    return {
+      visible: false,
+      createSimpleFormVisible: false
+    }
+  },
+  methods: {
+    showDrawer () {
+      this.visible = true
+    },
+    showSimpleFormQueryParamsDrawer () {
+      this.createSimpleFormVisible = true
+    },
+    // 存储查询配置信息
+    saveQueryParams (source) {
+      return post('/webmeterapi/addOrEditQueryParams', {
+        source: source
+      }).then(res => {
+        this.$message.success('保存查询配置成功')
+      }, err => {
+        console.error(err)
+      })
+    },
+    // 存储基础表单配置信息
+    saveSimpleFormQueryParams (source) {
+      return post('/webmeterapi/addOrEditSimpleFormQueryParams', {
+        source: source
+      }).then(res => {
+        this.$message.success('保存基础表单配置成功')
+      }, err => {
+        console.error(err)
+      })
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+</style>

package/vue.config.js

@@ -1,153 +1,153 @@
-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': {
-        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 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': {
+        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
+}