Browse Source

完善出纳付款列表--点击办理页面样式

master
yunuo970428 10 months ago
parent
commit
c639269584
  1. 127
      anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/chunafukuan/chunafukuanguanli/cashier.vue

127
anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/chunafukuan/chunafukuanguanli/cashier.vue

@ -172,119 +172,79 @@
<img width="100%" :src="dialogUrl" alt="">
</el-dialog>
<el-dialog :visible.sync="dialogVisible" width="60%" center :show-close="false">
<el-form ref="form_obj" :rules="rules" :model="formobj" class="formadd">
<el-form ref="form_obj" :rules="rules" :model="formobj" class="formaddcopy02">
<el-row style="border-top: 1px solid #e0e3eb">
<el-col :span="4">
<span><span class="icon">*</span>收款单位名称</span>
</el-col>
<el-col :span="20">
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>收款单位名称</div>
<el-form-item prop="receiveCompany">
<el-select v-model="formobj.receiveCompany" placeholder="请选择" @change="changerRceiveCompany" class="addinputw" style="width: 30%" clearable>
<el-select class="addinputInfo addinputw" v-model="formobj.receiveCompany" placeholder="请选择" @change="changerRceiveCompany" clearable filterable>
<el-option v-for="item in receiveCompany_list" :key="item.sid" :label="item.name" :value="item.name"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span><span class="icon">*</span>收款银行账号</span>
</el-col>
<el-col :span="20">
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>收款银行账号</div>
<el-form-item prop="receiveBankAccount">
<el-select v-model="formobj.receiveBankAccount" placeholder="请选择" @change="changeReceiveBankAccount" class="addinputw" style="width: 30%" clearable>
<el-select class="addinputInfo addinputw" v-model="formobj.receiveBankAccount" placeholder="请选择" @change="changeReceiveBankAccount" clearable filterable>
<el-option v-for="item in receiveBankAccount_list" :key="item.receiveBankAccount" :label="item.receiveBankAccount" :value="item.receiveBankAccount"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span>收款账户开户行</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ formobj.receiveBank }}</span>
</el-form-item>
<el-col :span="24">
<div class="span-sty">收款账户开户行</div>
<el-form-item><span class="addinputInfo">{{ formobj.receiveBank }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span><span class="icon">*</span>付款金额</span>
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>付款金额</div>
<el-form-item prop="cost"><el-input class="addinputInfo addinputw" v-model="formobj.cost" :disabled="disabledCost" clearable placeholder="" /></el-form-item>
</el-col>
<el-col :span="8">
<el-form-item prop="cost">
<el-input v-model="formobj.cost" :disabled="disabledCost" clearable placeholder="" class="addinputw" />
</el-form-item>
</el-col>
<el-col :span="4">
<span>付款手续费</span>
</el-col>
<el-col :span="8">
<el-form-item>
<el-input v-model="formobj.paymentCharges" clearable placeholder="" class="addinputw" />
</el-form-item>
<el-col :span="12">
<div class="span-sty">付款手续费</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.paymentCharges" clearable placeholder="" /></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span><span class="icon">*</span>付款方式</span>
</el-col>
<el-col :span="8">
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>付款方式</div>
<el-form-item prop="payWayValue">
<el-select v-model="formobj.payWayValue" placeholder="请选择" @change="changePayWay" clearable>
<el-select class="addinputInfo addinputw" v-model="formobj.payWayValue" placeholder="请选择" @change="changePayWay" clearable filterable>
<el-option v-for="item in payWay_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="4">
<span><span class="icon">*</span>付款日期</span>
</el-col>
<el-col :span="8">
<el-form-item prop="payDate">
<el-date-picker v-model="formobj.payDate" type="date" clearable value-format="yyyy-MM-dd" style="width: 93%" placeholder="请选择日期"/>
</el-form-item>
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>付款日期</div>
<el-form-item prop="payDate"><el-date-picker class="addinputInfo addinputw" v-model="formobj.payDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="请选择日期"/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span><span class="icon">*</span>付款账号</span>
</el-col>
<el-col :span="20">
<el-col :span="12">
<div class="span-sty"><span class="icon">*</span>付款账号</div>
<el-form-item prop="payBankAccount">
<el-select v-model="formobj.payBankAccount" placeholder="请选择" @change="changePayBankAccount" class="addinputw" style="width: 30%" clearable>
<el-select class="addinputInfo addinputw" v-model="formobj.payBankAccount" placeholder="请选择" @change="changePayBankAccount" clearable filterable>
<el-option v-for="item in payBankAccount_list" :key="item.bankAccount" :label="item.bankAccount" :value="item.bankAccount"/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span>开户名称</span>
</el-col>
<el-col :span="20">
<el-form-item>
<span>{{ formobj.payBank }}</span>
</el-form-item>
<el-col :span="12">
<div class="span-sty">开户名称</div>
<el-form-item><span class="addinputInfo">{{ formobj.payBank }}</span></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span>本次付款说明</span>
</el-col>
<el-col :span="20">
<el-form-item>
<el-input v-model="formobj.payRemark" placeholder="请填写本次付款说明" clearable/>
</el-form-item>
<el-col :span="24">
<div class="span-sty">本次付款说明</div>
<el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.payRemark" placeholder="请填写本次付款说明" clearable/></el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span><span class="icon">*</span>付款凭证</span>
</el-col>
<el-col :span="20">
<el-form-item>
<upload ref="uploadImg" v-model="diploma_list" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/>
</el-form-item>
<el-col :span="24">
<div class="span-sty"><span class="icon">*</span>付款凭证</div>
<el-form-item><upload ref="uploadImg" class="addinputInfo" v-model="diploma_list" :accept="accept" :limit="50" bucket="map" :upload-data="{ type: '0001' }"/></el-form-item>
</el-col>
</el-row>
</el-form>
@ -832,12 +792,17 @@ export default {
}
</script>
<style scoped>
/deep/ .el-col-4 {
text-align: right;
float: left;
font-size: 14px;
color: #606266;
line-height: 40px !important;
font-weight: 600;
.span-sty {
width: 130px !important;
}
.addinputInfo {
margin-left: 120px !important;
}
/deep/ .el-form-item__error {
margin-left: 120px !important;
}
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
margin-left: 120px !important;
width: calc(100% - 115px);
}
</style>

Loading…
Cancel
Save