运费模板-多选-操作完成后清空选择

mall4v/src/views/modules/shop/transport.vue

@@ -10,19 +10,22 @@
       <template slot-scope="scope"
                 slot="prodPropValues">
         <el-tag v-for="item in scope.row.prodPropValues"
-                :key="item.valueId">{{item.propValue}}</el-tag>
+                :key="item.valueId">{{item.propValue}}
+        </el-tag>
       </template>
       <template slot="menuLeft">
         <el-button type="primary"
                    icon="el-icon-plus"
                    size="small"
                    v-if="isAuth('shop:transport:save')"
-                   @click.stop="addOrUpdateHandle()">新增</el-button>
+                   @click.stop="addOrUpdateHandle()">新增
+        </el-button>
 
         <el-button type="danger"
                    @click="deleteHandle()"
                    v-if="isAuth('shop:transport:delete')"
-                   :disabled="dataListSelections.length <= 0">批量删除</el-button>
+                   :disabled="dataListSelections.length <= 0">批量删除
+        </el-button>
       </template>
 
       <template slot-scope="scope"
@@ -31,13 +34,15 @@
                    icon="el-icon-edit"
                    size="small"
                    v-if="isAuth('shop:transport:update')"
-                   @click.stop="addOrUpdateHandle(scope.row.transportId)">修改</el-button>
+                   @click.stop="addOrUpdateHandle(scope.row.transportId)">修改
+        </el-button>
 
         <el-button type="danger"
                    icon="el-icon-delete"
                    size="small"
                    v-if="isAuth('shop:transport:delete')"
-                   @click.stop="deleteHandle(scope.row.transportId)">删除</el-button>
+                   @click.stop="deleteHandle(scope.row.transportId)">删除
+        </el-button>
       </template>
     </avue-crud>
     <!-- 弹窗, 新增 / 修改 -->
@@ -48,102 +53,109 @@
 </template>
 
 <script>
-import { tableOption } from '@/crud/shop/transport'
+import {tableOption} from '@/crud/shop/transport'
 import AddOrUpdate from './transport-add-or-update'
-export default {
+  export default {
-  data () {
+    data() {
-    return {
+      return {
-      dataForm: {
+        dataForm: {
-        transName: ''
+          transName: ''
-      },
+        },
-      dataList: [],
+        dataList: [],
-      dataListLoading: false,
+        dataListLoading: false,
-      dataListSelections: [],
+        dataListSelections: [],
-      addOrUpdateVisible: false,
+        addOrUpdateVisible: false,
-      page: {
+        page: {
-        total: 0, // 总页数
+          total: 0, // 总页数
-        currentPage: 1, // 当前页数
+          currentPage: 1, // 当前页数
-        pageSize: 10 // 每页显示多少条
+          pageSize: 10 // 每页显示多少条
-      },
+        },
-      tableOption: tableOption
+        tableOption: tableOption
-    }
+      }
-  },
-  components: {
-    AddOrUpdate
-  },
-  methods: {
-    // 获取数据列表
-    getDataList (page, params) {
-      this.dataListLoading = true
-      this.$http({
-        url: this.$http.adornUrl('/shop/transport/page'),
-        method: 'get',
-        params: this.$http.adornParams(
-          Object.assign(
-            {
-              current: page == null ? this.page.currentPage : page.currentPage,
-              size: page == null ? this.page.pageSize : page.pageSize
-            },
-            params
-          )
-        )
-      }).then(({ data }) => {
-        this.dataList = data.records
-        this.page.total = data.total
-        this.dataListLoading = false
-      })
     },
-    // 新增 / 修改
+    components: {
-    addOrUpdateHandle (id) {
+      AddOrUpdate
-      this.addOrUpdateVisible = true
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(id)
-      })
     },
-    // 删除
+    methods: {
-    deleteHandle (id) {
+      // 获取数据列表
-      var ids = id
+      getDataList(page, params) {
-        ? [id]
+        this.dataListLoading = true
-        : this.dataListSelections.map(item => {
+        this.$http({
-          return item.transportId
+          url: this.$http.adornUrl('/shop/transport/page'),
-        })
+          method: 'get',
-      this.$confirm(
+          params: this.$http.adornParams(
-        `确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`,
+            Object.assign(
-        '提示',
+              {
-        {
+                current: page == null ? this.page.currentPage : page.currentPage,
-          confirmButtonText: '确定',
+                size: page == null ? this.page.pageSize : page.pageSize
-          cancelButtonText: '取消',
+              },
-          type: 'warning'
+              params
+            )
+          )
+        }).then(({data}) = > {
+          this.dataList = data.records
+          this.page.total = data.total
+          this.dataListLoading = false
+        }
+      )
+      },
+      // 新增 / 修改
+      addOrUpdateHandle(id) {
+        this.addOrUpdateVisible = true
+        this.$nextTick(() = > {
+          this.$refs.addOrUpdate.init(id)
         }
       )
-        .then(() => {
+      },
+      // 删除
+      deleteHandle(id) {
+        var ids = id ? [id] : this.dataListSelections.map(item = > {return item.transportId}
+      )
+        this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示',
+          {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }
+        )
+          .then(() = > {
           this.$http({
             url: this.$http.adornUrl('/shop/transport'),
             method: 'delete',
             data: this.$http.adornData(ids, false)
-          }).then(({ data }) => {
+          }).then(({data}) = > {
             this.$message({
               message: '操作成功',
               type: 'success',
               duration: 1500,
-              onClose: () => {
+              onClose:() => {
-                this.getDataList(this.page)
+              // this.getDataList(this.page)
-              }
+              this.refreshChange()
-            })
+            }
-          })
+          }
-        })
+      )
-        .catch(() => { })
+      })
-    },
+      })
-
+      .
-    // 条件查询
+        catch(() = > {}
-    searchChange (params) {
+      )
-      this.getDataList(this.page, params)
+      },
-    },
 
-    // 多选变化
+      // 条件查询
-    selectionChange (val) {
+      searchChange(params) {
-      this.dataListSelections = val
+        this.getDataList(this.page, params)
+      },
+      // 刷新回调用
+      refreshChange() {
+        this.page = this.$refs.crud.$refs.tablePage.defaultPage
+        this.getDataList(this.page)
+        this.dataListSelections = []
+        this.$refs.crud.selectClear()
+      },
+      // 多选变化
+      selectionChange(val) {
+        this.dataListSelections = val
+      }
     }
   }
-}
 </script>