anrui/anrui-scm/anrui-scm-ui/src/views/manufacturerrebates/huikuanhedui/collectionrebatetobecheckedAdd.vue

<template>
  <div class="app-container">
    <div v-show="viewState == 1">
      <!--标题按钮部分开始-->
      <div class="tab-header webtop">
        <!--标题-->
        <div>{{ viewTitle }}</div>
        <!--start 添加修改按钮-->
        <div>
          <el-button type="primary" size="small" :disabled="submitdisabled" @click="save()">保存
          </el-button>
          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
        </div>
      </div>
      <!--标题按钮部分结束-->
      <!--Start 新增修改部分-->
      <div class="listconadd">
        <div class="titwu"><span>回款返利</span></div>
        <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
          <el-row style="border-top: 1px solid #E0E3EB">
            <el-col :span="8">
              <div class="span-sty">款项名称</div>
              <el-form-item><span class="addinputInfo">{{ formobj.costTitleValue }}</span></el-form-item>
            </el-col>
            <el-col :span="8">
              <div class="span-sty">回款方式</div>
              <el-form-item><span class="addinputInfo">{{ formobj.collectionTypeValue }}</span></el-form-item>
            </el-col>
            <el-col :span="8">
              <div class="span-sty">回款日期</div>
              <el-form-item><span class="addinputInfo">{{ formobj.collectionDate }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <div class="span-sty">回款金额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.collectionMoney }}</span></el-form-item>
            </el-col>
            <el-col :span="8">
              <div class="span-sty">返利类型</div>
              <el-form-item><span class="addinputInfo">{{ formobj.rebateTypeValue }}</span></el-form-item>
            </el-col>
            <el-col :span="8">
              <div class="span-sty">返利名称</div>
              <el-form-item><span class="addinputInfo">{{ formobj.rebateName }}</span></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <div class="span-sty">预提返利</div>
              <el-form-item><span class="addinputInfo">{{ formobj.estimateRebate }}</span></el-form-item>
            </el-col>
            <el-col :span="8">
              <div class="span-sty">上传日期</div>
              <el-form-item><el-date-picker class="addinputInfo" v-model="formobj.uploadDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择日期"/></el-form-item>
            </el-col>
            <el-col :span="8">
              <div class="span-sty">上传金额</div>
              <el-form-item><el-input class="addinputInfo addinputw" @input="adjustmentMoneyInput()" v-model="formobj.uploadMoney" @keyup.native="formobj.uploadMoney = getNumber(formobj.uploadMoney, 2)" placeholder="" clearable /></el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <div class="span-sty">调整金额</div>
              <el-form-item><span class="addinputInfo">{{ formobj.adjustmentMoney }}</span></el-form-item>
            </el-col>
            <el-col :span="16">
              <div class="span-sty">调整说明</div>
              <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.adjustmentRemarks" placeholder="" clearable /></el-form-item>
            </el-col>
          </el-row>
          <div class="title titleOne">
            <div>车辆回款返利列表</div>
            <div>
              <el-button type="primary" size="mini" icon="el-icon-plus" class="btntopblueline" @click="handleRebate()">上传金额分配</el-button>
            </div>
          </div>
          <el-table :key="tableKey" :data="formobj.scmCollectionRebateVehs" :index="index" border style="width: 100%">
            <el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center" />
            <el-table-column prop="carModelName" label="车型" align="center" min-width="150" />
            <el-table-column prop="vinNo" label="车架号" align="center" width="150" />
            <el-table-column prop="costPrice" label="回款金额" align="center" width="130" />
            <el-table-column prop="estimateRebate" label="预提返利" align="center" width="130" />
            <el-table-column prop="uploadMoney" label="上传金额" align="center" width="130" />
            <el-table-column prop="adjustmentMoney" label="调整金额" align="center" width="130" />
          </el-table>
        </el-form>
      </div>
    </div>
    <!--End 添加修改部分-->
  </div>
