yos_meida/src/HManagement/clueManage/clue_public/index.vue

<template>
  <div>
    <div class="container normal-panel normal-margin flex">
      <distribution v-if="tool.checkAuth($route.name,'distribution')" @onSuccess="onSuccess"></distribution>
      <exportBtn :params="params" v-if="tool.checkAuth($route.name,'export')"></exportBtn>
    </div>
    <list ref="list">
      <template v-slot:detail="scope">
        <el-button class="inline-16" size="small" type="text" @click="$router.push({path:'/clueDetail',query:{id:scope.data.data.sat_orderclueid}})">详 情</el-button>
      </template>
      <template v-slot:edit="scope">
        <edit v-if="tool.checkAuth($route.name,'update')" :data="scope.data.data" type="text" @onSuccess="onSuccess"></edit>
      </template>
      <template v-slot:recall="scope">
        <recall v-if="tool.checkAuth($route.name,'recall')" :data="scope.data.data" @onSuccess="onSuccess"></recall>
      </template>
      <template v-slot:del="scope">
        <on-del v-if="tool.checkAuth($route.name,'delete')" :data="scope.data.data" @onSuccess="onSuccess"></on-del>
      </template>
    </list>
  </div>
</template>

<script>
import distribution from './modules/distribution.vue'
import list from './modules/list.vue'
import recall from './modules/recall.vue'
import onDel from './modules/del.vue'

import edit from './modules/edit.vue'
import exportBtn from './modules/exportBtn'
import { log } from '@antv/g2plot/lib/utils'

export default {
  data() {
    return {
      params:''
    }
  },
  components:{
    distribution,
    list,
    edit,
    recall,
    onDel,
    exportBtn
  },
  methods:{
    onSuccess () {
      this.$refs['list'].listData()
    }
  }
}

</script>
<style scoped>
.flex {
  display: flex;
}
</style>