vue2-client 1.6.59-single → 1.6.60-single

package/CHANGELOG.md

@@ -1,6 +1,9 @@
 # Change Log
 > 所有关于本项目的变化都在该文档里。
 
+**1.6.60 -2023-08-08 @江超**
+- XTable优化编辑数据的方法
+
 **1.6.59 -2023-08-08 @江超**
 - XTable增加按钮组左侧扩展操作slot
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.6.59-single",
+  "version": "1.6.60-single",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",

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

@@ -284,9 +284,19 @@ export default {
       this.$emit('afterQuery', result, requestParameters.conditionParams)
       return result
     },
+    /**
+     * 操作列事件
+     * @param record 本条数据
+     * @param actionType 操作类型
+     */
     action (record, actionType) {
       this.$emit('action', record, record[this.getPrimaryKeyName()], actionType)
     },
+    /**
+     * 选择列事件
+     * @param selectedRowKeys 被选择的列Key集合
+     * @param selectedRows 被选择的列集合
+     */
     onSelectChange (selectedRowKeys, selectedRows) {
       this.selectedRowKeys = selectedRowKeys
       this.selectedRows = selectedRows
@@ -314,12 +324,14 @@ export default {
     refresh (bool) {
       this.$refs.table.refresh(bool)
     },
+    /**
+     * 格式化日期
+     * @param date 日期字符串
+     * @param format 格式化方式
+     */
     format (date, format) {
       return formatDate(date, format)
     },
-    showDrawer () {
-      this.visible = true
-    },
     /**
      * 获取主键列名称
      */
@@ -336,8 +348,7 @@ export default {
       } else {
         exportData = this.$refs.table.localDataSource
       }
-      const data = this.formatJson(filterVal, exportData)
-      exportJson(tHeader, data, this.title + `数据_${new Date().toLocaleString()}`)
+      exportJson(tHeader, exportData.map(v => filterVal.map(j => v[j])), this.title + `数据_${new Date().toLocaleString()}`)
     },
     // 导出符合条件的数据
     handleExportByQuery () {
@@ -365,7 +376,13 @@ export default {
     // 编辑业务
     edit (id) {
       this.editLoading = true
-      // 组织被编辑数据
+      this.getEditData(id).then(modifyModelData => {
+        this.$emit('edit', modifyModelData)
+        this.editLoading = false
+      })
+    },
+    // 获取被编辑的数据
+    getEditData (id) {
       const requestParameters = {
         queryParamsName: this.queryParamsName,
         queryParams: this.queryParams,
@@ -385,13 +402,11 @@ export default {
         this.$emit('tempTableEdit', requestParameters)
         return
       }
-      queryWithResource(requestParameters, this.serviceName).then(res => {
+      return queryWithResource(requestParameters, this.serviceName).then(res => {
         // 将更新需要的主键值加入到primaryKeyData中
         const primaryKeyData = {}
         primaryKeyData[primaryKeyName] = this.selectId
-        const modifyModelData = { data: res.data[0], primaryKeyData: primaryKeyData, images: res.images, files: res.files }
-        this.$emit('edit', modifyModelData)
-        this.editLoading = false
+        return { data: res.data[0], primaryKeyData: primaryKeyData, images: res.images, files: res.files }
       })
     },
     // 删除业务
@@ -429,9 +444,6 @@ export default {
     importData () {
       this.$refs.importExcel.importExcelHandleOpen()
     },
-    formatJson (filterVal, jsonData) {
-      return jsonData.map(v => filterVal.map(j => v[j]))
-    },
     // 初始化临时表
     async initTempTable (json) {
       await this.createTempTable(this.queryParamsJson)