Browse Source

详情

main
niefei 1 year ago
parent
commit
0ca552ece7
  1. 175
      src/views/business/commonFeedback/index.vue
  2. 262
      src/views/business/commonInfo/index.vue
  3. 171
      src/views/business/commonNotify/index.vue
  4. 225
      src/views/business/dealCashout/index.vue
  5. 243
      src/views/business/dealPay/index.vue
  6. 227
      src/views/business/dealReceive/index.vue
  7. 227
      src/views/business/dealTransfer/index.vue
  8. 236
      src/views/business/recordTransaction/index.vue
  9. 191
      src/views/business/userAccount/index.vue
  10. 202
      src/views/business/userCard/index.vue
  11. 156
      src/views/business/userFriend/index.vue
  12. 213
      src/views/business/userInfo/index.vue
  13. 174
      src/views/business/userPasswd/index.vue
  14. 194
      src/views/business/userRegister/index.vue

175
src/views/business/commonFeedback/index.vue

@ -2,40 +2,19 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="反馈人" prop="userId"> <el-form-item label="反馈人" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入反馈人" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入反馈人"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="星级" prop="star"> <el-form-item label="星级" prop="star">
<el-input <el-input v-model="queryParams.star" placeholder="请输入星级" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.star"
placeholder="请输入星级"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="是否正向(0正向,1负向)" prop="isGood"> <el-form-item label="是否正向(0正向,1负向)" prop="isGood">
<el-input <el-input v-model="queryParams.isGood" placeholder="请输入是否正向(0正向,1负向)" clearable
v-model="queryParams.isGood" @keyup.enter.native="handleQuery" />
placeholder="请输入是否正向(0正向,1负向)"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -45,53 +24,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:commonFeedback:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:commonFeedback:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:commonFeedback:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:commonFeedback:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:commonFeedback:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:commonFeedback:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:commonFeedback:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:commonFeedback:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="commonFeedbackList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="commonFeedbackList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="反馈人" align="center" prop="userId" /> <el-table-column label="反馈人" align="center" prop="userId" />
<el-table-column label="反馈内容" align="center" prop="content" /> <el-table-column label="反馈内容" align="center" prop="content" />
<el-table-column label="星级" align="center" prop="star" /> <el-table-column label="星级" align="center" prop="star" />
@ -102,33 +55,19 @@
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:commonFeedback:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:commonFeedback:remove']">删除</el-button>
v-hasPermi="['business:commonFeedback:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:commonFeedback:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改反馈信息对话框 --> <!-- 添加或修改反馈信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -137,7 +76,7 @@
<el-input v-model="form.userId" placeholder="请输入反馈人" /> <el-input v-model="form.userId" placeholder="请输入反馈人" />
</el-form-item> </el-form-item>
<el-form-item label="反馈内容"> <el-form-item label="反馈内容">
<editor v-model="form.content" :min-height="192"/> <editor v-model="form.content" :min-height="192" />
</el-form-item> </el-form-item>
<el-form-item label="星级" prop="star"> <el-form-item label="星级" prop="star">
<el-input v-model="form.star" placeholder="请输入星级" /> <el-input v-model="form.star" placeholder="请输入星级" />
@ -151,13 +90,40 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 反馈信息详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="反馈人:">
{{form.userId}}
</el-form-item>
<el-form-item label="反馈内容">
<editor v-model="form.content" :min-height="192" />
</el-form-item>
<el-form-item label="星级:">
{{form.star}}
</el-form-item>
<el-form-item label="是否正向(0正向,1负向):">
{{form.isGood}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listCommonFeedback, getCommonFeedback, delCommonFeedback, addCommonFeedback, updateCommonFeedback } from "@/api/business/commonFeedback"; import {
listCommonFeedback,
getCommonFeedback,
delCommonFeedback,
addCommonFeedback,
updateCommonFeedback
} from "@/api/business/commonFeedback";
export default { export default {
name: "CommonFeedback", name: "CommonFeedback",
data() { data() {
return { return {
@ -181,6 +147,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -198,12 +166,16 @@ export default {
form: {}, form: {},
// //
rules: { rules: {
userId: [ userId: [{
{ required: true, message: "反馈人不能为空", trigger: "blur" } required: true,
], message: "反馈人不能为空",
content: [ trigger: "blur"
{ required: true, message: "反馈内容不能为空", trigger: "blur" } }],
], content: [{
required: true,
message: "反馈内容不能为空",
trigger: "blur"
}],
} }
}; };
}, },
@ -228,6 +200,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -261,7 +234,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -270,6 +243,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加反馈信息"; this.title = "添加反馈信息";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "反馈信息";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -317,8 +297,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -329,5 +308,5 @@ export default {
}, `commonFeedback_${new Date().getTime()}.xlsx`) }, `commonFeedback_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

262
src/views/business/commonInfo/index.vue

@ -2,108 +2,49 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="版本号" prop="version"> <el-form-item label="版本号" prop="version">
<el-input <el-input v-model="queryParams.version" placeholder="请输入版本号" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.version"
placeholder="请输入版本号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="发版日期"> <el-form-item label="发版日期">
<el-date-picker <el-date-picker v-model="daterangeReleaseDate" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeReleaseDate" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="隐私政策" prop="privacyPolicy"> <el-form-item label="隐私政策" prop="privacyPolicy">
<el-input <el-input v-model="queryParams.privacyPolicy" placeholder="请输入隐私政策" clearable
v-model="queryParams.privacyPolicy" @keyup.enter.native="handleQuery" />
placeholder="请输入隐私政策"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="隐私设置" prop="privacySetting"> <el-form-item label="隐私设置" prop="privacySetting">
<el-input <el-input v-model="queryParams.privacySetting" placeholder="请输入隐私设置" clearable
v-model="queryParams.privacySetting" @keyup.enter.native="handleQuery" />
placeholder="请输入隐私设置"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="功能说明" prop="featureDesc"> <el-form-item label="功能说明" prop="featureDesc">
<el-input <el-input v-model="queryParams.featureDesc" placeholder="请输入功能说明" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.featureDesc"
placeholder="请输入功能说明"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="技术说明" prop="techDesc"> <el-form-item label="技术说明" prop="techDesc">
<el-input <el-input v-model="queryParams.techDesc" placeholder="请输入技术说明" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.techDesc"
placeholder="请输入技术说明"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="用户协议" prop="userAgreement"> <el-form-item label="用户协议" prop="userAgreement">
<el-input <el-input v-model="queryParams.userAgreement" placeholder="请输入用户协议" clearable
v-model="queryParams.userAgreement" @keyup.enter.native="handleQuery" />
placeholder="请输入用户协议"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="免责声明" prop="disclaimer"> <el-form-item label="免责声明" prop="disclaimer">
<el-input <el-input v-model="queryParams.disclaimer" placeholder="请输入免责声明" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.disclaimer"
placeholder="请输入免责声明"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="关于我们" prop="about"> <el-form-item label="关于我们" prop="about">
<el-input <el-input v-model="queryParams.about" placeholder="请输入关于我们" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.about"
placeholder="请输入关于我们"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="个人信息共享清单" prop="shareInfoList"> <el-form-item label="个人信息共享清单" prop="shareInfoList">
<el-input <el-input v-model="queryParams.shareInfoList" placeholder="请输入个人信息共享清单" clearable
v-model="queryParams.shareInfoList" @keyup.enter.native="handleQuery" />
placeholder="请输入个人信息共享清单"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="个人信息已收集清单" prop="collectInfoList"> <el-form-item label="个人信息已收集清单" prop="collectInfoList">
<el-input <el-input v-model="queryParams.collectInfoList" placeholder="请输入个人信息已收集清单" clearable
v-model="queryParams.collectInfoList" @keyup.enter.native="handleQuery" />
placeholder="请输入个人信息已收集清单"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -113,53 +54,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:commonInfo:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:commonInfo:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:commonInfo:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:commonInfo:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:commonInfo:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:commonInfo:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:commonInfo:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:commonInfo:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="commonInfoList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="commonInfoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="版本号" align="center" prop="version" /> <el-table-column label="版本号" align="center" prop="version" />
<el-table-column label="发版日期" align="center" prop="releaseDate" width="180"> <el-table-column label="发版日期" align="center" prop="releaseDate" width="180">
<template slot-scope="scope"> <template slot-scope="scope">
@ -181,33 +96,19 @@
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:commonInfo:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:commonInfo:remove']">删除</el-button>
v-hasPermi="['business:commonInfo:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:commonInfo:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改关于信息对话框 --> <!-- 添加或修改关于信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -216,10 +117,7 @@
<el-input v-model="form.version" placeholder="请输入版本号" /> <el-input v-model="form.version" placeholder="请输入版本号" />
</el-form-item> </el-form-item>
<el-form-item label="发版日期" prop="releaseDate"> <el-form-item label="发版日期" prop="releaseDate">
<el-date-picker clearable <el-date-picker clearable v-model="form.releaseDate" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.releaseDate"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择发版日期"> placeholder="请选择发版日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
@ -256,13 +154,71 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 关于信息详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="版本号:">
{{form.version}}
</el-form-item>
<el-form-item label="发版日期">
<el-date-picker clearable v-model="form.releaseDate" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择发版日期">
</el-date-picker>
</el-form-item>
<el-form-item label="隐私政策:">
{{form.privacyPolicy}}
</el-form-item>
<el-form-item label="隐私设置:">
{{form.privacySetting}}
</el-form-item>
<el-form-item label="功能说明:">
{{form.featureDesc}}
</el-form-item>
<el-form-item label="技术说明:">
{{form.techDesc}}
</el-form-item>
<el-form-item label="用户协议:">
{{form.userAgreement}}
</el-form-item>
<el-form-item label="免责声明:">
{{form.disclaimer}}
</el-form-item>
<el-form-item label="关于我们:">
{{form.about}}
</el-form-item>
<el-form-item label="个人信息共享清单:">
{{form.shareInfoList}}
</el-form-item>
<el-form-item label="个人信息已收集清单:">
{{form.collectInfoList}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listCommonInfo, getCommonInfo, delCommonInfo, addCommonInfo, updateCommonInfo } from "@/api/business/commonInfo"; import {
listCommonInfo,
getCommonInfo,
delCommonInfo,
addCommonInfo,
updateCommonInfo
} from "@/api/business/commonInfo";
export default { export default {
name: "CommonInfo", name: "CommonInfo",
data() { data() {
return { return {
@ -286,6 +242,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeReleaseDate: [], daterangeReleaseDate: [],
// //
@ -311,8 +269,7 @@ export default {
// //
form: {}, form: {},
// //
rules: { rules: {}
}
}; };
}, },
created() { created() {
@ -340,6 +297,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -381,7 +339,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -390,6 +348,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加关于信息"; this.title = "添加关于信息";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "关于信息";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -437,8 +402,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -449,5 +413,5 @@ export default {
}, `commonInfo_${new Date().getTime()}.xlsx`) }, `commonInfo_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

