Skip to content

V
vue-gjjs
Commit 13c716c4 by WH
Options

infbcd前端页面修复

parent ee2ee624
Showing with 165 additions and 103 deletions
src/business/infbcd/views/Infsea.vue
<template> <template>
<div class="eibs"> <div class="eibs-tab">
<c-list-search @form-reset="handleReset" @form-search="handleSearch"> <c-list-search
<!-- 持续展示区 --> @form-reset="handleReset('paramsForm')"
@form-search="handleSearch"
>
<template v-slot="searchSlot"> <template v-slot="searchSlot">
<el-form class="m-table-search-form" ref="paramsForm" label-position="right" label-width="110px" <el-form
size="small"> class="m-table-search-form"
ref="paramsForm"
label-position="right"
label-width="110px"
size="small"
>
<el-row> <el-row>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="代收编号" prop="infcon.seaownref" style="width: 100%"> <el-form-item
<c-input v-model="model.infcon.seaownref" maxlength="16" placeholder="请输入代收编号"></c-input> label="代收编号"
prop="infcon.seaownref"
style="width: 100%"
>
<c-input
v-model="model.infcon.seaownref"
maxlength="16"
placeholder="请输入代收编号"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="开立日期" prop="infcon.opndatfrom" style="width: 100%"> <el-form-item
label="开立日期"
prop="infcon.opndatfrom"
style="width: 100%"
>
<c-col :span="11"> <c-col :span="11">
<c-date-picker type="date" v-model="model.infcon.opndatfrom" value-format="yyyy-MM-dd" <c-date-picker
style="width:100%" placeholder="请选择开立日期"></c-date-picker> type="date"
v-model="model.infcon.opndatfrom"
placeholder="请选择起始日期"
value-format="yyyy-MM-dd"
style="width: 100%"
></c-date-picker>
</c-col> </c-col>
<c-col :span="2" style="text-align: center"> <c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label> <label style="display: inline-block; width: 100%">-</label>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<c-date-picker type="date" v-model="model.infcon.opndatto" value-format="yyyy-MM-dd" <c-date-picker
style="width:100%" placeholder="请选择开立日期"></c-date-picker> type="date"
v-model="model.infcon.opndatto"
placeholder="请选择截止日期"
style="width: 100%"
value-format="yyyy-MM-dd"
></c-date-picker>
</c-col> </c-col>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="当事人参考号" prop="infcon.searef" style="width: 100%"> <el-form-item
<c-input v-model="model.infcon.searef" maxlength="16" placeholder="请输入当事人参考号"></c-input> label="当事人参考号"
prop="infcon.searef"
style="width: 100%"
>
<c-input
v-model="model.infcon.searef"
maxlength="16"
placeholder="请输入当事人参考号"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</el-row> </el-row>
<c-row v-show="searchSlot.searchToggle"> <el-row v-show="searchSlot.searchToggle">
<c-col :span="24"> <c-col :span="24">
<c-col :span="8"> <c-col :span="8">
<el-form-item label="当事人编号" prop="infcon.pty.extkey" style="width: 100%"> <el-form-item label="当事人编号" prop="infcon.pty.extkey" style="width: 100%">
<c-input v-model="model.infcon.pty.extkey" maxlength="24" placeholder="请输入当事人编号"> <c-input v-model="model.infcon.pty.extkey" maxlength="24" placeholder="请输入当事人编号">
</c-input> </c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="客户经理" prop="infcon.usr.extkey" style="width: 100%"> <el-form-item label="客户经理" prop="infcon.usr.extkey" style="width: 100%">
<c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入客户经理"></c-input> <c-input v-model="model.infcon.usr.extkey" maxlength="8" placeholder="请输入客户经理"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="角色" prop="infcon.searol" style="width: 100%"> <el-form-item label="角色" prop="infcon.searol" style="width: 100%">
<c-select v-model="model.infcon.searol" style="width: 100%" placeholder="请选择角色"> <c-select v-model="model.infcon.searol" style="width: 100%" placeholder="请选择角色">
<el-option v-for="item in codes.searol" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in codes.searol" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="8"> <c-col :span="8">
<el-form-item label="当事人名称" prop="infcon.pty.nam" style="width: 100%"> <el-form-item label="当事人名称" prop="infcon.pty.nam" style="width: 100%">
<c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入当事人名称"> <c-input v-model="model.infcon.pty.nam" maxlength="40" placeholder="请输入当事人名称">
</c-input> </c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="当事人BIC编码" prop="infcon.seapty" style="width: 100%"> <el-form-item label="当事人BIC编码" prop="infcon.seapty" style="width: 100%">
<c-input v-model="model.infcon.seapty" maxlength="24" placeholder="请输入当事人BIC编码"></c-input> <c-input v-model="model.infcon.seapty" maxlength="24" placeholder="请输入当事人BIC编码"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="币种" prop="infcon.curtxt1" style="width: 100%"> <el-form-item label="币种" prop="infcon.curtxt1" style="width: 100%">
<c-select v-model="model.infcon.curtxt1" style="width: 100%" placeholder="请选择币种"> <c-select v-model="model.infcon.curtxt1" style="width: 100%" placeholder="请选择币种">
<el-option v-for="item in codes.curtxt1" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in codes.curtxt1" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="8"> <c-col :span="8">
<el-form-item label="简略信息" prop="infcon.nam" style="width: 100%"> <el-form-item label="简略信息" prop="infcon.nam" style="width: 100%">
<c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入简略信息"></c-input> <c-input v-model="model.infcon.nam" maxlength="40" placeholder="请输入简略信息"></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="金额区间" prop="infcon.seaamtfr" style="width: 100%"> <el-form-item label="金额区间" prop="infcon.seaamtfr" style="width: 100%">
<c-col :span="11"> <c-col :span="11">
<c-input v-model="model.infcon.seaamtfr" placeholder="请输入金额区间"></c-input> <c-input v-model="model.infcon.seaamtfr" placeholder="请输入金额区间"></c-input>
</c-col> </c-col>
<c-col :span="2" style="text-align: center"> <c-col :span="2" style="text-align: center">
<label style="display: inline-block; width: 100%">-</label> <label style="display: inline-block; width: 100%">-</label>
</c-col> </c-col>
<c-col :span="11"> <c-col :span="11">
<c-input v-model="model.infcon.seaamtto" placeholder="请输入金额区间"></c-input> <c-input v-model="model.infcon.seaamtto" placeholder="请输入金额区间"></c-input>
</c-col> </c-col>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="状态" prop="infcon.seasta" style="width: 100%"> <el-form-item label="状态" prop="infcon.seasta" style="width: 100%">
<c-select v-model="model.infcon.seasta" style="width: 100%" placeholder="请选择状态"> <c-select v-model="model.infcon.seasta" style="width: 100%" placeholder="请选择状态">
<el-option v-for="item in codes.seasta" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in codes.seasta" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<c-col :span="8"> <c-col :span="8">
<el-form-item label="付款条件" prop="doctypcod" style="width: 100%"> <el-form-item label="付款条件" prop="doctypcod" style="width: 100%">
<c-select v-model="model.infcon.doctypcod" style="width: 100%" placeholder="请选择付款条件"> <c-select v-model="model.infcon.doctypcod" style="width: 100%" placeholder="请选择付款条件">
<el-option v-for="item in codes.doctypcod" :key="item.value" :label="item.label" <el-option v-for="item in codes.doctypcod" :key="item.value" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="8"> <c-col :span="8">
<el-form-item label="货物类型" prop="godcod" style="width: 100%"> <el-form-item label="货物类型" prop="godcod" style="width: 100%">
<c-select v-model="model.infcon.godcod" style="width:100%" placeholder="请选择货物类型"> <c-select v-model="model.infcon.godcod" style="width:100%" placeholder="请选择货物类型">
<el-option v-for="item in codes.godcod" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in codes.godcod" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
</c-row> </el-row>
</el-form> </el-form>
</template> </template>
</c-list-search> </c-list-search>
...@@ -208,7 +246,8 @@ ...@@ -208,7 +246,8 @@
style="margin-left: 0" style="margin-left: 0"
size="small" size="small"
@click="display(scope.row['inr'])" @click="display(scope.row['inr'])"
>详情</c-button >详情
</c-button
> >
</template> </template>
</el-table-column> </el-table-column>
...@@ -271,9 +310,9 @@ ...@@ -271,9 +310,9 @@
</el-dialog> </el-dialog>
</div> </div>
<!-- <m-busbtn ref="childs" :ownref="ownref" :model="BctselModel" ownrefPath="bcdgrp" trnCode="bctsel"--> <!-- <m-busbtn ref="childs" :ownref="ownref" :model="BctselModel" ownrefPath="bcdgrp" trnCode="bctsel"-->
<!-- @onChoose="onChoose">11--> <!-- @onChoose="onChoose">11-->
<!-- </m-busbtn>--> <!-- </m-busbtn>-->
</div> </div>
</template> </template>
...@@ -434,7 +473,29 @@ export default { ...@@ -434,7 +473,29 @@ export default {
} }
}</script> }</script>
<style> <style>
.m-table-search { .pagination-box {
padding: 20px 0px 10px 0px; width: 100%;
height: 30px;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 10px;
background: #fff;
margin-top: 5px;
}
.btn-group-wrap {
max-height: 200px;
width: 100%;
overflow-y: auto;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.btn-item {
margin-bottom: 10px;
margin-right: 10px;
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment