index.vue 4.29 KB
<template>
	<div class="eibs-tab">
		<c-col :span="12" style="padding-right:20px;">
			<c-col :span="24">
				<el-form-item label="额度风险类型" prop="ypnmod.edfxlx">
					<c-input
						v-model="model.ypnmod.ypInfoVo.edfxlx"
						disabled
						style="width: 100%"
						placeholder="请输入额度风险类型"
					></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24" class="custom-box-wrap">
        <div style="width: calc(100% - 90px);">
          <el-form-item label="额度编号" prop="ypnmod.limref">
						<c-input
							v-model="model.ypnmod.ypInfoVo.limref"
							disabled
							style="width: 100%"
              placeholder="请输入额度编号"
						></c-input>
          </el-form-item>
        </div>
        <div style="width: 70px;margin-left: 20px;display: flex;align-items: flex-start;">
          <c-button disabled>查押品号</c-button>
        </div>
      </c-col>
		</c-col>
		<!-- 列表 -->
		<c-col :span="24" style="margin: 20px 0;">
			<el-table :border="true" :data="model.ypnmod.ypInfoVos" style="width:100%" size="small">
				<el-table-column label="统一押品编号" prop="guarno" min-width="120px" :show-overflow-tooltip="true">
				</el-table-column>
				<el-table-column label="币种" prop="loancurrencynam" min-width="100px" :show-overflow-tooltip="true">
				</el-table-column>
				<el-table-column label="所有人客户号" prop="guarcusid" min-width="120px" :show-overflow-tooltip="true">
				</el-table-column>
				<el-table-column label="起息日" prop="cdqsr" min-width="100px" :show-overflow-tooltip="true">
				</el-table-column>
				<el-table-column label="金额" prop="attribute11" min-width="100px" :show-overflow-tooltip="true">
				</el-table-column>
				<el-table-column label="剩余期限/天" prop="syqx" min-width="100px" :show-overflow-tooltip="true">
				</el-table-column>
				<el-table-column label="到期日" prop="cddqr" min-width="100px" :show-overflow-tooltip="true">
				</el-table-column>
				<el-table-column label="三级类型" prop="guartypecdcnname" min-width="100px" :show-overflow-tooltip="true">
				</el-table-column>
			</el-table>
		</c-col>
		<c-col :span="12" style="padding-right:20px;">
			<c-col :span="24" class="custom-box-wrap">
        <div style="width: calc(100% - 100px);">
          <el-form-item label="押品币种" prop="ypnmod.ypInfoVo.loancurrency">
						<c-input
							v-model="model.ypnmod.ypInfoVo.loancurrencynam"
							disabled
							style="width: 100%"
              placeholder="请输入押品币种"
						></c-input>
          </el-form-item>
        </div>
        <div style="width: 80px;margin-left: 20px;display: flex;align-items: flex-start;">
          <c-button disabled>查押品信息
          </c-button>
        </div>
      </c-col>
			<c-col :span="24">
				<el-form-item label="押品所有人客户号" prop="ypnmod.ypInfoVo.guarcusid">
					<c-input
						placeholder="请输入押品所有人客户号"
						disabled
						style="width: 100%"
						v-model="model.ypnmod.ypInfoVo.guarcusid"
					></c-input>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="押品起息日" prop="ypnmod.ypInfoVo.cdqsr">
					<c-date-picker
						type="date"
						disabled
						v-model="model.ypnmod.ypInfoVo.cdqsr"
						style="width: 100%"
						placeholder="请选择押品起息日"
				></c-date-picker>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="押品金额" prop="ypnmod.ypInfoVo.attribute11">
					<c-input-currency
						placeholder="请输入押品金额"
						disabled
						style="width: 100%"
						v-model="model.ypnmod.ypInfoVo.attribute11"
					></c-input-currency>
				</el-form-item>
			</c-col>
			<c-col :span="24">
				<el-form-item label="押品剩余期限/天" prop="ypnmod.ypInfoVo.syqx">
					<c-input
						placeholder="请输入押品押品剩余期限"
						disabled
						style="width: 100%"
						v-model="model.ypnmod.ypInfoVo.syqx"
					></c-input>
				</el-form-item>
			</c-col>
		</c-col>
	</div>
</template>

<script>
import commonDepend from "~/mixin/commonDepend.js";
import event from "../event";
import Api from "~/service/Api";

export default {
  inject: ["root"],
  mixins: [commonDepend, event],
  props: ["model", "codes"],
  data() {
    return {
    };
  },
  methods: {
  },
};
</script>
<style scoped lang="less">
</style>