<template> <div> <el-col :span="6" class="suffix-title"> 角色 </el-col> <el-col :span="18"> <el-select v-model="model.rol" style="width:100%" placeholder="请选择"> <el-option v-for="item in codes.rol" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-col> <el-col :span="6" class="suffix-title"> 费用代码 </el-col> <el-col :span="18"> <el-input v-model="model.feecod" maxlength="32" placeholder="请输入" disabled></el-input> </el-col> <el-col :span="6" class="suffix-title"> 费用名称 </el-col> <el-col :span="18"> <el-input v-model="model.feetxt" maxlength="32" placeholder="请输入"></el-input> </el-col> <el-col :span="6" class="suffix-title"> 收费币种 </el-col> <el-col :span="18"> <el-select v-model="model.cur" style="width:100%" placeholder="请选择"> <el-option v-for="item in codes.curtxt" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-col> <el-col :span="6" class="suffix-title"> 应收金额 </el-col> <el-col :span="18"> <el-input v-model="model.basamt" maxlength="32" placeholder="请输入"></el-input> </el-col> <el-col :span="6" class="suffix-title"> 实收金额 </el-col> <el-col :span="18"> <el-input v-model="model.amt" maxlength="32" placeholder="请输入"></el-input> </el-col> <el-col :span="6" class="suffix-title"> 现收/缓收 </el-col> <el-col :span="18"> <el-select v-model="model.dsp" style="width:100%" placeholder="请选择"> <el-option v-for="item in codes.dsp" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-col> <el-col :span="6" class="suffix-title"> 内扣/外收 </el-col> <el-col :span="18"> <el-select v-model="model.payflg" style="width:100%" placeholder="请选择"> <el-option v-for="item in codes.payflg" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-col> </div> </template> <script> export default { props: ['model', 'codes'] } </script> <style scoped> .suffix-title { line-height: 40px; } [class*=el-col-] { height: 50px; } </style>