|
|
@@ -2,18 +2,216 @@
|
|
|
<div class="app-container">
|
|
|
<div class="filter-container" style="margin: 10px 0 10px 0">
|
|
|
<span class="textSpan">客户名称:</span>
|
|
|
- <el-select v-model="body.relationId" filterable clearable placeholder="请选择">
|
|
|
+ <el-select v-model="body.customerName" filterable clearable placeholder="请选择">
|
|
|
<el-option
|
|
|
v-for="item in userList"
|
|
|
:key="item.relationId"
|
|
|
:label="item.customerName"
|
|
|
- :value="item.relationId">
|
|
|
+ :value="item.customerName">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
<el-button class="filter-item" icon="el-icon-search" type="primary" plain @click="Search">搜索</el-button>
|
|
|
</div>
|
|
|
<!-- 列表 -->
|
|
|
- <el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
|
+ <el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
|
+
|
|
|
+ <el-table-column label="序号" width="60" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.$index + 1 }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="客户名称" width="150" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.customerName }}</span>
|
|
|
+ <!-- <el-button type="text" @click="hookLook(scope.row)">{{ scope.row.customerName }}</el-button> -->
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+ <el-table-column label="状态" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag v-if="scope.row.status === 1" >正常</el-tag>
|
|
|
+ <el-tag v-if="scope.row.status === 2" type="warning">暂停</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="客户简称" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span type="text" >{{ scope.row.shorterName }}</span>
|
|
|
+ <!-- <el-button type="text" @click="productLook(scope.row)">{{ scope.row.shorterName }}</el-button> -->
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="帐号余额" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.balance }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="授信额度" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.creditAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="当前费用" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.currentAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="创建时间" width="150" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.createTime }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+ <el-table-column label="操作" fixed="right" width="131" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button size="small" class="classitem" type="primary" plain icon="el-icon-plus" @click="handleritemAdd(scope.row)">明细</el-button>
|
|
|
+ <!-- <el-button size="small" class="classitem" type="primary" plain icon="el-icon-plus" @click="handlerAdd(scope.row)">明细</el-button> -->
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+
|
|
|
+ <el-dialog title="客户明细" :visible.sync="detailVisible" fullscreen center>
|
|
|
+ <el-form ref="detail" :model="detail" :rules="rules2" label-width="80px" size="small" label-position="right">
|
|
|
+ <el-card shadow="never" >
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span class="topClass">账户信息</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="flex_supplier">
|
|
|
+ <div class="flex_width">
|
|
|
+ <span class="flex_Name">客户名称:</span>
|
|
|
+ <span class="flex_Number">{{detail.customerName}}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span class="flex_Name">账户余额:</span>
|
|
|
+ <span class="flex_Number">{{detail.balance}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flex_supplier">
|
|
|
+ <div class="flex_width">
|
|
|
+ <span class="flex_Name">授信额度:</span>
|
|
|
+ <span class="flex_Number">{{detail.creditAmount}}</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span class="flex_Name">当前费用:</span>
|
|
|
+ <span class="flex_Number">{{detail.currentAmount}}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ <el-card shadow="never" >
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span class="topClass">账户交易流水</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="AddButton">
|
|
|
+ <el-button type="primary" plain icon="el-icon-plus" @click="handlerAdd(detail)">加款</el-button>
|
|
|
+ <!-- <el-button type="danger" plain icon="el-icon-bank-card" @click="handlerAdd">信用额度调整</el-button> -->
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-table :data="detailTableData" border style="width: 100%">
|
|
|
+ <el-table-column label="序号" width="60" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.$index + 1 }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客户" width="120" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!-- <el-button type="text" @click="hookLook(scope.row)">{{ scope.row.customerName }}</el-button> -->
|
|
|
+ <span>{{scope.row.customerName}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="加款金额" width="110" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.amount / 10000 }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="出款账户" width="110" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.paymentAccount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="开户行" width="170" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.bankDeposit }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="全称" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.account }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="银行卡" width="190" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.cardNo }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+ <el-table-column label="加款人" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.payer }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="凭证" width="120" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-image
|
|
|
+ style="width: 100px; height: 80px"
|
|
|
+ :src="scope.row.certificate"
|
|
|
+ :preview-src-list="new Array(scope.row.certificate)">
|
|
|
+ </el-image>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+ <el-table-column label="加款时间" width="190" align="center" show-overflow-tooltip>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.time }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+
|
|
|
+ <el-table-column label="操作" fixed="right" min-width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <!-- <el-button size="small" class="classitem" type="primary" plain icon="el-icon-plus" @click="handlerAdd(scope.row)">加款</el-button> -->
|
|
|
+ <el-button size="small" icon="el-icon-edit" type="warning" plain @click="handleEdit(scope.row)">修改</el-button>
|
|
|
+ <el-button size="small" icon="el-icon-edit" type="danger" v-if="scope.row.undo == 0" plain @click="handleRevocation(scope.row)">撤销</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="pagination">
|
|
|
+ <el-pagination
|
|
|
+ current-page.sync="info.current"
|
|
|
+ :current-page="info.current"
|
|
|
+ :page-sizes="[10, 20, 30, 50]"
|
|
|
+ :page-size="info.size"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ background
|
|
|
+ :total="detailTotal"
|
|
|
+ @size-change="detailHandleSizeChange"
|
|
|
+ @current-change="detailHandleCurrentChange"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="detailVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="detailVisible = false">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
|
<el-table-column label="序号" width="60" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.$index + 1 }}</span>
|
|
|
@@ -98,90 +296,94 @@
|
|
|
<el-button size="small" icon="el-icon-edit" type="danger" v-if="scope.row.undo == 0" plain @click="handleRevocation(scope.row)">撤销</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- </el-table>
|
|
|
+ </el-table> -->
|
|
|
+
|
|
|
<!-- 新增加款 -->
|
|
|
- <el-dialog :title="operation?'新增加款':'编辑加款'" :visible.sync="dialogFormVisible" width="55%" center>
|
|
|
- <el-form ref="dataForm" :model="dataForm" :rules="rules2" label-width="80px" size="small" label-position="right">
|
|
|
- <el-form-item label="客户" prop="relationId" :label-width="formLabelWidth" >
|
|
|
- <el-select v-model="dataForm.relationId" :disabled="!operation" filterable @change="onclick(dataForm.relationId)" clearable placeholder="请选择客户" style="width:100%">
|
|
|
- <el-option
|
|
|
- v-for="item in userList"
|
|
|
- :key="item.relationId"
|
|
|
- :label="item.customerName"
|
|
|
- :value="item.relationId">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="银行卡" prop="cardNo" :label-width="formLabelWidth" >
|
|
|
- <el-select v-model="dataForm.cardNo" filterable :disabled="!operation" clearable placeholder="请选择银行卡" value-key="id" @change="changeSel" style="width:100%">
|
|
|
- <el-option
|
|
|
- v-for="item in card"
|
|
|
- :key="item.id"
|
|
|
- :label="item.cardNo"
|
|
|
- :value="item">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-form-item label="开户行" prop="bankDeposit" :label-width="formLabelWidth" >
|
|
|
- <el-input v-model="dataForm.bankDeposit" placeholder="请输入供应商账户" />
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item label="加款金额" prop="amount" :label-width="formLabelWidth" >
|
|
|
- <el-input v-model="dataForm.amount" :disabled="!operation" placeholder="请输入加款金额" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="出款账户" :label-width="formLabelWidth" >
|
|
|
- <el-input v-model="dataForm.paymentAccount" :disabled="!operation" placeholder="请输入出款账户" />
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-form-item label="凭证" :label-width="formLabelWidth" >
|
|
|
- <el-input v-model="dataForm.certificate" placeholder="请输入凭证" />
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item label="凭证" prop="imgUrl" :label-width="formLabelWidth">
|
|
|
- <el-upload
|
|
|
- ref = "upload"
|
|
|
- action="#"
|
|
|
- list-type="picture-card"
|
|
|
- :on-change="handleDownload"
|
|
|
- :file-list="fileList"
|
|
|
- :limit="1"
|
|
|
- :auto-upload="false">
|
|
|
- <i slot="default" class="el-icon-plus"></i>
|
|
|
- <div slot="file" slot-scope="{file}">
|
|
|
- <img
|
|
|
- class="el-upload-list__item-thumbnail"
|
|
|
- :src="file.url" alt=""
|
|
|
- >
|
|
|
- <!-- //图片三个按钮事件 -->
|
|
|
- <span class="el-upload-list__item-actions">
|
|
|
- <span
|
|
|
- class="el-upload-list__item-preview"
|
|
|
- @click="handlePictureCardPreview(file)"
|
|
|
- >
|
|
|
- <i class="el-icon-zoom-in"></i>
|
|
|
- </span>
|
|
|
- <span
|
|
|
- class="el-upload-list__item-delete"
|
|
|
- @click="handleRemove(file)"
|
|
|
- >
|
|
|
- <i class="el-icon-delete"></i>
|
|
|
- </span>
|
|
|
-
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
+ <el-dialog :title="operation?'新增加款':'编辑加款'" :visible.sync="dialogFormVisible" width="55%" center>
|
|
|
+ <el-form ref="dataForm" :model="dataForm" :rules="rules2" label-width="80px" size="small" label-position="right">
|
|
|
+ <el-form-item label="客户" prop="relationId" :label-width="formLabelWidth" >
|
|
|
+ <el-select v-model="dataForm.relationId" :disabled="true" filterable @change="onclick(dataForm.relationId)" clearable placeholder="请选择客户" style="width:100%">
|
|
|
+ <el-option
|
|
|
+ v-for="item in userList"
|
|
|
+ :key="item.relationId"
|
|
|
+ :label="item.customerName"
|
|
|
+ :value="item.relationId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="银行卡" prop="cardNo" :label-width="formLabelWidth" >
|
|
|
+ <el-select v-model="dataForm.cardNo" filterable :disabled="!operation" clearable placeholder="请选择银行卡" value-key="id" @change="changeSel" style="width:100%">
|
|
|
+ <el-option
|
|
|
+ v-for="item in card"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.cardNo"
|
|
|
+ :value="item">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="开户行" prop="bankDeposit" :label-width="formLabelWidth" >
|
|
|
+ <el-input v-model="dataForm.bankDeposit" placeholder="请输入供应商账户" />
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="加款金额" prop="amount" :label-width="formLabelWidth" >
|
|
|
+ <el-input v-model="dataForm.amount" :disabled="!operation" placeholder="请输入加款金额" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="出款账户" :label-width="formLabelWidth" >
|
|
|
+ <el-input v-model="dataForm.paymentAccount" :disabled="!operation" placeholder="请输入出款账户" />
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="凭证" :label-width="formLabelWidth" >
|
|
|
+ <el-input v-model="dataForm.certificate" placeholder="请输入凭证" />
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item label="凭证" prop="imgUrl" :label-width="formLabelWidth">
|
|
|
+ <el-upload
|
|
|
+ ref = "upload"
|
|
|
+ action="#"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-change="handleDownload"
|
|
|
+ :file-list="fileList"
|
|
|
+ :limit="1"
|
|
|
+ :auto-upload="false">
|
|
|
+ <i slot="default" class="el-icon-plus"></i>
|
|
|
+ <div slot="file" slot-scope="{file}">
|
|
|
+ <img
|
|
|
+ class="el-upload-list__item-thumbnail"
|
|
|
+ :src="file.url" alt=""
|
|
|
+ >
|
|
|
+ <!-- //图片三个按钮事件 -->
|
|
|
+ <span class="el-upload-list__item-actions">
|
|
|
+ <span
|
|
|
+ class="el-upload-list__item-preview"
|
|
|
+ @click="handlePictureCardPreview(file)"
|
|
|
+ >
|
|
|
+ <i class="el-icon-zoom-in"></i>
|
|
|
+ </span>
|
|
|
+ <span
|
|
|
+ class="el-upload-list__item-delete"
|
|
|
+ @click="handleRemove(file)"
|
|
|
+ >
|
|
|
+ <i class="el-icon-delete"></i>
|
|
|
+ </span>
|
|
|
+
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+
|
|
|
+ <el-dialog :visible.sync="dialogDspaly" width="75%" :modal="false">
|
|
|
+ <img width="100%" :src="dialogImageUrl" >
|
|
|
+ </el-dialog>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-dialog :visible.sync="dialogDspaly" width="75%" :modal="false">
|
|
|
- <img width="100%" :src="dialogImageUrl" >
|
|
|
- </el-dialog>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <!-- <el-form-item label="备注" :label-width="formLabelWidth" >
|
|
|
- <el-input v-model="dataForm.distinguish" placeholder="请输入备注" />
|
|
|
- </el-form-item> -->
|
|
|
- </el-form>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogFormVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
+ <!-- <el-form-item label="备注" :label-width="formLabelWidth" >
|
|
|
+ <el-input v-model="dataForm.distinguish" placeholder="请输入备注" />
|
|
|
+ </el-form-item> -->
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogFormVisible = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
<!-- 详情 -->
|
|
|
<el-dialog title="详情" :visible.sync="dataFormVisible" width="55%" center>
|
|
|
<el-form ref="dataForm" :model="dataForm" :rules="rules2" label-width="80px" size="small" label-position="right">
|
|
|
@@ -253,7 +455,7 @@ export default {
|
|
|
body:{
|
|
|
size:10,
|
|
|
current:1,
|
|
|
- customerId:""
|
|
|
+ // customerId:""
|
|
|
},
|
|
|
total:0,
|
|
|
dataForm:{
|
|
|
@@ -281,7 +483,16 @@ export default {
|
|
|
urlList:[],
|
|
|
card:[],
|
|
|
cardNo:"",
|
|
|
- dataFormVisible:false
|
|
|
+ dataFormVisible:false,
|
|
|
+ detailVisible:false,
|
|
|
+ detail:{},
|
|
|
+ detailTableData:[],
|
|
|
+ info:{
|
|
|
+ size:10,
|
|
|
+ current:1,
|
|
|
+ // relationId:""
|
|
|
+ },
|
|
|
+ detailTotal:0,
|
|
|
}
|
|
|
},
|
|
|
created(){
|
|
|
@@ -338,11 +549,16 @@ export default {
|
|
|
//表格数据
|
|
|
reLoad(){
|
|
|
this.loading = true
|
|
|
- api.account.Search(this.body).then((res) => {
|
|
|
+ api.index.Search(this.body).then((res) => {
|
|
|
this.loading =false
|
|
|
this.tableData = res.data.data.records
|
|
|
this.total = res.data.data.total
|
|
|
})
|
|
|
+ // api.account.Search(this.body).then((res) => {
|
|
|
+ // this.loading =false
|
|
|
+ // this.tableData = res.data.data.records
|
|
|
+ // this.total = res.data.data.total
|
|
|
+ // })
|
|
|
},
|
|
|
//查看
|
|
|
hookLook(row){
|
|
|
@@ -351,17 +567,54 @@ export default {
|
|
|
this.dataForm = code
|
|
|
this.dataFormVisible = true
|
|
|
},
|
|
|
+ //明细分页
|
|
|
+ handlerLook(row){
|
|
|
+ let info = this.info
|
|
|
+ let body={
|
|
|
+ size:info.size,
|
|
|
+ current:info.current,
|
|
|
+ relationId:row
|
|
|
+ }
|
|
|
+ api.account.Search(body).then((res) => {
|
|
|
+ this.detailTableData = res.data.data.records
|
|
|
+ this.detailTotal = res.data.data.total
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //明细
|
|
|
+ handleritemAdd(row){
|
|
|
+ this.detailVisible = true,
|
|
|
+ this.detail = JSON.parse(JSON.stringify(row))
|
|
|
+ this.handlerLook(this.detail.customerId)
|
|
|
+ console.log(row)
|
|
|
+ },
|
|
|
+ //新增
|
|
|
+ handleradd(row){
|
|
|
+ this.operation = true // true:新增, false:编辑
|
|
|
+ this.dialogFormVisible = true // 控制弹出框
|
|
|
+ let list = JSON.parse(JSON.stringify(row))
|
|
|
+ console.log(list)
|
|
|
+ this.dataForm = list
|
|
|
+ // this.dataForm = {}
|
|
|
+ this.imgurl = ""
|
|
|
+ this.fileList=[] //图片
|
|
|
+ this.card = [] //银行卡
|
|
|
+ this.cardNo = ""
|
|
|
+ if(this.$refs['dataForm']){
|
|
|
+ this.$refs['dataForm'].resetFields();
|
|
|
+ }
|
|
|
+ },
|
|
|
//新增
|
|
|
handlerAdd(row){
|
|
|
this.operation = true // true:新增, false:编辑
|
|
|
this.dialogFormVisible = true // 控制弹出框
|
|
|
let list = JSON.parse(JSON.stringify(row))
|
|
|
- this.bankcardURL(list.relationId)
|
|
|
+ this.bankcardURL(list.customerId)
|
|
|
console.log(list)
|
|
|
- this.dataForm = list
|
|
|
+ list.relationId=list.customerId.toString()
|
|
|
this.dataForm.amount = "" //加款钱
|
|
|
this.dataForm.certificate = "" //凭证
|
|
|
this.dataForm.paymentAccount = "" //出款账户
|
|
|
+ this.dataForm = list
|
|
|
this.imgurl = ""
|
|
|
this.fileList=[] //图片
|
|
|
this.cardNo = ""
|
|
|
@@ -412,7 +665,7 @@ export default {
|
|
|
type: 'success',
|
|
|
message: '撤销成功'
|
|
|
})
|
|
|
- that.reLoad()
|
|
|
+ this.handlerLook(this.detail.customerId)
|
|
|
} else {
|
|
|
that.$message({
|
|
|
type: 'error',
|
|
|
@@ -438,7 +691,7 @@ export default {
|
|
|
message: '操作成功'
|
|
|
})
|
|
|
this.dialogFormVisible = false
|
|
|
- this.reLoad()
|
|
|
+ this.handlerLook(this.detail.customerId)
|
|
|
} else {
|
|
|
this.$message({
|
|
|
type: 'error',
|
|
|
@@ -449,8 +702,6 @@ export default {
|
|
|
} else {
|
|
|
console.log(this.dataForm)
|
|
|
// // 添加
|
|
|
-
|
|
|
-
|
|
|
api.account.paymentAdd(dataForm).then(response => {
|
|
|
if (response.status === 200) {
|
|
|
this.$message({
|
|
|
@@ -458,7 +709,7 @@ export default {
|
|
|
message: '操作成功'
|
|
|
})
|
|
|
this.dialogFormVisible = false
|
|
|
- this.reLoad()
|
|
|
+ this.handlerLook(this.detail.customerId)
|
|
|
} else {
|
|
|
this.$message({
|
|
|
type: 'error',
|
|
|
@@ -514,7 +765,16 @@ export default {
|
|
|
handleCurrentChange(val) {
|
|
|
this.body.current = val
|
|
|
this.reLoad()
|
|
|
- }
|
|
|
+ },
|
|
|
+ detailHandleSizeChange(val) {
|
|
|
+ this.info.size = val
|
|
|
+ this.handlerLook(this.detail.customerId)
|
|
|
+ },
|
|
|
+ //换页
|
|
|
+ detailHandleCurrentChange(val) {
|
|
|
+ this.info.current = val
|
|
|
+ this.handlerLook(this.detail.customerId)
|
|
|
+ },
|
|
|
},
|
|
|
|
|
|
}
|
|
|
@@ -524,4 +784,37 @@ export default {
|
|
|
.el-upload-list__item {
|
|
|
transition: none !important;
|
|
|
}
|
|
|
+.flex_supplier{
|
|
|
+ width: 90%;
|
|
|
+ margin: 0px auto 30px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ /* justify-content:space-evenly; */
|
|
|
+}
|
|
|
+.flex_width{
|
|
|
+ width: 50%;
|
|
|
+ margin-left: 160px;
|
|
|
+}
|
|
|
+.flex_Name{
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: 600;
|
|
|
+ color:rgb(87, 86, 86)
|
|
|
+}
|
|
|
+.flex_Number{
|
|
|
+ font-weight: 600;
|
|
|
+ margin-right: 20px;
|
|
|
+ font-weight: 500px;
|
|
|
+ font-size: 20px;
|
|
|
+ color:salmon
|
|
|
+}
|
|
|
+.AddButton{
|
|
|
+ display: flex;
|
|
|
+ justify-content:flex-end;
|
|
|
+ margin-right: 50px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+.el-card {
|
|
|
+ border: 0px solid #e6ebf5;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
</style>
|
