jiaoyidetail.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <template>
  2. <div id="columnDetail">
  3. <el-row>
  4. <el-col :span="24">
  5. <el-col :span="24" class="top">
  6. <el-col :span="12" class="topTitle"> </el-col>
  7. <el-col :span="12" class="topBtn"> </el-col>
  8. </el-col>
  9. <el-col :span="24" class="messgae">
  10. <el-form ref="form" :model="form" label-width="120px">
  11. <el-form-item label="审核">
  12. <el-radio-group v-model="form.status">
  13. <el-radio :label="2" name="2">交易成功</el-radio>
  14. <el-radio :label="3" name="3">交易取消</el-radio>
  15. </el-radio-group>
  16. </el-form-item>
  17. <el-form-item>
  18. <el-button type="primary" @click="onSubmit(form)">提交</el-button>
  19. </el-form-item>
  20. </el-form>
  21. </el-col>
  22. </el-col>
  23. </el-row>
  24. </div>
  25. </template>
  26. <script>
  27. export default {
  28. name: 'columnDetail',
  29. props: {
  30. form: null,
  31. },
  32. components: {},
  33. data: () => ({}),
  34. created() {},
  35. computed: {},
  36. methods: {
  37. onSubmit() {
  38. this.$emit('submitDate', { data: this.form, id: this.form.id });
  39. },
  40. returnBtn() {
  41. this.$router.push({ path: '/personnel/column' });
  42. },
  43. },
  44. };
  45. </script>
  46. <style lang="less" scoped>
  47. .top {
  48. padding: 15px 0;
  49. }
  50. .top .topTitle {
  51. text-align: left;
  52. }
  53. .top .topBtn {
  54. text-align: right;
  55. padding: 0 5px;
  56. }
  57. </style>