VxResultStep 结果页的交易状态步骤条

引入

import VxResultStep from '@/components/vx-result-step';

// 页面内部引入
export default {
  components: {
    [VxResultStep.name]: VxResultStep,
  },
};
// 全局引入
Vue.component(VxResultStep.name, VxResultStep);

使用指南

<vx-result-step 
  :result-info="resultInfo" 
  :name="$msg('dealNameDict')[info.dealName]">
</vx-result-step> 
<!-- 或者 -->
<vx-result-step 
  :result-info="resultInfo" 
  name="资金上划">
</vx-result-step>

API

VxResultStep Props

属性	说明	类型	默认值	备注
`result-info`	后台返回的数据	`Object`	`null`	-
`name`	交易名称	`String`	`''`	-

注意

目前项目采用 mock 数据，故统一调用一个接口 (与 vx-result 组件调用的是一个 api)

import resultApi from '@/api/components.js';

async submit() {
  try {
    this.isBtnLoading = true;
    const payload = {
      // 上送数据
    };
    const result = await resultApi.getResDetail(payload);
    // 此接口返回的数据在data中
    const data = {
      fudUp: this.fudUp,
      resultInfo: result.data,
    };
    this.setData(data);
    this.$router.replace({
      name: 'entiFundPool-fudUp-capitalUpRes',
    });
  } catch (err) {
    this.$message.error(err.message);
  } finally {
    this.isBtnLoading = false;
  }
},

Current Tags

0.0.3 ... latest (3 years ago)

1 Versions

0.0.3 ... 3 years ago