</template>

<script>
import req from '@/api/manufacturerrebates/collectionrebatemanagement'

export default {
  name: 'HuiKuanFanLiDaiHeDuiAdd',
  data() {
    return {
      viewTitle: '',
      index: 0,
      tableKey: 0,
      viewState: 1,
      // 表单数据
      formobj: {},
      rules: {},
      submitdisabled: false
    }
  },
  computed: {

  },
  methods: {
    getSpecialNumber(val, limit) {
      val = val.replace(/[^0-9.-]/g, '') // 保留数字
      val = val.replace(/^00/, '0.') // 开头不能有两个0
      val = val.replace(/^\./g, '0.') // 开头为小数点转换为0.
      val = val.replace(/\.{2,}/g, '.') // 两个以上的小数点转换成一个
      val = val.replace(/\-{2,}/g, '.') // 两个以上的“-”号转换成一个
      val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.') // 只保留一个小数点
      val = val.replace('-', '$#$').replace(/\-/g, '').replace('$#$', '-'); // 只保留一个"-"号
      /^0\d+/.test(val) ? val = val.slice(1) : '' // 两位以上数字开头不能为0
      const str = '^(\\d+)\\.(\\d{' + limit + '}).*$'
      const reg = new RegExp(str)
      if (limit === 0) {
        // 不需要小数点
        val = val.replace(reg, '$1')
      } else {
        // 通过正则保留小数点后指定的位数
        val = val.replace(reg, '$1.$2')
      }
      return val
    },
    showEdit(row) {
      this.$nextTick(() => {
        this.$refs['form_obj'].clearValidate()
      })
      req.fetchBySid(row.sid).then((res) => {
        if (res.success) {
          this.formobj = res.data
        }
      })
      this.viewTitle = '【新增】回款返利'
    },
    adjustmentMoneyInput() {
      this.formobj.adjustmentMoney = Math.round((parseFloat(this.formobj.uploadMoney !== '' ? this.formobj.uploadMoney : 0) - parseFloat(this.formobj.estimateRebate)) * 100) / 100
    },
    // 明细表添加一行数据
    handleRebate() {
      if (this.formobj.scmCollectionRebateVehs.length !== 0) {
        for (var i = 0; i < this.formobj.scmCollectionRebateVehs.length; i++) {
          this.formobj.scmCollectionRebateVehs[i].uploadMoney = Math.round((parseFloat(this.formobj.scmCollectionRebateVehs[i].estimateRebate) / parseFloat(this.formobj.estimateRebate) * parseFloat(this.formobj.uploadMoney)) * 100) / 100
          this.formobj.scmCollectionRebateVehs[i].adjustmentMoney = Math.round((parseFloat(this.formobj.scmCollectionRebateVehs[i].uploadMoney) - parseFloat(this.formobj.scmCollectionRebateVehs[i].estimateRebate)) * 100) / 100
        }
      }
    },
    save() {
      this.$refs['form_obj'].validate((valid) => {
        if (valid) {
          this.submitdisabled = true
          req.save(this.formobj).then((resp) => {
            this.submitdisabled = false
            if (resp.success) {
              this.$message({ showClose: true, type: 'success', message: resp.msg })
              this.handleReturn('true')
            }
          }).catch(() => {
            this.submitdisabled = false
          })
        } else {
          return false
        }
      })
    },
    // 返回（===既判断）
    handleReturn(isreload) {
      if (isreload === 'true') this.$emit('reloadlist')
      // 表单数据
      this.formobj = {}
      this.$refs['form_obj'].resetFields()
      this.$emit('doback')
    }
  }
}
</script>
<style scoped>
.titleOne {
  padding: 7px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.span-sty {
  width: 130px !important;
}
.addinputInfo {
  margin-left: 120px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
  margin-left: 120px !important;
  width: calc(100% - 115px);
}
/deep/ .el-form-item__error {
  margin-left: 120px !important;
}
</style>