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

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,10 +53,10 @@
 </template>
 
 <script>
-import { tableOption } from '@/crud/shop/transport'
+import {tableOption} from '@/crud/shop/transport'
 import AddOrUpdate from './transport-add-or-update'
-export default {
-  data () {
+  export default {
+    data() {
       return {
         dataForm: {
           transName: ''
@@ -73,7 +78,7 @@ export default {
     },
     methods: {
       // 获取数据列表
-    getDataList (page, params) {
+      getDataList(page, params) {
         this.dataListLoading = true
         this.$http({
           url: this.$http.adornUrl('/shop/transport/page'),
@@ -87,63 +92,70 @@ export default {
               params
             )
           )
-      }).then(({ data }) => {
+        }).then(({data}) = > {
           this.dataList = data.records
           this.page.total = data.total
           this.dataListLoading = false
-      })
+        }
+      )
       },
       // 新增 / 修改
-    addOrUpdateHandle (id) {
+      addOrUpdateHandle(id) {
         this.addOrUpdateVisible = true
-      this.$nextTick(() => {
+        this.$nextTick(() = > {
           this.$refs.addOrUpdate.init(id)
-      })
+        }
+      )
       },
       // 删除
-    deleteHandle (id) {
-      var ids = id
-        ? [id]
-        : this.dataListSelections.map(item => {
-          return item.transportId
-        })
-      this.$confirm(
-        `确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`,
-        '提示',
+      deleteHandle(id) {
+        var ids = id ? [id] : this.dataListSelections.map(item = > {return item.transportId}
+      )
+        this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示',
           {
             confirmButtonText: '确定',
             cancelButtonText: '取消',
             type: 'warning'
           }
         )
-        .then(() => {
+          .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: () => {
-                this.getDataList(this.page)
+              onClose:() => {
+              // this.getDataList(this.page)
+              this.refreshChange()
             }
+          }
+      )
       })
       })
-        })
-        .catch(() => { })
+      .
+        catch(() = > {}
+      )
       },
 
       // 条件查询
-    searchChange (params) {
+      searchChange(params) {
         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) {
+      selectionChange(val) {
         this.dataListSelections = val
       }
     }
-}
+  }
 </script>