171
src/views/business/commonNotify/index.vue

@ -2,44 +2,20 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="触发事务ID" prop="eventId"> <el-form-item label="触发事务ID" prop="eventId">
<el-input <el-input v-model="queryParams.eventId" placeholder="请输入触发事务ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.eventId"
placeholder="请输入触发事务ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="消息场景(支付、提现等)" prop="messageScene"> <el-form-item label="消息场景(支付、提现等)" prop="messageScene">
<el-input <el-input v-model="queryParams.messageScene" placeholder="请输入消息场景(支付、提现等)" clearable
v-model="queryParams.messageScene" @keyup.enter.native="handleQuery" />
placeholder="请输入消息场景(支付、提现等)"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="发送者" prop="sender"> <el-form-item label="发送者" prop="sender">
<el-input <el-input v-model="queryParams.sender" placeholder="请输入发送者" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.sender"
placeholder="请输入发送者"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="接收者" prop="receiver"> <el-form-item label="接收者" prop="receiver">
<el-input <el-input v-model="queryParams.receiver" placeholder="请输入接收者" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.receiver"
placeholder="请输入接收者"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="标题" prop="title"> <el-form-item label="标题" prop="title">
<el-input <el-input v-model="queryParams.title" placeholder="请输入标题" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.title"
placeholder="请输入标题"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -49,53 +25,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:commonNotify:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:commonNotify:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:commonNotify:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:commonNotify:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:commonNotify:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:commonNotify:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:commonNotify:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:commonNotify:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="commonNotifyList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="commonNotifyList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="触发事务ID" align="center" prop="eventId" /> <el-table-column label="触发事务ID" align="center" prop="eventId" />
<el-table-column label="消息类型(系统、通知、活动等)" align="center" prop="messageType" /> <el-table-column label="消息类型(系统、通知、活动等)" align="center" prop="messageType" />
<el-table-column label="消息场景(支付、提现等)" align="center" prop="messageScene" /> <el-table-column label="消息场景(支付、提现等)" align="center" prop="messageScene" />
@ -105,33 +55,19 @@
<el-table-column label="内容" align="center" prop="content" /> <el-table-column label="内容" align="center" prop="content" />
<el-table-column label="内容" align="center" prop="imgUrl" /> <el-table-column label="内容" align="center" prop="imgUrl" />
<el-table-column label="状态" align="center" prop="status" /> <el-table-column label="状态" align="center" prop="status" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:commonNotify:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:commonNotify:remove']">删除</el-button>
v-hasPermi="['business:commonNotify:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:commonNotify:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改消息通知对话框 --> <!-- 添加或修改消息通知对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -152,10 +88,10 @@
<el-input v-model="form.title" placeholder="请输入标题" /> <el-input v-model="form.title" placeholder="请输入标题" />
</el-form-item> </el-form-item>
<el-form-item label="内容"> <el-form-item label="内容">
<editor v-model="form.content" :min-height="192"/> <editor v-model="form.content" :min-height="192" />
</el-form-item> </el-form-item>
<el-form-item label="图片地址"> <el-form-item label="图片地址">
<editor v-model="form.imgUrl" :min-height="192"/> <editor v-model="form.imgUrl" :min-height="192" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -163,13 +99,46 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 消息通知详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="触发事务ID:">
{{form.eventId}}
</el-form-item>
<el-form-item label="消息场景(支付、提现等):">
{{form.messageScene}}
</el-form-item>
<el-form-item label="发送者:">
{{form.sender}}
</el-form-item>
<el-form-item label="接收者:">
{{form.receiver}}
</el-form-item>
<el-form-item label="标题:">
{{form.title}}
</el-form-item>
<el-form-item label="内容">
<editor v-model="form.content" :min-height="192" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listCommonNotify, getCommonNotify, delCommonNotify, addCommonNotify, updateCommonNotify } from "@/api/business/commonNotify"; import {
listCommonNotify,
getCommonNotify,
delCommonNotify,
addCommonNotify,
updateCommonNotify
} from "@/api/business/commonNotify";
export default { export default {
name: "CommonNotify", name: "CommonNotify",
data() { data() {
return { return {
@ -193,6 +162,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
@ -209,8 +180,7 @@ export default {
// //
form: {}, form: {},
// //
rules: { rules: {}
}
}; };
}, },
created() { created() {
@ -229,6 +199,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -265,7 +236,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -274,6 +245,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加消息通知"; this.title = "添加消息通知";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "消息通知";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -321,8 +299,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -333,5 +310,5 @@ export default {
}, `commonNotify_${new Date().getTime()}.xlsx`) }, `commonNotify_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

225
src/views/business/dealCashout/index.vue

@ -2,72 +2,30 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="提现ID" prop="userId"> <el-form-item label="提现ID" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入提现ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入提现ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="提现账户" prop="userAccount"> <el-form-item label="提现账户" prop="userAccount">
<el-input <el-input v-model="queryParams.userAccount" placeholder="请输入提现账户" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userAccount"
placeholder="请输入提现账户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="目标ID" prop="toId"> <el-form-item label="目标ID" prop="toId">
<el-input <el-input v-model="queryParams.toId" placeholder="请输入目标ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.toId"
placeholder="请输入目标ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="目标账户" prop="toAccount"> <el-form-item label="目标账户" prop="toAccount">
<el-input <el-input v-model="queryParams.toAccount" placeholder="请输入目标账户" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.toAccount"
placeholder="请输入目标账户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="账单唯一编号" prop="billCode"> <el-form-item label="账单唯一编号" prop="billCode">
<el-input <el-input v-model="queryParams.billCode" placeholder="请输入账单唯一编号" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.billCode"
placeholder="请输入账单唯一编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="提现金额" prop="amount"> <el-form-item label="提现金额" prop="amount">
<el-input <el-input v-model="queryParams.amount" placeholder="请输入提现金额" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.amount"
placeholder="请输入提现金额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建者" prop="createBy"> <el-form-item label="创建者" prop="createBy">
<el-input <el-input v-model="queryParams.createBy" placeholder="请输入创建者" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.createBy"
placeholder="请输入创建者"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -77,53 +35,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:dealCashout:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:dealCashout:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:dealCashout:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:dealCashout:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:dealCashout:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:dealCashout:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:dealCashout:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:dealCashout:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="dealCashoutList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="dealCashoutList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="提现ID" align="center" prop="userId" /> <el-table-column label="提现ID" align="center" prop="userId" />
<el-table-column label="提现账户" align="center" prop="userAccount" /> <el-table-column label="提现账户" align="center" prop="userAccount" />
<el-table-column label="目标ID" align="center" prop="toId" /> <el-table-column label="目标ID" align="center" prop="toId" />
@ -144,33 +76,19 @@
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:dealCashout:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:dealCashout:remove']">删除</el-button>
v-hasPermi="['business:dealCashout:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:dealCashout:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改提现对话框 --> <!-- 添加或修改提现对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -202,13 +120,49 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 提现详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="提现ID:">
{{form.userId}}
</el-form-item>
<el-form-item label="提现账户:">
{{form.userAccount}}
</el-form-item>
<el-form-item label="目标ID:">
{{form.toId}}
</el-form-item>
<el-form-item label="目标账户:">
{{form.toAccount}}
</el-form-item>
<el-form-item label="账单唯一编号:">
{{form.billCode}}
</el-form-item>
<el-form-item label="提现金额:">
{{form.amount}}
</el-form-item>
<el-form-item label="提现备注:">
{{form.remark}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listDealCashout, getDealCashout, delDealCashout, addDealCashout, updateDealCashout } from "@/api/business/dealCashout"; import {
listDealCashout,
getDealCashout,
delDealCashout,
addDealCashout,
updateDealCashout
} from "@/api/business/dealCashout";
export default { export default {
name: "DealCashout", name: "DealCashout",
data() { data() {
return { return {
@ -232,6 +186,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -253,18 +209,26 @@ export default {
form: {}, form: {},
// //
rules: { rules: {
userId: [ userId: [{
{ required: true, message: "提现ID不能为空", trigger: "blur" } required: true,
], message: "提现ID不能为空",
userAccount: [ trigger: "blur"
{ required: true, message: "提现账户不能为空", trigger: "blur" } }],
], userAccount: [{
toId: [ required: true,
{ required: true, message: "目标ID不能为空", trigger: "blur" } message: "提现账户不能为空",
], trigger: "blur"
amount: [ }],
{ required: true, message: "提现金额不能为空", trigger: "blur" } toId: [{
], required: true,
message: "目标ID不能为空",
trigger: "blur"
}],
amount: [{
required: true,
message: "提现金额不能为空",
trigger: "blur"
}],
} }
}; };
}, },
@ -289,6 +253,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -326,7 +291,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -335,6 +300,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加提现"; this.title = "添加提现";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "提现";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -382,8 +354,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -394,5 +365,5 @@ export default {
}, `dealCashout_${new Date().getTime()}.xlsx`) }, `dealCashout_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

243
src/views/business/dealPay/index.vue

@ -2,80 +2,33 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="付款ID" prop="userId"> <el-form-item label="付款ID" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入付款ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入付款ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="付款账户" prop="userAccount"> <el-form-item label="付款账户" prop="userAccount">
<el-input <el-input v-model="queryParams.userAccount" placeholder="请输入付款账户" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userAccount"
placeholder="请输入付款账户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="目标ID" prop="toId"> <el-form-item label="目标ID" prop="toId">
<el-input <el-input v-model="queryParams.toId" placeholder="请输入目标ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.toId"
placeholder="请输入目标ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="目标账户" prop="toAccount"> <el-form-item label="目标账户" prop="toAccount">
<el-input <el-input v-model="queryParams.toAccount" placeholder="请输入目标账户" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.toAccount"
placeholder="请输入目标账户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="账单唯一编号" prop="billCode"> <el-form-item label="账单唯一编号" prop="billCode">
<el-input <el-input v-model="queryParams.billCode" placeholder="请输入账单唯一编号" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.billCode"
placeholder="请输入账单唯一编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="付款金额" prop="amount"> <el-form-item label="付款金额" prop="amount">
<el-input <el-input v-model="queryParams.amount" placeholder="请输入付款金额" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.amount"
placeholder="请输入付款金额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="二维码解析" prop="qrCode"> <el-form-item label="二维码解析" prop="qrCode">
<el-input <el-input v-model="queryParams.qrCode" placeholder="请输入二维码解析" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.qrCode"
placeholder="请输入二维码解析"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="付款备注" prop="remark"> <el-form-item label="付款备注" prop="remark">
<el-input <el-input v-model="queryParams.remark" placeholder="请输入付款备注" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.remark"
placeholder="请输入付款备注"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -85,53 +38,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:dealPay:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:dealPay:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:dealPay:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:dealPay:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:dealPay:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:dealPay:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:dealPay:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:dealPay:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="dealPayList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="dealPayList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="付款ID" align="center" prop="userId" /> <el-table-column label="付款ID" align="center" prop="userId" />
<el-table-column label="付款账户" align="center" prop="userAccount" /> <el-table-column label="付款账户" align="center" prop="userAccount" />
<el-table-column label="目标ID" align="center" prop="toId" /> <el-table-column label="目标ID" align="center" prop="toId" />
@ -147,33 +74,19 @@
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:dealPay:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:dealPay:remove']">删除</el-button>
v-hasPermi="['business:dealPay:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:dealPay:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改付款对话框 --> <!-- 添加或修改付款对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -208,13 +121,52 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 付款详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="付款ID:">
{{form.userId}}
</el-form-item>
<el-form-item label="付款账户:">
{{form.userAccount}}
</el-form-item>
<el-form-item label="目标ID:">
{{form.toId}}
</el-form-item>
<el-form-item label="目标账户:">
{{form.toAccount}}
</el-form-item>
<el-form-item label="账单唯一编号:">
{{form.billCode}}
</el-form-item>
<el-form-item label="付款金额:">
{{form.amount}}
</el-form-item>
<el-form-item label="二维码解析:">
{{form.qrCode}}
</el-form-item>
<el-form-item label="付款备注:">
{{form.remark}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listDealPay, getDealPay, delDealPay, addDealPay, updateDealPay } from "@/api/business/dealPay"; import {
listDealPay,
getDealPay,
delDealPay,
addDealPay,
updateDealPay
} from "@/api/business/dealPay";
export default { export default {
name: "DealPay", name: "DealPay",
data() { data() {
return { return {
@ -238,6 +190,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -260,21 +214,31 @@ export default {
form: {}, form: {},
// //
rules: { rules: {
userId: [ userId: [{
{ required: true, message: "付款ID不能为空", trigger: "blur" } required: true,
], message: "付款ID不能为空",
userAccount: [ trigger: "blur"
{ required: true, message: "付款账户不能为空", trigger: "blur" } }],
], userAccount: [{
toId: [ required: true,
{ required: true, message: "目标ID不能为空", trigger: "blur" } message: "付款账户不能为空",
], trigger: "blur"
toAccount: [ }],
{ required: true, message: "目标账户不能为空", trigger: "blur" } toId: [{
], required: true,
amount: [ message: "目标ID不能为空",
{ required: true, message: "付款金额不能为空", trigger: "blur" } trigger: "blur"
], }],
toAccount: [{
required: true,
message: "目标账户不能为空",
trigger: "blur"
}],
amount: [{
required: true,
message: "付款金额不能为空",
trigger: "blur"
}],
} }
}; };
}, },
@ -299,6 +263,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -337,7 +302,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -346,6 +311,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加付款"; this.title = "添加付款";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "付款";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -393,8 +365,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -405,5 +376,5 @@ export default {
}, `dealPay_${new Date().getTime()}.xlsx`) }, `dealPay_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

227
src/views/business/dealReceive/index.vue

@ -2,74 +2,31 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="收款ID" prop="userId"> <el-form-item label="收款ID" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入收款ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入收款ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="收款账户" prop="userAccount"> <el-form-item label="收款账户" prop="userAccount">
<el-input <el-input v-model="queryParams.userAccount" placeholder="请输入收款账户" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userAccount"
placeholder="请输入收款账户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="目标ID" prop="toId"> <el-form-item label="目标ID" prop="toId">
<el-input <el-input v-model="queryParams.toId" placeholder="请输入目标ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.toId"
placeholder="请输入目标ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="目标账户" prop="toAccount"> <el-form-item label="目标账户" prop="toAccount">
<el-input <el-input v-model="queryParams.toAccount" placeholder="请输入目标账户" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.toAccount"
placeholder="请输入目标账户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="账单唯一编号" prop="billCode"> <el-form-item label="账单唯一编号" prop="billCode">
<el-input <el-input v-model="queryParams.billCode" placeholder="请输入账单唯一编号" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.billCode"
placeholder="请输入账单唯一编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="收款金额" prop="amount"> <el-form-item label="收款金额" prop="amount">
<el-input <el-input v-model="queryParams.amount" placeholder="请输入收款金额" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.amount"
placeholder="请输入收款金额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="二维码解析" prop="qrCode"> <el-form-item label="二维码解析" prop="qrCode">
<el-input <el-input v-model="queryParams.qrCode" placeholder="请输入二维码解析" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.qrCode"
placeholder="请输入二维码解析"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="提现备注" prop="remark"> <el-form-item label="提现备注" prop="remark">
<el-input <el-input v-model="queryParams.remark" placeholder="请输入提现备注" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.remark"
placeholder="请输入提现备注"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间" prop="createTime"> <el-form-item label="创建时间" prop="createTime">
<el-date-picker clearable <el-date-picker clearable v-model="queryParams.createTime" type="date" value-format="yyyy-MM-dd"
v-model="queryParams.createTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择创建时间"> placeholder="请选择创建时间">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
@ -81,53 +38,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:dealReceive:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:dealReceive:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:dealReceive:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:dealReceive:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:dealReceive:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:dealReceive:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:dealReceive:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:dealReceive:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="dealReceiveList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="dealReceiveList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="收款ID" align="center" prop="userId" /> <el-table-column label="收款ID" align="center" prop="userId" />
<el-table-column label="收款账户" align="center" prop="userAccount" /> <el-table-column label="收款账户" align="center" prop="userAccount" />
<el-table-column label="目标ID" align="center" prop="toId" /> <el-table-column label="目标ID" align="center" prop="toId" />
@ -143,33 +74,19 @@
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:dealReceive:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:dealReceive:remove']">删除</el-button>
v-hasPermi="['business:dealReceive:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:dealReceive:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改收款对话框 --> <!-- 添加或修改收款对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -204,13 +121,52 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 收款详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="收款ID:">
{{form.userId}}
</el-form-item>
<el-form-item label="收款账户:">
{{form.userAccount}}
</el-form-item>
<el-form-item label="目标ID:">
{{form.toId}}
</el-form-item>
<el-form-item label="目标账户:">
{{form.toAccount}}
</el-form-item>
<el-form-item label="账单唯一编号:">
{{form.billCode}}
</el-form-item>
<el-form-item label="收款金额:">
{{form.amount}}
</el-form-item>
<el-form-item label="二维码解析:">
{{form.qrCode}}
</el-form-item>
<el-form-item label="提现备注:">
{{form.remark}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listDealReceive, getDealReceive, delDealReceive, addDealReceive, updateDealReceive } from "@/api/business/dealReceive"; import {
listDealReceive,
getDealReceive,
delDealReceive,
addDealReceive,
updateDealReceive
} from "@/api/business/dealReceive";
export default { export default {
name: "DealReceive", name: "DealReceive",
data() { data() {
return { return {
@ -234,6 +190,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
@ -254,18 +212,26 @@ export default {
form: {}, form: {},
// //
rules: { rules: {
userId: [ userId: [{
{ required: true, message: "收款ID不能为空", trigger: "blur" } required: true,
], message: "收款ID不能为空",
userAccount: [ trigger: "blur"
{ required: true, message: "收款账户不能为空", trigger: "blur" } }],
], userAccount: [{
toId: [ required: true,
{ required: true, message: "目标ID不能为空", trigger: "blur" } message: "收款账户不能为空",
], trigger: "blur"
toAccount: [ }],
{ required: true, message: "目标账户不能为空", trigger: "blur" } toId: [{
], required: true,
message: "目标ID不能为空",
trigger: "blur"
}],
toAccount: [{
required: true,
message: "目标账户不能为空",
trigger: "blur"
}],
} }
}; };
}, },
@ -285,6 +251,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -322,7 +289,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -331,6 +298,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加收款"; this.title = "添加收款";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "收款";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -378,8 +352,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -390,5 +363,5 @@ export default {
}, `dealReceive_${new Date().getTime()}.xlsx`) }, `dealReceive_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

227
src/views/business/dealTransfer/index.vue

@ -2,72 +2,30 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="转账ID" prop="userId"> <el-form-item label="转账ID" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入转账ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入转账ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="转账账户" prop="userAccount"> <el-form-item label="转账账户" prop="userAccount">
<el-input <el-input v-model="queryParams.userAccount" placeholder="请输入转账账户" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userAccount"
placeholder="请输入转账账户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="接收ID" prop="toId"> <el-form-item label="接收ID" prop="toId">
<el-input <el-input v-model="queryParams.toId" placeholder="请输入接收ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.toId"
placeholder="请输入接收ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="接收账户" prop="toAccount"> <el-form-item label="接收账户" prop="toAccount">
<el-input <el-input v-model="queryParams.toAccount" placeholder="请输入接收账户" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.toAccount"
placeholder="请输入接收账户"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="账单唯一编号" prop="billCode"> <el-form-item label="账单唯一编号" prop="billCode">
<el-input <el-input v-model="queryParams.billCode" placeholder="请输入账单唯一编号" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.billCode"
placeholder="请输入账单唯一编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="转账金额" prop="amount"> <el-form-item label="转账金额" prop="amount">
<el-input <el-input v-model="queryParams.amount" placeholder="请输入转账金额" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.amount"
placeholder="请输入转账金额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="转账备注" prop="remark"> <el-form-item label="转账备注" prop="remark">
<el-input <el-input v-model="queryParams.remark" placeholder="请输入转账备注" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.remark"
placeholder="请输入转账备注"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -77,53 +35,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:dealTransfer:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:dealTransfer:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:dealTransfer:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:dealTransfer:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:dealTransfer:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:dealTransfer:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:dealTransfer:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:dealTransfer:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="dealTransferList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="dealTransferList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="转账ID" align="center" prop="userId" /> <el-table-column label="转账ID" align="center" prop="userId" />
<el-table-column label="转账账户" align="center" prop="userAccount" /> <el-table-column label="转账账户" align="center" prop="userAccount" />
<el-table-column label="接收ID" align="center" prop="toId" /> <el-table-column label="接收ID" align="center" prop="toId" />
@ -138,33 +70,19 @@
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:dealTransfer:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:dealTransfer:remove']">删除</el-button>
v-hasPermi="['business:dealTransfer:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:dealTransfer:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改转账对话框 --> <!-- 添加或修改转账对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -196,13 +114,51 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 转账详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="转账ID:">
{{form.userId}}
</el-form-item>
<el-form-item label="转账账户:">
{{form.userAccount}}
</el-form-item>
<el-form-item label="接收ID:">
{{form.toId}}
</el-form-item>
<el-form-item label="接收账户:">
{{form.toAccount}}
</el-form-item>
<el-form-item label="账单唯一编号:">
{{form.billCode}}
</el-form-item>
<el-form-item label="转账金额:">
{{form.amount}}
</el-form-item>
<el-form-item label="转账备注:">
{{form.remark}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listDealTransfer, getDealTransfer, delDealTransfer, addDealTransfer, updateDealTransfer } from "@/api/business/dealTransfer"; import {
listDealTransfer,
getDealTransfer,
delDealTransfer,
addDealTransfer,
updateDealTransfer
} from "@/api/business/dealTransfer";
export default { export default {
name: "DealTransfer", name: "DealTransfer",
data() { data() {
return { return {
@ -226,6 +182,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -247,18 +205,26 @@ export default {
form: {}, form: {},
// //
rules: { rules: {
userId: [ userId: [{
{ required: true, message: "转账ID不能为空", trigger: "blur" } required: true,
], message: "转账ID不能为空",
userAccount: [ trigger: "blur"
{ required: true, message: "转账账户不能为空", trigger: "blur" } }],
], userAccount: [{
toId: [ required: true,
{ required: true, message: "接收ID不能为空", trigger: "blur" } message: "转账账户不能为空",
], trigger: "blur"
toAccount: [ }],
{ required: true, message: "接收账户不能为空", trigger: "blur" } toId: [{
], required: true,
message: "接收ID不能为空",
trigger: "blur"
}],
toAccount: [{
required: true,
message: "接收账户不能为空",
trigger: "blur"
}],
} }
}; };
}, },
@ -283,6 +249,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -320,7 +287,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -329,6 +296,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加转账"; this.title = "添加转账";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "转账";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -376,8 +350,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -388,5 +361,5 @@ export default {
}, `dealTransfer_${new Date().getTime()}.xlsx`) }, `dealTransfer_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

236
src/views/business/recordTransaction/index.vue

@ -2,92 +2,44 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户ID" prop="senderId"> <el-form-item label="用户ID" prop="senderId">
<el-input <el-input v-model="queryParams.senderId" placeholder="请输入用户ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.senderId"
placeholder="请输入用户ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="账户编号" prop="senderAccount"> <el-form-item label="账户编号" prop="senderAccount">
<el-input <el-input v-model="queryParams.senderAccount" placeholder="请输入账户编号" clearable
v-model="queryParams.senderAccount" @keyup.enter.native="handleQuery" />
placeholder="请输入账户编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="目标用户ID" prop="receiverId"> <el-form-item label="目标用户ID" prop="receiverId">
<el-input <el-input v-model="queryParams.receiverId" placeholder="请输入目标用户ID" clearable
v-model="queryParams.receiverId" @keyup.enter.native="handleQuery" />
placeholder="请输入目标用户ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="目标用户账户编号" prop="receiverAccount"> <el-form-item label="目标用户账户编号" prop="receiverAccount">
<el-input <el-input v-model="queryParams.receiverAccount" placeholder="请输入目标用户账户编号" clearable
v-model="queryParams.receiverAccount" @keyup.enter.native="handleQuery" />
placeholder="请输入目标用户账户编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="交易前金额" prop="previousBalance"> <el-form-item label="交易前金额" prop="previousBalance">
<el-input <el-input v-model="queryParams.previousBalance" placeholder="请输入交易前金额" clearable
v-model="queryParams.previousBalance" @keyup.enter.native="handleQuery" />
placeholder="请输入交易前金额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="交易金额" prop="changeBalance"> <el-form-item label="交易金额" prop="changeBalance">
<el-input <el-input v-model="queryParams.changeBalance" placeholder="请输入交易金额" clearable
v-model="queryParams.changeBalance" @keyup.enter.native="handleQuery" />
placeholder="请输入交易金额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="当前金额" prop="currentBalance"> <el-form-item label="当前金额" prop="currentBalance">
<el-input <el-input v-model="queryParams.currentBalance" placeholder="请输入当前金额" clearable
v-model="queryParams.currentBalance" @keyup.enter.native="handleQuery" />
placeholder="请输入当前金额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="交易备注" prop="note"> <el-form-item label="交易备注" prop="note">
<el-input <el-input v-model="queryParams.note" placeholder="请输入交易备注" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.note"
placeholder="请输入交易备注"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="交易时间"> <el-form-item label="交易时间">
<el-date-picker <el-date-picker v-model="daterangeTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
v-model="daterangeTime" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -97,53 +49,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:recordTransaction:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:recordTransaction:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:recordTransaction:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:recordTransaction:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:recordTransaction:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:recordTransaction:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:recordTransaction:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:recordTransaction:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="recordTransactionList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="recordTransactionList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="ID" align="center" prop="id" v-if="true"/> <el-table-column label="ID" align="center" prop="id" v-if="true" />
<el-table-column label="用户ID" align="center" prop="senderId" /> <el-table-column label="用户ID" align="center" prop="senderId" />
<el-table-column label="账户编号" align="center" prop="senderAccount" /> <el-table-column label="账户编号" align="center" prop="senderAccount" />
<el-table-column label="交易类型" align="center" prop="type" /> <el-table-column label="交易类型" align="center" prop="type" />
@ -164,33 +90,19 @@
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:recordTransaction:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:recordTransaction:remove']">删除</el-button>
v-hasPermi="['business:recordTransaction:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:recordTransaction:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改交易动账记录对话框 --> <!-- 添加或修改交易动账记录对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -220,10 +132,7 @@
<el-input v-model="form.note" type="textarea" placeholder="请输入内容" /> <el-input v-model="form.note" type="textarea" placeholder="请输入内容" />
</el-form-item> </el-form-item>
<el-form-item label="交易时间" prop="time"> <el-form-item label="交易时间" prop="time">
<el-date-picker clearable <el-date-picker clearable v-model="form.time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.time"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择交易时间"> placeholder="请选择交易时间">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
@ -233,13 +142,58 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 交易动账记录详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户ID:">
{{form.senderId}}
</el-form-item>
<el-form-item label="账户编号:">
{{form.senderAccount}}
</el-form-item>
<el-form-item label="目标用户ID:">
{{form.receiverId}}
</el-form-item>
<el-form-item label="目标用户账户编号:">
{{form.receiverAccount}}
</el-form-item>
<el-form-item label="交易前金额:">
{{form.previous}}
</el-form-item>
<el-form-item label="交易金额:">
{{form.change}}
</el-form-item>
<el-form-item label="当前金额:">
{{form.current}}
</el-form-item>
<el-form-item label="交易备注:"s>
{{form.note}}
</el-form-item>
<el-form-item label="交易时间" prop="time">
<el-date-picker clearable v-model="form.time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择交易时间">
</el-date-picker>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listRecordTransaction, getRecordTransaction, delRecordTransaction, addRecordTransaction, updateRecordTransaction } from "@/api/business/recordTransaction"; import {
listRecordTransaction,
getRecordTransaction,
delRecordTransaction,
addRecordTransaction,
updateRecordTransaction
} from "@/api/business/recordTransaction";
export default { export default {
name: "RecordTransaction", name: "RecordTransaction",
data() { data() {
return { return {
@ -263,6 +217,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeTime: [], daterangeTime: [],
// //
@ -287,8 +243,7 @@ export default {
// //
form: {}, form: {},
// //
rules: { rules: {}
}
}; };
}, },
created() { created() {
@ -316,6 +271,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -356,7 +312,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -365,6 +321,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加交易动账记录"; this.title = "添加交易动账记录";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "交易动账记录";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -412,8 +375,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -424,5 +386,5 @@ export default {
}, `recordTransaction_${new Date().getTime()}.xlsx`) }, `recordTransaction_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

191
src/views/business/userAccount/index.vue

@ -2,68 +2,31 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户id" prop="userId"> <el-form-item label="用户id" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入用户id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="账户唯一ID" prop="accountId"> <el-form-item label="账户唯一ID" prop="accountId">
<el-input <el-input v-model="queryParams.accountId" placeholder="请输入账户唯一ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.accountId"
placeholder="请输入账户唯一ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="账户唯一编号" prop="accountCode"> <el-form-item label="账户唯一编号" prop="accountCode">
<el-input <el-input v-model="queryParams.accountCode" placeholder="请输入账户唯一编号" clearable
v-model="queryParams.accountCode" @keyup.enter.native="handleQuery" />
placeholder="请输入账户唯一编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="账户名称" prop="accountName"> <el-form-item label="账户名称" prop="accountName">
<el-input <el-input v-model="queryParams.accountName" placeholder="请输入账户名称" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.accountName"
placeholder="请输入账户名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="账户余额" prop="accountAmount"> <el-form-item label="账户余额" prop="accountAmount">
<el-input <el-input v-model="queryParams.accountAmount" placeholder="请输入账户余额" clearable
v-model="queryParams.accountAmount" @keyup.enter.native="handleQuery" />
placeholder="请输入账户余额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="更新时间"> <el-form-item label="更新时间">
<el-date-picker <el-date-picker v-model="daterangeUpdateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeUpdateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -73,53 +36,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:userAccount:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userAccount:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:userAccount:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userAccount:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:userAccount:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userAccount:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:userAccount:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userAccount:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="userAccountList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="userAccountList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="用户id" align="center" prop="userId" /> <el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="账户唯一ID" align="center" prop="accountId" /> <el-table-column label="账户唯一ID" align="center" prop="accountId" />
<el-table-column label="账户唯一编号" align="center" prop="accountCode" /> <el-table-column label="账户唯一编号" align="center" prop="accountCode" />
@ -137,33 +74,19 @@
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:userAccount:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:userAccount:remove']">删除</el-button>
v-hasPermi="['business:userAccount:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userAccount:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改用户账户对话框 --> <!-- 添加或修改用户账户对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -189,13 +112,43 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 用户账户详情显示框 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户id:">
{{form.userId}}
</el-form-item>
<el-form-item label="账户唯一ID:">
{{form.accountId}}
</el-form-item>
<el-form-item label="账户唯一编号:">
{{form.accountCode}}
</el-form-item>
<el-form-item label="账户名称:">
{{form.accountName}}
</el-form-item>
<el-form-item label="账户余额:">
{{form.accountAmount}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listUserAccount, getUserAccount, delUserAccount, addUserAccount, updateUserAccount } from "@/api/business/userAccount"; import {
listUserAccount,
getUserAccount,
delUserAccount,
addUserAccount,
updateUserAccount
} from "@/api/business/userAccount";
export default { export default {
name: "UserAccount", name: "UserAccount",
data() { data() {
return { return {
@ -219,6 +172,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -239,8 +194,7 @@ export default {
// //
form: {}, form: {},
// //
rules: { rules: {}
}
}; };
}, },
created() { created() {
@ -268,6 +222,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -303,7 +258,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -312,6 +267,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加用户账户"; this.title = "添加用户账户";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "用户账户";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -359,8 +321,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -371,5 +332,5 @@ export default {
}, `userAccount_${new Date().getTime()}.xlsx`) }, `userAccount_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

202
src/views/business/userCard/index.vue

@ -2,68 +2,29 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户ID" prop="userId"> <el-form-item label="用户ID" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入用户ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入用户ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="银行卡号" prop="cardNum"> <el-form-item label="银行卡号" prop="cardNum">
<el-input <el-input v-model="queryParams.cardNum" placeholder="请输入银行卡号" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.cardNum"
placeholder="请输入银行卡号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="银行卡余额" prop="cardAmount"> <el-form-item label="银行卡余额" prop="cardAmount">
<el-input <el-input v-model="queryParams.cardAmount" placeholder="请输入银行卡余额" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.cardAmount"
placeholder="请输入银行卡余额"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="银行名称" prop="bankName"> <el-form-item label="银行名称" prop="bankName">
<el-input <el-input v-model="queryParams.bankName" placeholder="请输入银行名称" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.bankName"
placeholder="请输入银行名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="具体分行" prop="deptName"> <el-form-item label="具体分行" prop="deptName">
<el-input <el-input v-model="queryParams.deptName" placeholder="请输入具体分行" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.deptName"
placeholder="请输入具体分行"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="更新时间"> <el-form-item label="更新时间">
<el-date-picker <el-date-picker v-model="daterangeUpdateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeUpdateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -73,53 +34,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:userCard:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userCard:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:userCard:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userCard:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:userCard:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userCard:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:userCard:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userCard:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="userCardList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="userCardList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="用户ID" align="center" prop="userId" /> <el-table-column label="用户ID" align="center" prop="userId" />
<el-table-column label="银行卡号" align="center" prop="cardNum" /> <el-table-column label="银行卡号" align="center" prop="cardNum" />
<el-table-column label="银行卡余额" align="center" prop="cardAmount" /> <el-table-column label="银行卡余额" align="center" prop="cardAmount" />
@ -136,33 +71,19 @@
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:userCard:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:userCard:remove']">删除</el-button>
v-hasPermi="['business:userCard:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userCard:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改用户银行卡对话框 --> <!-- 添加或修改用户银行卡对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -188,13 +109,43 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 用户银行卡详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户ID:" >
{{form.userId}}
</el-form-item>
<el-form-item label="银行卡号:">
{{form.cardNum}}
</el-form-item>
<el-form-item label="银行卡余额:">
{{form.cardAmount}}
</el-form-item>
<el-form-item label="银行名称:">
{{form.bankName}}
</el-form-item>
<el-form-item label="具体分行:">
{{form.deptName}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listUserCard, getUserCard, delUserCard, addUserCard, updateUserCard } from "@/api/business/userCard"; import {
listUserCard,
getUserCard,
delUserCard,
addUserCard,
updateUserCard
} from "@/api/business/userCard";
export default { export default {
name: "UserCard", name: "UserCard",
data() { data() {
return { return {
@ -218,6 +169,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -239,12 +192,16 @@ export default {
form: {}, form: {},
// //
rules: { rules: {
userId: [ userId: [{
{ required: true, message: "用户ID不能为空", trigger: "blur" } required: true,
], message: "用户ID不能为空",
cardNum: [ trigger: "blur"
{ required: true, message: "银行卡号不能为空", trigger: "blur" } }],
], cardNum: [{
required: true,
message: "银行卡号不能为空",
trigger: "blur"
}],
} }
}; };
}, },
@ -273,6 +230,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -308,7 +266,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -317,6 +275,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加用户银行卡"; this.title = "添加用户银行卡";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "用户银行卡";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -364,8 +329,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -376,5 +340,5 @@ export default {
}, `userCard_${new Date().getTime()}.xlsx`) }, `userCard_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

156
src/views/business/userFriend/index.vue

@ -2,40 +2,18 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户id" prop="userId"> <el-form-item label="用户id" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入用户id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="好友id" prop="friendId"> <el-form-item label="好友id" prop="friendId">
<el-input <el-input v-model="queryParams.friendId" placeholder="请输入好友id" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.friendId"
placeholder="请输入好友id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="删除标志" prop="delFlag"> <el-form-item label="删除标志" prop="delFlag">
<el-input <el-input v-model="queryParams.delFlag" placeholder="请输入删除标志" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.delFlag"
placeholder="请输入删除标志"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -45,53 +23,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:userFriend:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userFriend:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:userFriend:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userFriend:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:userFriend:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userFriend:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:userFriend:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userFriend:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="userFriendList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="userFriendList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="用户id" align="center" prop="userId" /> <el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="好友id" align="center" prop="friendId" /> <el-table-column label="好友id" align="center" prop="friendId" />
<el-table-column label="状态" align="center" prop="status" /> <el-table-column label="状态" align="center" prop="status" />
@ -101,33 +53,19 @@
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:userFriend:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:userFriend:remove']">删除</el-button>
v-hasPermi="['business:userFriend:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userFriend:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改用户好友对话框 --> <!-- 添加或修改用户好友对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -147,13 +85,37 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 用户好友详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户id:" >
{{form.userId}}
</el-form-item>
<el-form-item label="好友id:">
{{form.friendId}}
</el-form-item>
<el-form-item label="删除标志:">
{{form.delFlag}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listUserFriend, getUserFriend, delUserFriend, addUserFriend, updateUserFriend } from "@/api/business/userFriend"; import {
listUserFriend,
getUserFriend,
delUserFriend,
addUserFriend,
updateUserFriend
} from "@/api/business/userFriend";
export default { export default {
name: "UserFriend", name: "UserFriend",
data() { data() {
return { return {
@ -177,6 +139,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -192,8 +156,7 @@ export default {
// //
form: {}, form: {},
// //
rules: { rules: {}
}
}; };
}, },
created() { created() {
@ -217,6 +180,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -248,7 +212,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -257,6 +221,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加用户好友"; this.title = "添加用户好友";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "用户好友";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -304,8 +275,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -316,5 +286,5 @@ export default {
}, `userFriend_${new Date().getTime()}.xlsx`) }, `userFriend_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

213
src/views/business/userInfo/index.vue

@ -2,88 +2,36 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户ID" prop="userId"> <el-form-item label="用户ID" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入用户ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入用户ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="用户唯一编码" prop="userCode"> <el-form-item label="用户唯一编码" prop="userCode">
<el-input <el-input v-model="queryParams.userCode" placeholder="请输入用户唯一编码" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userCode"
placeholder="请输入用户唯一编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="姓名" prop="name"> <el-form-item label="姓名" prop="name">
<el-input <el-input v-model="queryParams.name" placeholder="请输入姓名" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.name"
placeholder="请输入姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="性别" prop="gender"> <el-form-item label="性别" prop="gender">
<el-input <el-input v-model="queryParams.gender" placeholder="请输入性别" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.gender"
placeholder="请输入性别"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="唯一ID" prop="idCard"> <el-form-item label="唯一ID" prop="idCard">
<el-input <el-input v-model="queryParams.idCard" placeholder="请输入唯一ID" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.idCard"
placeholder="请输入唯一ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="手机号" prop="phone"> <el-form-item label="手机号" prop="phone">
<el-input <el-input v-model="queryParams.phone" placeholder="请输入手机号" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.phone"
placeholder="请输入手机号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="年龄" prop="age"> <el-form-item label="年龄" prop="age">
<el-input <el-input v-model="queryParams.age" placeholder="请输入年龄" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.age"
placeholder="请输入年龄"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="地址" prop="addr"> <el-form-item label="地址" prop="addr">
<el-input <el-input v-model="queryParams.addr" placeholder="请输入地址" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.addr"
placeholder="请输入地址"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="删除标志" prop="delFlag"> <el-form-item label="删除标志" prop="delFlag">
<el-input <el-input v-model="queryParams.delFlag" placeholder="请输入删除标志" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.delFlag"
placeholder="请输入删除标志"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -93,53 +41,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:userInfo:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userInfo:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:userInfo:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userInfo:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:userInfo:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userInfo:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:userInfo:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userInfo:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="userInfoList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="userInfoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="用户ID" align="center" prop="userId" /> <el-table-column label="用户ID" align="center" prop="userId" />
<el-table-column label="用户唯一编码" align="center" prop="userCode" /> <el-table-column label="用户唯一编码" align="center" prop="userCode" />
<el-table-column label="姓名" align="center" prop="name" /> <el-table-column label="姓名" align="center" prop="name" />
@ -160,33 +82,19 @@
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:userInfo:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:userInfo:remove']">删除</el-button>
v-hasPermi="['business:userInfo:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userInfo:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改用户信息对话框 --> <!-- 添加或修改用户信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -221,13 +129,52 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 用户信息详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户ID:">
{{form.userId}}
</el-form-item>
<el-form-item label="用户唯一编码:">
{{form.userCode}}
</el-form-item>
<el-form-item label="姓名:">
{{form.name}}
</el-form-item>
<el-form-item label="性别:">
{{form.gender}}
</el-form-item>
<el-form-item label="唯一ID:">
{{form.idCard}}
</el-form-item>
<el-form-item label="手机号:">
{{form.phone}}
</el-form-item>
<el-form-item label="年龄:">
{{form.age}}
</el-form-item>
<el-form-item label="地址:">
{{form.addr}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listUserInfo, getUserInfo, delUserInfo, addUserInfo, updateUserInfo } from "@/api/business/userInfo"; import {
listUserInfo,
getUserInfo,
delUserInfo,
addUserInfo,
updateUserInfo
} from "@/api/business/userInfo";
export default { export default {
name: "UserInfo", name: "UserInfo",
data() { data() {
return { return {
@ -251,6 +198,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -272,8 +221,7 @@ export default {
// //
form: {}, form: {},
// //
rules: { rules: {}
}
}; };
}, },
created() { created() {
@ -297,6 +245,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -334,7 +283,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -343,6 +292,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加用户信息"; this.title = "添加用户信息";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "用户信息";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -390,8 +346,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -402,5 +357,5 @@ export default {
}, `userInfo_${new Date().getTime()}.xlsx`) }, `userInfo_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

174
src/views/business/userPasswd/index.vue

@ -2,52 +2,25 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户id" prop="userId"> <el-form-item label="用户id" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入用户id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="支付密码(数字组合)" prop="payPasswd"> <el-form-item label="支付密码(数字组合)" prop="payPasswd">
<el-input <el-input v-model="queryParams.payPasswd" placeholder="请输入支付密码(数字组合)" clearable
v-model="queryParams.payPasswd" @keyup.enter.native="handleQuery" />
placeholder="请输入支付密码(数字组合)"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="登录密码(数字组合)" prop="loginPasswd"> <el-form-item label="登录密码(数字组合)" prop="loginPasswd">
<el-input <el-input v-model="queryParams.loginPasswd" placeholder="请输入登录密码(数字组合)" clearable
v-model="queryParams.loginPasswd" @keyup.enter.native="handleQuery" />
placeholder="请输入登录密码(数字组合)"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="更新时间"> <el-form-item label="更新时间">
<el-date-picker <el-date-picker v-model="daterangeUpdateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeUpdateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -57,53 +30,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:userPasswd:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userPasswd:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:userPasswd:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userPasswd:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:userPasswd:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userPasswd:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:userPasswd:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userPasswd:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="userPasswdList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="userPasswdList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="用户id" align="center" prop="userId" /> <el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="支付密码(数字组合)" align="center" prop="payPasswd" /> <el-table-column label="支付密码(数字组合)" align="center" prop="payPasswd" />
<el-table-column label="设备锁(九宫)" align="center" prop="phoneLock" /> <el-table-column label="设备锁(九宫)" align="center" prop="phoneLock" />
@ -120,33 +67,19 @@
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:userPasswd:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:userPasswd:remove']">删除</el-button>
v-hasPermi="['business:userPasswd:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userPasswd:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改用户密码对话框 --> <!-- 添加或修改用户密码对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -169,13 +102,40 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 用户密码详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户id:" prop="userId">
{{form.userId}}
</el-form-item>
<el-form-item label="支付密码(数字组合):">
{{form.payPasswd}}
</el-form-item>
<el-form-item label="设备锁(九宫):">
{{form.phoneLock}}
</el-form-item>
<el-form-item label="登录密码(数字组合):">
{{form.loginPasswd}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listUserPasswd, getUserPasswd, delUserPasswd, addUserPasswd, updateUserPasswd } from "@/api/business/userPasswd"; import {
listUserPasswd,
getUserPasswd,
delUserPasswd,
addUserPasswd,
updateUserPasswd
} from "@/api/business/userPasswd";
export default { export default {
name: "UserPasswd", name: "UserPasswd",
data() { data() {
return { return {
@ -199,6 +159,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -218,8 +180,7 @@ export default {
// //
form: {}, form: {},
// //
rules: { rules: {}
}
}; };
}, },
created() { created() {
@ -247,6 +208,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -281,7 +243,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -290,6 +252,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加用户密码"; this.title = "添加用户密码";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "用户密码";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -337,8 +306,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -349,5 +317,5 @@ export default {
}, `userPasswd_${new Date().getTime()}.xlsx`) }, `userPasswd_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

194
src/views/business/userRegister/index.vue

@ -2,68 +2,29 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户id" prop="userId"> <el-form-item label="用户id" prop="userId">
<el-input <el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.userId"
placeholder="请输入用户id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="名字" prop="name"> <el-form-item label="名字" prop="name">
<el-input <el-input v-model="queryParams.name" placeholder="请输入名字" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.name"
placeholder="请输入名字"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="电话" prop="phone"> <el-form-item label="电话" prop="phone">
<el-input <el-input v-model="queryParams.phone" placeholder="请输入电话" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.phone"
placeholder="请输入电话"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="密码" prop="passwd"> <el-form-item label="密码" prop="passwd">
<el-input <el-input v-model="queryParams.passwd" placeholder="请输入密码" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.passwd"
placeholder="请输入密码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="验证码" prop="verifyCode"> <el-form-item label="验证码" prop="verifyCode">
<el-input <el-input v-model="queryParams.verifyCode" placeholder="请输入验证码" clearable @keyup.enter.native="handleQuery" />
v-model="queryParams.verifyCode"
placeholder="请输入验证码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker v-model="daterangeCreateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeCreateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="更新时间"> <el-form-item label="更新时间">
<el-date-picker <el-date-picker v-model="daterangeUpdateTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
v-model="daterangeUpdateTime" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
style="width: 240px" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
value-format="yyyy-MM-dd HH:mm:ss"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@ -73,53 +34,27 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
type="primary" v-hasPermi="['business:userRegister:add']">新增</el-button>
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['business:userRegister:add']"
>新增</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
type="success" v-hasPermi="['business:userRegister:edit']">修改</el-button>
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['business:userRegister:edit']"
>修改</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
type="danger" v-hasPermi="['business:userRegister:remove']">删除</el-button>
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['business:userRegister:remove']"
>删除</el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
type="warning" v-hasPermi="['business:userRegister:export']">导出</el-button>
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['business:userRegister:export']"
>导出</el-button>
</el-col> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="userRegisterList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="userRegisterList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="唯一ID" align="center" prop="id" v-if="true"/> <el-table-column label="唯一ID" align="center" prop="id" v-if="true" />
<el-table-column label="用户id" align="center" prop="userId" /> <el-table-column label="用户id" align="center" prop="userId" />
<el-table-column label="名字" align="center" prop="name" /> <el-table-column label="名字" align="center" prop="name" />
<el-table-column label="电话" align="center" prop="phone" /> <el-table-column label="电话" align="center" prop="phone" />
@ -136,33 +71,19 @@
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" type="text" icon="el-icon-view" @click="handleDetail(scope.row)">详情</el-button>
size="mini" <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
type="text" v-hasPermi="['business:userRegister:edit']">修改</el-button>
icon="el-icon-edit" <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
@click="handleUpdate(scope.row)" v-hasPermi="['business:userRegister:remove']">删除</el-button>
v-hasPermi="['business:userRegister:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['business:userRegister:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
v-show="total>0" @pagination="getList" />
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改用户注册对话框 --> <!-- 添加或修改用户注册对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
@ -188,13 +109,43 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 用户注册详情 -->
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body>
<el-form ref="form" :model="form" label-width="auto">
<el-form-item label="用户id:">
{{form.userId}}
</el-form-item>
<el-form-item label="名字:">
{{form.name}}
</el-form-item>
<el-form-item label="电话:">
{{form.phone}}
</el-form-item>
<el-form-item label="密码:">
{{form.passwd}}
</el-form-item>
<el-form-item label="验证码:">
{{form.verifyCode}}
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listUserRegister, getUserRegister, delUserRegister, addUserRegister, updateUserRegister } from "@/api/business/userRegister"; import {
listUserRegister,
getUserRegister,
delUserRegister,
addUserRegister,
updateUserRegister
} from "@/api/business/userRegister";
export default { export default {
name: "UserRegister", name: "UserRegister",
data() { data() {
return { return {
@ -218,6 +169,8 @@ export default {
title: "", title: "",
// //
open: false, open: false,
//
detailOpen: false,
// //
daterangeCreateTime: [], daterangeCreateTime: [],
// //
@ -239,9 +192,11 @@ export default {
form: {}, form: {},
// //
rules: { rules: {
name: [ name: [{
{ required: true, message: "名字不能为空", trigger: "blur" } required: true,
], message: "名字不能为空",
trigger: "blur"
}],
} }
}; };
}, },
@ -270,6 +225,7 @@ export default {
// //
cancel() { cancel() {
this.open = false; this.open = false;
this.detailOpen = false;
this.reset(); this.reset();
}, },
// //
@ -305,7 +261,7 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -314,6 +270,13 @@ export default {
this.open = true; this.open = true;
this.title = "添加用户注册"; this.title = "添加用户注册";
}, },
/** 详情按钮操作 */
handleDetail(row) {
this.reset();
this.form = row;
this.detailOpen = true;
this.title = "用户注册";
},
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.loading = true; this.loading = true;
@ -361,8 +324,7 @@ export default {
this.loading = false; this.loading = false;
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => { }).catch(() => {}).finally(() => {
}).finally(() => {
this.loading = false; this.loading = false;
}); });
}, },
@ -373,5 +335,5 @@ export default {
}, `userRegister_${new Date().getTime()}.xlsx`) }, `userRegister_${new Date().getTime()}.xlsx`)
} }
} }
}; };
</script> </script>

Loading…
Cancel
Save