添加lkg删除功能

zhangzengfei

2021-06-21 86c9a1b4e5f91e85ba3aef98be5961398f55e475

添加lkg删除功能

 src/api/shuohuang.ts

@@ -173,4 +173,11 @@
  request({
    url: '/data/api-c/lkg/getLKGData',
    method: 'get',
  })

export const delLKGData = (query: any) =>
  request({
    url: '/data/api-c/lkg/delLKGData',
    method: 'get',
    params: query
  })

 src/pages/shuohuangMonitorAnalyze/components/lkgManage.vue

@@ -27,13 +27,18 @@
        <el-table-column prop="Driver2" label="副司机"></el-table-column>
        <el-table-column prop="StartTime" label="开始时间"></el-table-column>
        <el-table-column prop="EndTime" label="结束时间"></el-table-column>
        <el-table-column label="操作">
          <template slot-scope="scope">
            <i class="el-icon-delete del-icon" @click="delLKG(scope.row)"></i>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import { uploadLKG, getLKGData } from "@/api/shuohuang"
import { uploadLKG, getLKGData, delLKGData } from "@/api/shuohuang"

export default {
  data() {
@@ -74,6 +79,32 @@
          this.lkgData = rsp.data;
        }
      })
    },
    delLKG(row) {

      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {

        delLKGData({ id: row.ID }).then(rsp => {
          if (rsp && rsp.success) {
            this.$message.success("删除成功")
          } else {
            this.$message.warning("删除失败")
          }

          this.fetchLKGData()
        }).catch(err => {
          this.$message.warning("删除失败")
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    }
  }
}
@@ -89,5 +120,10 @@
  .lkg-list {
    margin: 10px 20px;
  }

  .del-icon {
    color: red;
    cursor: pointer;
  }
}
</style>