|
|
@@ -0,0 +1,174 @@
|
|
|
+<template>
|
|
|
+ <div id="transShen">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="transShen">
|
|
|
+ <el-table :data="serviceData" style="width: 100%" border>
|
|
|
+ <el-table-column label="序号" type="index" width="50" align="left"> </el-table-column>
|
|
|
+ <el-table-column prop="message" label="交易信息" width="200" align="left"> </el-table-column>
|
|
|
+ <el-table-column prop="jiaoUser" label="交易信息发布用户" width="140" align="left"> </el-table-column>
|
|
|
+ <el-table-column prop="user" label="申请用户" width="100" align="left"> </el-table-column>
|
|
|
+ <el-table-column prop="date" label="创建时间" width="100" align="left"> </el-table-column>
|
|
|
+ <el-table-column prop="content" label="交易申请说明" width="155" align="left"> </el-table-column>
|
|
|
+ <el-table-column prop="state" label="状态" width="100" align="left"> </el-table-column>
|
|
|
+ <el-table-column label="操作" width="200" align="left">
|
|
|
+ <template slot-scope="scoped">
|
|
|
+ <el-button size="mini" type="primary" icon="el-icon-view" title="查看详情" @click="openDialog(scoped.$index)"></el-button>
|
|
|
+ <el-button size="mini" type="primary" icon="el-icon-edit" title="通过" @click="adopt"></el-button>
|
|
|
+ <el-button size="mini" type="danger" icon="el-icon-delete" title="拒绝" @click="refuse"></el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-col :span="24" class="page">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :total="1"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-dialog title="交易信息审核" :visible.sync="dialog">
|
|
|
+ <el-form :model="info">
|
|
|
+ <el-form-item label="交易信息ID：" :label-width="formLabelWidth">
|
|
|
+ <span>{{ info.messgae }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="交易信息发布用户ID：" :label-width="formLabelWidth">
|
|
|
+ <span>{{ info.jiaoUser }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申请用户ID：" :label-width="formLabelWidth">
|
|
|
+ <span>{{ info.user }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="创建时间：" :label-width="formLabelWidth">
|
|
|
+ <span>{{ info.date }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="交易申请说明：" :label-width="formLabelWidth">
|
|
|
+ <span>{{ info.content }}</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="审核结果描述：" :label-width="formLabelWidth">
|
|
|
+ <el-input type="textarea" v-model="info.miaoshu" placeholder="请输入审核结果描述"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="dialog = false">通 过</el-button>
|
|
|
+ <el-button type="danger" @click="dialog = false">拒 绝</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: 'transShen',
|
|
|
+ props: {
|
|
|
+ serviceData: null,
|
|
|
+ },
|
|
|
+ components: {},
|
|
|
+ data: () => ({
|
|
|
+ currentPage: 1,
|
|
|
+ dialog: false,
|
|
|
+ info: {},
|
|
|
+ formLabelWidth: '120px',
|
|
|
+ pic: require('@/assets/logo.png'),
|
|
|
+ }),
|
|
|
+ created() {},
|
|
|
+ computed: {},
|
|
|
+ methods: {
|
|
|
+ handleSizeChange(val) {
|
|
|
+ console.log(`每页 ${val} 条`);
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ console.log(`当前页: ${val}`);
|
|
|
+ },
|
|
|
+ openDialog(index) {
|
|
|
+ if (index !== undefined) {
|
|
|
+ let data = JSON.parse(JSON.stringify(this.serviceData[index]));
|
|
|
+ data[`index`] = index;
|
|
|
+ this.$set(this, `info`, data);
|
|
|
+ }
|
|
|
+ this.dialog = true;
|
|
|
+ },
|
|
|
+ refuse() {
|
|
|
+ this.$confirm('审核拒绝，您确定吗?', '系统提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '操作成功!',
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消操作',
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ adopt() {
|
|
|
+ this.$confirm('审核通过，您确定吗?', '系统提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning',
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '操作成功!',
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '已取消操作',
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+p {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+.transShen {
|
|
|
+ padding: 20px 0 0 0;
|
|
|
+}
|
|
|
+/deep/.el-table th {
|
|
|
+ padding: 5px 0;
|
|
|
+ background: #f2f2f2;
|
|
|
+}
|
|
|
+/deep/.el-table td {
|
|
|
+ padding: 5px 0;
|
|
|
+}
|
|
|
+/deep/.el-table tr {
|
|
|
+ background: #f9f9f9;
|
|
|
+}
|
|
|
+/deep/.el-table tr:nth-child(2n) {
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+.page {
|
|
|
+ text-align: center;
|
|
|
+ padding: 30px 0;
|
|
|
+}
|
|
|
+.text {
|
|
|
+ font-size: 16px;
|
|
|
+ padding: 0 0 10px 0;
|
|
|
+}
|
|
|
+.text span {
|
|
|
+ display: inherit;
|
|
|
+ text-indent: 1rem;
|
|
|
+}
|
|
|
+/deep/.el-form-item {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+/deep/.el-dialog__footer {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+</style>
|
