|
@@ -8,39 +8,74 @@
|
|
|
</el-button>
|
|
|
<template #dropdown>
|
|
|
<el-dropdown-menu>
|
|
|
- <el-dropdown-item icon="Download" @click="handleExport" v-hasPermi="['business:deposit:export']">
|
|
|
- 导出</el-dropdown-item>
|
|
|
- <!-- <el-dropdown-item type="warning" size="small" icon="Download" @click="handleArea"
|
|
|
- v-hasPermi="['business:deposit:export']"> area</el-dropdown-item> -->
|
|
|
+ <el-dropdown-item
|
|
|
+ icon="Download"
|
|
|
+ @click="handleExport"
|
|
|
+ v-hasPermi="['business:deposit:export']"
|
|
|
+ >
|
|
|
+ 导出</el-dropdown-item
|
|
|
+ >
|
|
|
</el-dropdown-menu>
|
|
|
</template>
|
|
|
</el-dropdown>
|
|
|
- <!-- <el-button type="warning" size="small" icon="Download" @click="handleExport"
|
|
|
- v-hasPermi="['business:deposit:export']">导出</el-button> -->
|
|
|
- <!--<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>-->
|
|
|
</div>
|
|
|
<!-- 搜索区 -->
|
|
|
- <el-form class="list-search-container" size="small" :model="queryParams" ref="queryRef" :inline="true"
|
|
|
- label-width="68px">
|
|
|
+ <el-form
|
|
|
+ class="list-search-container"
|
|
|
+ size="small"
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryRef"
|
|
|
+ :inline="true"
|
|
|
+ label-width="68px"
|
|
|
+ >
|
|
|
<el-form-item label="客户名称:" prop="companyName">
|
|
|
- <el-input v-model="queryParams.companyName" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.companyName"
|
|
|
+ placeholder="请输入客户名称"
|
|
|
+ clearable
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button type="primary" icon="Search" @click="handleQuery"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
<!-- 列表区 -->
|
|
|
- <el-table v-loading="loading" :data="orderList" size="small" border height="100%"
|
|
|
- @selection-change="handleSelectionChange">
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="orderList"
|
|
|
+ size="small"
|
|
|
+ border
|
|
|
+ height="100%"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column align="center" type="index" label="序号" width="50"></el-table-column>
|
|
|
- <el-table-column label="日期" align="center" prop="depositDate" width="200" />
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ width="50"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="日期"
|
|
|
+ align="center"
|
|
|
+ prop="depositDate"
|
|
|
+ width="200"
|
|
|
+ />
|
|
|
<el-table-column label="金额" align="center" prop="amount" width="120" />
|
|
|
<el-table-column label="附件" align="center" prop="files">
|
|
|
<template #default="scope">
|
|
|
- <el-button link type="primary" size="small" @click="showFileList(scope.row)">查看</el-button>
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="showFileList(scope.row)"
|
|
|
+ >查看</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="审核状态" align="center" width="80" prop="remark">
|
|
@@ -48,47 +83,125 @@
|
|
|
<dict-tag :options="verify_status" :value="scope.row.status" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" align="center" prop="verifyStatus" width="200">
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ prop="verifyStatus"
|
|
|
+ width="200"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
- <el-button v-show="scope.row.status === 0" link type="primary" size="small" @click="handleInfo(scope.row)"
|
|
|
- v-hasPermi="['business:deposit:info']">编辑</el-button>
|
|
|
- <el-button v-show="scope.row.status === 0" link type="primary" size="small" @click="handleDelete(scope.row)"
|
|
|
- v-hasPermi="['business:deposit:remove']">删除</el-button>
|
|
|
- <el-button v-show="scope.row.status !== 0" link type="primary" size="small" @click="handleInfo(scope.row)"
|
|
|
- v-hasPermi="['business:deposit:info']">查看</el-button>
|
|
|
+ <el-button
|
|
|
+ v-show="scope.row.status === 0"
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="handleInfo(scope.row)"
|
|
|
+ v-hasPermi="['business:deposit:info']"
|
|
|
+ >编辑</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-show="scope.row.status === 0"
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="handleDelete(scope.row)"
|
|
|
+ v-hasPermi="['business:deposit:remove']"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ v-show="scope.row.status !== 0"
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="handleInfo(scope.row)"
|
|
|
+ v-hasPermi="['business:deposit:info']"
|
|
|
+ >查看</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<!-- <Deposit-form ref="DepositRef" :get-list="getList" /> -->
|
|
|
- <el-dialog title="新增存款" v-model="formOpen" width="500px" append-to-body draggable @close="formCancel">
|
|
|
+ <el-dialog
|
|
|
+ title="新增存款"
|
|
|
+ v-model="formOpen"
|
|
|
+ width="500px"
|
|
|
+ append-to-body
|
|
|
+ draggable
|
|
|
+ @close="formCancel"
|
|
|
+ >
|
|
|
<el-form ref="dictRef" :model="form" label-width="100" size="small">
|
|
|
<el-row :gutter="30">
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="存款金额:">
|
|
|
- <el-input-number v-if="form.status !== 1" v-model="form.amount" :precision="2" :step="0.1" :min="0"
|
|
|
- :controls="false" />
|
|
|
+ <el-input-number
|
|
|
+ v-if="form.status !== 1"
|
|
|
+ v-model="form.amount"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.1"
|
|
|
+ :min="0"
|
|
|
+ :controls="false"
|
|
|
+ />
|
|
|
<div v-else>{{ form.amount }}</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="凭证附件:">
|
|
|
<div class="details-btns-container" style="display: flex">
|
|
|
- <el-upload v-if="form.status !== 1" action="#" :http-request="upload" :with-credentials="true"
|
|
|
- :show-file-list="false" multiple>
|
|
|
- <el-button size="small" type="primary" icon="Upload">点击上传</el-button>
|
|
|
+ <el-upload
|
|
|
+ v-if="form.status !== 1"
|
|
|
+ action="#"
|
|
|
+ :http-request="upload"
|
|
|
+ :with-credentials="true"
|
|
|
+ :show-file-list="false"
|
|
|
+ multiple
|
|
|
+ >
|
|
|
+ <el-button size="small" type="primary" icon="Upload"
|
|
|
+ >点击上传</el-button
|
|
|
+ >
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
- <el-table ref="filesTable" :data="form.files" size="small" height="200px" border
|
|
|
- header-row-class-name="list-header-row">
|
|
|
- <el-table-column v-if="form.status !== 1" label="操作" width="47" align="center">
|
|
|
+ <el-table
|
|
|
+ ref="filesTable"
|
|
|
+ :data="form.files"
|
|
|
+ size="small"
|
|
|
+ height="200px"
|
|
|
+ border
|
|
|
+ header-row-class-name="list-header-row"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ v-if="form.status !== 1"
|
|
|
+ label="操作"
|
|
|
+ width="47"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
- <el-button icon="Minus" size="small" circle type="danger" @click="handleDelFile(scope.$index)" />
|
|
|
+ <el-button
|
|
|
+ icon="Minus"
|
|
|
+ size="small"
|
|
|
+ circle
|
|
|
+ type="danger"
|
|
|
+ @click="handleDelFile(scope.$index)"
|
|
|
+ />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column type="index" label="序号" width="47" align="center" />
|
|
|
- <el-table-column label="文件名" prop="originalFileName" align="center">
|
|
|
+ <el-table-column
|
|
|
+ type="index"
|
|
|
+ label="序号"
|
|
|
+ width="47"
|
|
|
+ align="center"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="文件名"
|
|
|
+ prop="originalFileName"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
<template #default="scope">
|
|
|
- <el-link :href="`${baseUrl}${scope.row.fileUrl}`" :underline="false" target="_blank" type="primary">
|
|
|
+ <el-link
|
|
|
+ :href="`${baseUrl}${scope.row.fileUrl}`"
|
|
|
+ :underline="false"
|
|
|
+ target="_blank"
|
|
|
+ type="primary"
|
|
|
+ >
|
|
|
{{ scope.row.originalFileName }}
|
|
|
</el-link>
|
|
|
</template>
|
|
@@ -106,9 +219,19 @@
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
<!-- 分页 -->
|
|
|
- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
|
|
|
- @pagination="getList" />
|
|
|
- <el-image-viewer v-if="showViewer" :url-list="currentFileList" @close="closeImages" :initial-index="showIndex" />
|
|
|
+ <pagination
|
|
|
+ v-show="total > 0"
|
|
|
+ :total="total"
|
|
|
+ v-model:page="queryParams.pageNum"
|
|
|
+ v-model:limit="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
+ <el-image-viewer
|
|
|
+ v-if="showViewer"
|
|
|
+ :url-list="currentFileList"
|
|
|
+ @close="closeImages"
|
|
|
+ :initial-index="showIndex"
|
|
|
+ />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -237,7 +360,7 @@ function handleDelete(row) {
|
|
|
getList();
|
|
|
proxy.$modal.msgSuccess("删除成功!");
|
|
|
})
|
|
|
- .catch(() => { });
|
|
|
+ .catch(() => {});
|
|
|
}
|
|
|
|
|
|
/** 导出按钮操作 */
|