<template>
  <scroller-view>
    <table>
      <sub-title>登记信息</sub-title>
      <tr>
        <td><mobile-input label="借款人全称"></mobile-input></td>
        <td><mobile-input label="金额(万元)"></mobile-input></td>
      </tr>

      <tr>
        <td><d-select label="业务类型"></d-select></td>
        <td><d-select label="普惠标签"></d-select></td>
      </tr>
      <tr>
        <td><d-select label="新增OR续贷"></d-select></td>
        <td><d-select label="产品类型"></d-select></td>
      </tr>
      <tr>
        <td>
          <div style="margin-left: 3%; font-size: 105%; color: #999999">涉农贷款</div>
          <van-radio-group v-model="radio" direction="horizontal" style="margin-left: 26%; margin-top: -4%">
            <van-radio name="1">是</van-radio>
            <van-radio name="2">否</van-radio>
          </van-radio-group>
        </td>
        <td><d-select label="当前进度"></d-select></td>
      </tr>
      <tr>
        <td><d-datetime-picker label="日期"></d-datetime-picker></td>
      </tr>
      <sub-title>审批流程(已由管理员预设不可修改审批人和删除抄送人)</sub-title>
    </table>
    <van-button round type="default" style="margin-left: 30%; margin-top: 3%" size="normal">取消</van-button>
    <van-button round type="info" style="margin-left: 8%" size="normal" color="rgba(253, 80, 101, 1)">提交</van-button>
  </scroller-view>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import MobileInput from "@/components/general/form/MobileInput.vue";
import ScrollerView from "@/components/general/ScrollerView.vue";
import SubTitle from "@/components/general/SubTitle.vue";
import DSelect from "@/components/general/form/DSelect.vue";
import DDatetimePicker from "@/components/general/form/DDatetimePicker.vue";
import { RadioGroup, Radio } from "vant";
Vue.use(Radio);
Vue.use(RadioGroup);
/**
 * @Description:小微条线投放储备清单
 * @author pd
 * @date 2021-11-08 19:39:41
 */
@Component({
  name: "PutInReserve",
  components: { TitleBar, ScrollerView, MobileInput, SubTitle, DSelect, DDatetimePicker },
})
export default class PutInReserve extends Vue {
  onclick() {
    console.log("111");
  }
  radio: any = "1";
}
</script>

<style scoped></style>