components/pc/wcarrier/comp/review.vue

<template>
  <div>
    <div class="defbb pt-spac pb-spac required">审核结果</div>
    <div class="defbb p-spac">
      <el-radio v-model="formData.audit" :label="2" class="green-color">审核通过</el-radio>
      <el-radio v-model="formData.audit" :label="3" class="p-dcolor">审核驳回</el-radio>
    </div>
    <div class="flex p-spac" v-if="formData.audit === 3">
      <span class="required nowrap">驳回理由：</span>
      <el-input type="textarea" :rows="6" placeholder="请输入驳回理由" v-model="formData.reason" class="ml-spac">
      </el-input>

    </div>
    <template v-else>
      <div class="defbb p-spac">初始化设置</div>
      <div class="ml-spac">
        <div class="pt-spac pl-spac">
          <span class="label-color">物流充值交易模式：</span>
          <el-radio v-model="formData.tradeType" :label="2" class="ml-spac">大象直销</el-radio>
          <el-radio v-model="formData.tradeType" :label="1">大象经销</el-radio>
        </div>
        <div class="pt-spac pl-spacm3">
          <span class="label-color">物流充值工具：</span>
          <el-checkbox :value="true" disabled class="ml-spac">联通支付</el-checkbox>
        </div>
        <div class="defbb defbt mt-spac p-spac">
          <span class="label-color">其他付款启用状态：</span>
          <el-radio v-model="formData.otherPay" :label="1" class="ml-spac">启用</el-radio>
          <el-radio v-model="formData.otherPay" :label="0">停用</el-radio>
        </div>
      </div>
    </template>
    <div class="p-spac">
      <el-button type="primary" @click="submit" :disabled="!canSubmit"
        :loading="$reqState($interfaces.user.road_transport_audit).ing">确定</el-button>
      <el-button @click="cancel">取消</el-button>
    </div>

  </div>
</template>
<script>
export default {
  name: 'order',
  data() {
    return {
      formData: {
        /** 审核结果：2 审核通过，3 审核驳回 */
        audit: -1,
        /** 其他付款启用状态（挂靠车）：0 关闭，1 开启 */
        otherPay: 0,
        /** 审核驳回理由 */
        reason: '',
        /** 交易模式：1 经销，2 直销 */
        tradeType: 2
      }
    }
  },
  props: {
    orgId: {
      type: String,
      default: ''
    }
  },
  computed: {
    canSubmit() {
      return this.formData.audit === 2 || (this.formData.audit === 3 && this.formData.reason)
    }
  },
  methods: {
    submit() {
      this.$http(this.$interfaces.user.road_transport_audit, { orgId: this.$props.orgId, ...this.formData }).then(res => {
        this.$message.success('操作成功')
        this.$emit('feedback', this.formData.audit)
      })
    },
    cancel() {
      this.$emit('feedback', 0)
    }
  }
}
</script>
<style lang="scss" scoped>
.green-color,
.p-dcolor {
  ::v-deep .el-radio__input.is-checked+.el-radio__label {
    color: inherit;
  }
}
</style>