yos_web/src/HDrpManagement/collectionRule/modules/table.vue

<!--  -->
<template>
  <div class="bs-table">
    <el-table
        border stripe
        height="calc(100vh - 330px)"
        :header-cell-style="{background:'#fafafafa',height:'40px','color':'#000000'}"
        :data="tableData"
        style="width: 100%;font-size: 12px">
      <el-table-column
        prop="ruleno"
        label="收款条件编号"
        width="140">
      </el-table-column>
      <el-table-column
          prop="remarks"
          label="描述"
          >
      </el-table-column>
      <el-table-column label="应收款期计算依据">
        <el-table-column
          prop="name"
          label="订单">
          <el-table-column
            prop="point"
            label="订单审核"
            width="70">
            <template slot-scope="scope">
              <div v-if="scope.row.accountingnodes">
                <indexNew :data="scope.row.accountingnodes.ordercheck"></indexNew>
              </div>
            </template>
          </el-table-column>
          <el-table-column
            prop="days"
            label="后置天数"
            width="70">
            <template slot-scope="scope">
              <div v-if="scope.row.accountingnodes">
                <tableColumn :data="scope.row.accountingnodes.ordercheck" name="days"></tableColumn>
              </div>
              <div v-else>--</div>
            </template>
          </el-table-column>
          <el-table-column
              prop="amountrate"
              label="立账额度"
              style="text-align: center"
              width="70">
            <template slot-scope="scope">
              <div v-if="scope.row.accountingnodes">
                <tableColumn :data="scope.row.accountingnodes.ordercheck" name="amountrate"></tableColumn>
              </div>
              <div v-else>--</div>
              <!--              <div v-if="scope.row.point == '订单审核'">{{scope.row.amountrate * 100}}%</div>
                            <div v-else>--</div>-->
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          prop="name"
          label="发货">
          <el-table-column
            prop="point"
            label="销售出库审核"
            width="100">
            <template slot-scope="scope">
              <div v-if="scope.row.accountingnodes">
                <indexNew :data="scope.row.accountingnodes.logisticscheck"></indexNew>
              </div>
            </template>
          </el-table-column>

          <el-table-column
            prop="days"
            label="后置天数"
            width="70">
            <template slot-scope="scope">
              <div v-if="scope.row.accountingnodes">
                <tableColumn :data="scope.row.accountingnodes.logisticscheck" name="days"></tableColumn>
              </div>
              <div v-else>--</div>
            </template>
          </el-table-column>
          <el-table-column
              prop="amountrate"
              label="立账额度"
              width="70">
            <template slot-scope="scope">
              <div v-if="scope.row.accountingnodes">
                <tableColumn :data="scope.row.accountingnodes.logisticscheck" name="amountrate"></tableColumn>
              </div>
              <div v-else>--</div>
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column
          prop="name"
          label="发票">
          <el-table-column
            prop="point"
            label="发票审核"
            width="70">
            <template slot-scope="scope">
               <div v-if="scope.row.accountingnodes">
                <indexNew :data="scope.row.accountingnodes.invoiceapplycheck"></indexNew>
              </div>
            </template>
          </el-table-column>

          <el-table-column
            prop="days"
            label="后置天数"
            width="70">
            <template slot-scope="scope">
              <div v-if="scope.row.accountingnodes">
                <tableColumn :data="scope.row.accountingnodes.invoiceapplycheck" name="days"></tableColumn>
              </div>
              <div v-else>--</div>
            </template>
          </el-table-column>
          <el-table-column
              prop="amountrate"
              label="立账额度"
              width="70">
            <template slot-scope="scope">
              <div v-if="scope.row.accountingnodes">
                  <tableColumn :data="scope.row.accountingnodes.invoiceapplycheck" name="amountrate"></tableColumn>
              </div>
              <div v-else>--</div>
            </template>
          </el-table-column>
        </el-table-column>
      </el-table-column>
      <el-table-column
        prop="isdefault"
        label="是否默认条件"
        width="50">
        <template slot-scope="scope">
          <span v-if="scope.row.isdefault" style="color: red">是</span>
          <span v-else>否</span>
        </template>
      </el-table-column>
      <el-table-column
       prop="a"
       label="操作"
       width="100px">
       <template slot-scope="scope">
<!--         <el-button type="text" size="mini" @click="goDetail(scope.row)">详 情</el-button>-->
         <edit :data="scope.row" class="inline-16" @onSuccess="onSuccess"></edit>
         <el-button :disabled="scope.row.isdefault === 1" size="mini" v-if="tool.checkAuth($route.name,'delete')" type="text" @click="onDel(scope.row.sa_receivableruleid)">删 除</el-button>
       </template>
      </el-table-column>
  </el-table>
  </div>
</template>

<script>
import edit from '../components/edit'
import tableColumn from "@/HDrpManagement/collectionRule/components/tableColumn";
import indexNew from "@/HDrpManagement/collectionRule/components/indexNew";
export default {
  props:['tableData'],
  data () {
    return {
    }
  },
  components:{edit,tableColumn,indexNew},
  methods: {
    goDetail (data) {
      let query = {id:data.sa_receivableruleid,rowindex:data.rowindex}
      this.$router.push({path:'/collectionRuleDetail',query:query})
      this.$store.dispatch('changeDetailDrawer',true)
    },
    onDel(id){
      this.$confirm('确定删除该收款条件吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        closeOnClickModal:false,
        type: 'warning'
      }).then(async() => {
        const res = await this.$api.requested({
          "id":20230110100203,
          "content":{
            "sa_receivableruleids":[id]
          }
        })
        this.tool.showMessage(res,()=>{
         this.$emit('onSuccess')
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },
    onSuccess(){
      this.$emit('onSuccess')
    }
  }
}
</script>

<style  scoped>
.search-icon:hover{
  font-weight: bold;
  background: #f1f2f3;
  cursor: pointer;
}

/deep/.ellipsis {
  display:-webkit-box;
  text-overflow:ellipsis;
  overflow:hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient:vertical;
}

/deep/.el-table--mini .el-table__cell {
  padding: 0 !important;
}
/deep/.el-table .el-table__cell {
  padding: 0 !important;
}

</style>