components/pc/wcarrier/comp/review.vue

<template>
    <div>
        <div class="defbb p-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">
                    物流充值交易模式：
                    <el-radio v-model="formData.tradeType" :label="1" class="ml-spac">大象直销</el-radio>
                    <el-radio v-model="formData.tradeType" :label="2">大象经销</el-radio>
                </div>
                <div class="pt-spac pl-spacm3">
                    物流充值工具 ：<el-checkbox :value="true" disabled class="ml-spac">联通支付</el-checkbox>
                </div>
                <div class="defbb defbt mt-spac p-spac">
                    其他付款启用状态：<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: 1
      }
    }
  },
  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.$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>