<template>
  <div>
    <span v-if="row.xp !=='--'" style="color: #5875eb; cursor: pointer;" @click="handleClick">{{row.xp}}</span>
<!--    <span v-else>0</span>-->
    <span v-if="row.xp == '--'">{{row.xp}}</span>
    <qpzt v-if="showDialogVisible" ref="qpztDialog"></qpzt>
  </div>
</template>

<script>
import qpzt from "./component/qpzt";
export default {
  name: "qpxp",
  components:{
    qpzt
  },
  props:{
    row: {
      type: Object
    },
  },
  data(){
    return{
      showDialogVisible:false
    }
  },
  methods:{
    handleClick(){
      this.showDialogVisible = true;
      this.$nextTick(()=>{
        this.$refs.qpztDialog.open('xp',this.row);
      })
    },
  }
}
</script>

<style scoped>

</style>
