|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="pageIndexClass">
|
|
|
- <div style="background: #fff; padding: 15px 15px 0 15px">
|
|
|
+ <!-- <div style="background: #fff; padding: 15px 15px 0 15px">
|
|
|
<el-form :inline="true" class="demo-form-inline">
|
|
|
<el-form-item label="">
|
|
|
<el-button type="primary" @click="openModal('add')">添加流水</el-button>
|
|
@@ -38,10 +38,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div>
|
|
|
<byTable :source="sourceList.data" :pagination="sourceList.pagination" :config="config" :loading="loading" :selectConfig="selectConfig"
|
|
|
- highlight-current-row :action-list="[]" @moreSearch="moreSearch" @get-list="getList">
|
|
|
+ highlight-current-row :action-list="[{
|
|
|
+ text: '添加流水',
|
|
|
+ action: () => openModal('add'),
|
|
|
+ }]" @moreSearch="moreSearch" @get-list="getList">
|
|
|
<!-- {
|
|
|
text: '内部转账',
|
|
|
action: () => openModalTwo('add'),
|
|
@@ -78,32 +81,21 @@
|
|
|
</byTable>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog :title="modalType == 'add' ? '添加流水' : '编辑流水'" v-if="dialogVisible" v-model="dialogVisible" width="600" v-loading="loadingDialog">
|
|
|
+ <el-dialog :title="modalType == 'add' ? '添加流水' : '编辑流水'" v-if="dialogVisible" v-model="dialogVisible" width="1000" v-loading="loadingDialog">
|
|
|
<byForm :formConfig="formConfig" :formOption="formOption" v-model="formData.data" :rules="rules" ref="submit">
|
|
|
- <template #transactionTime>
|
|
|
- <div>
|
|
|
- <el-date-picker v-model="formData.data.transactionTime" type="datetime" placeholder="请选择交易时间" value-format="YYYY-MM-DD HH:mm:ss" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+
|
|
|
<template #money>
|
|
|
<div style="width: 100%">
|
|
|
- <el-row :gutter="10">
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item prop="status">
|
|
|
- <el-select v-model="formData.data.status" placeholder="请选择" style="width: 100%" @change="changeStatus()">
|
|
|
- <el-option v-for="item in status" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item prop="currency">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item prop="currency" class="margin-b-0">
|
|
|
<el-select v-model="formData.data.currency" placeholder="请选择" style="width: 100%" @change="changeAmount">
|
|
|
<el-option v-for="item in accountCurrency" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="amount">
|
|
|
+ <el-col :span="14">
|
|
|
+ <el-form-item prop="amount" class="margin-b-0">
|
|
|
<el-input-number onmousewheel="return false;" v-model="formData.data.amount" placeholder="请输入金额" style="width: 100%" :precision="2"
|
|
|
:controls="false" :min="0" @change="changeAmount" />
|
|
|
</el-form-item>
|
|
@@ -113,26 +105,24 @@
|
|
|
</template>
|
|
|
<template #amountCny>
|
|
|
<div style="width: 100%">
|
|
|
- <el-row :gutter="10">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item prop="amountCny">
|
|
|
+ <el-row :gutter="10" style="width:100%">
|
|
|
+ <el-col :span="14">
|
|
|
+ <el-form-item prop="amountCny" class="margin-b-0">
|
|
|
<el-input-number onmousewheel="return false;" v-model="formData.data.amountCny" placeholder="请输入汇算人民币金额" style="width: 100%"
|
|
|
:precision="2" :controls="false" :min="0" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <span v-if="formData.data.amount && formData.data.amountCny">汇率是:{{
|
|
|
+ <span v-if="formData.data.amount && formData.data.amountCny">汇率是:{{
|
|
|
parseFloat(
|
|
|
formData.data.amountCny / formData.data.amount
|
|
|
).toFixed(2)
|
|
|
}}</span>
|
|
|
- </el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template #received>
|
|
|
- <div>
|
|
|
- <el-form-item prop="received">
|
|
|
+ <div style="width: 100%">
|
|
|
+ <el-form-item prop="received" class="margin-b-0">
|
|
|
<el-radio-group v-model="formData.data.received">
|
|
|
<el-radio v-for="item in received" :key="item.value" :label="item.value" border>{{ item.label }}</el-radio>
|
|
|
</el-radio-group>
|
|
@@ -206,7 +196,7 @@
|
|
|
</template>
|
|
|
<template #money>
|
|
|
<div style="width: 100%">
|
|
|
- <el-row :gutter="10">
|
|
|
+ <el-row :gutter="24">
|
|
|
<el-col :span="6">
|
|
|
<el-form-item prop="status">
|
|
|
<el-select v-model="formData.settleData.status" placeholder="请选择" style="width: 100%" @change="changeStatus()" disabled>
|
|
@@ -366,7 +356,7 @@ const config = computed(() => {
|
|
|
attrs: {
|
|
|
label: "归属公司",
|
|
|
prop: "corporationName",
|
|
|
- width: 160,
|
|
|
+ width: 170,
|
|
|
},
|
|
|
},
|
|
|
{
|
|
@@ -578,46 +568,62 @@ const formData = reactive({
|
|
|
const formConfig = computed(() => {
|
|
|
return [
|
|
|
{
|
|
|
- label: "账户信息",
|
|
|
+ type: "title1",
|
|
|
+ title: "基本信息",
|
|
|
},
|
|
|
{
|
|
|
type: "select",
|
|
|
prop: "accountManagementId",
|
|
|
label: "选择账户",
|
|
|
data: accountList.value,
|
|
|
+ itemWidth: 50,
|
|
|
},
|
|
|
{
|
|
|
- label: "交易信息",
|
|
|
- },
|
|
|
- {
|
|
|
- type: "slot",
|
|
|
+ type: "date",
|
|
|
prop: "transactionTime",
|
|
|
- slotName: "transactionTime",
|
|
|
+ itemType: "datetime",
|
|
|
label: "交易时间",
|
|
|
+ itemWidth: 50,
|
|
|
},
|
|
|
{
|
|
|
+ type: "select",
|
|
|
+ prop: "status",
|
|
|
+ label: "交易类型",
|
|
|
+ data: status.value,
|
|
|
+ fn: () => {
|
|
|
+ changeStatus();
|
|
|
+ },
|
|
|
+ itemWidth: 50.01,
|
|
|
+ },
|
|
|
+ formData.data.status == "10"
|
|
|
+ ? {
|
|
|
+ type: "slot",
|
|
|
+ prop: "received",
|
|
|
+ slotName: "received",
|
|
|
+ label: "合同到账",
|
|
|
+ itemWidth: 49,
|
|
|
+ }
|
|
|
+ : {},
|
|
|
+ {
|
|
|
type: "slot",
|
|
|
prop: "money",
|
|
|
slotName: "money",
|
|
|
label: "交易金额",
|
|
|
+ itemWidth: 50,
|
|
|
},
|
|
|
{
|
|
|
type: "slot",
|
|
|
prop: "amountCny",
|
|
|
slotName: "amountCny",
|
|
|
- label: "汇算人民币金额",
|
|
|
+ label: "汇算人民币",
|
|
|
+ itemWidth: 50,
|
|
|
},
|
|
|
- formData.data.status == "10"
|
|
|
- ? {
|
|
|
- type: "slot",
|
|
|
- prop: "received",
|
|
|
- slotName: "received",
|
|
|
- label: "合同到账",
|
|
|
- }
|
|
|
- : {},
|
|
|
+
|
|
|
{
|
|
|
- label: "对方信息",
|
|
|
+ type: "title1",
|
|
|
+ title: "对方信息",
|
|
|
},
|
|
|
+
|
|
|
{
|
|
|
type: "input",
|
|
|
prop: "name",
|
|
@@ -637,7 +643,8 @@ const formConfig = computed(() => {
|
|
|
itemType: "text",
|
|
|
},
|
|
|
{
|
|
|
- label: "其他信息",
|
|
|
+ type: "title1",
|
|
|
+ title: "其他信息",
|
|
|
},
|
|
|
{
|
|
|
type: "input",
|