Wgjfinp4.vue

<template>
	<div class="eibs-tab">
		<c-col :span="24">
			<!-- ==================左边================ -->
			<c-col :span="12" style="padding-right: 20px">
				<c-col :span="24">
					<c-col :span="12">
						<el-form-item label="融资放款金额" prop="zxbgrp.rec.finloacur">
							<c-select disabled dbCode="curtxt" v-model="model.zxbgrp.rec.finloacur" style="width:100%" placeholder="请输入融资放款金额">
							</c-select>
						</el-form-item>
					</c-col>
					<c-col :span="12">
						<el-form-item label-width="5px" prop="zxbgrp.rec.finloaamt">
							<c-input-currency disabled v-model="model.zxbgrp.rec.finloaamt" placeholder="请输入">
								<span style="margin-left: 5px;position: relative;">
									<div v-if="true" @click.stop style="width：15px;background: #fff;padding: 10px;border-radius: 3px;position: absolute;top: 23px;left: -25px;color: red;">
										请点击校验企业名录信息
									</div>
								</span>
							</c-input-currency>
						</el-form-item>
					</c-col>
				</c-col>

				<c-col :span="24">
					<el-form-item label="放款日期" prop="zxbgrp.rec.loadat">
						<c-date-picker disabled type="date" v-model="model.zxbgrp.rec.loadat" style="width:100%" placeholder="请输入放款日期"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24">
					<el-form-item label="预计还款日期" prop="zxbgrp.rec.prcrepdat">
						<c-date-picker disabled type="date" v-model="model.zxbgrp.rec.prcrepdat" style="width:100%" placeholder="请输入预计还款日期"></c-date-picker>
					</el-form-item>
				</c-col>

				<c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
					<div style="width: 100%;">
						<el-form-item label="期限" prop="zxbgrp.rec.loalimday">
							<c-input disabled v-model="model.zxbgrp.rec.loalimday" placeholder="请输入期限"></c-input>
						</el-form-item>
					</div>
					<div style="margin-left: 10px;">
						<span style="height:32px;line-height:32px">天</span>
					</div>
				</c-col>
			</c-col>
			<!-- ============ 右边 ================= -->
			<c-col :span="12" style="padding-left: 20px">
				<c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;">
					<div style="width: 100px;margin-left: 110px;">
						<c-checkbox disabled v-model="model.zxbp.ratflg">锁定汇率</c-checkbox>
					</div>
					<div style="width: calc(100% - 120px);margin-left: 20px;">
						<el-form-item label="" prop="zxbp.sodrat">
							<c-input disabled v-model="model.zxbp.sodrat" placeholder="请输入汇率"></c-input>
						</el-form-item>
					</div>
				</c-col>

				<c-col :span="24">
					<el-form-item label="放款备注" prop="zxbgrp.rec.remark">
						<c-input type="textarea" v-model="model.zxbgrp.rec.remark" maxlength="49" show-word-limit placeholder="请输入放款备注"></c-input>
					</el-form-item>
				</c-col>
			</c-col>
		</c-col>
	</div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  watch: {
    // "zxbgrp.rec.finloaamt": {
    //   handler(newVal, oldVar) {
    //     if (newVal != oldVar) {
    //       this.model.isModifyFinloaamt = true;
    //     }
    //   },
    //   immediate: true
    // },
    finloaamtalert: {
      handler(newVal, oldVar) {
        if (newVal) {
          this.$alert("不输入，可能被海关拒收！", "提示", {
            confirmButtonText: "确定"
            // callback: action => {
            //   callback();
            // }
          });
        }
      },
      immediate: true
    }
  },
  created() {}
};
</script>
<style>
</style>