退保证金

ruoyi-ui/src/views/guarantee/list/components/bank.vue

@@ -1,128 +1,94 @@
 <template>
-    <div>
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button
-                    type="primary"
-                    plain
-                    icon="el-icon-delete"
-                    size="mini"
-                    :disabled="multiple"
-                    @click="handleDelete"
-                    v-hasPermi="['bank:depositdesc:remove']"
-                >批量退还保证金
-                </el-button>
-            </el-col>
-        </el-row>
-        <el-table v-loading="loading" :data="data" @selection-change="handleSelectionChange">
-            <el-table-column type="selection" width="55" align="center"/>
-            <el-table-column type="index" label="序号" align="center" />
-            <el-table-column label="银行流水号" align="center" prop="rtnSerialno" />
-            <el-table-column label="供应商名称" align="center" prop="rtnOppassetname" />
-            <el-table-column label="供应商银行账号" align="center" prop="rtnOppassetno" />
-            <el-table-column label="供应商开户行" align="center" prop="rtnOppbankname" />
-            <el-table-column label="交易日期" align="center" prop="rtnTradedate" />
-            <el-table-column label="交易金额" align="center" prop="rtnAmt" />
-            <el-table-column label="可退款金额" align="center" prop="rtnSelfbal" />
-                <el-table-column label="摘要" align="center" prop="rtnSummary"/>
-                <el-table-column label="进入不明原因" align="center" prop="rtnAdjustreason"/>
-            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template slot-scope="scope">
-                <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-edit"
-                @click="handleBackGuarantee(scope.row)"
-                v-hasPermi="['invoice:kaipiao:edit']"
-                >退不明保证金</el-button>
-            </template>
-            </el-table-column>
-        </el-table>
+  <div>
 
-        <pagination
-            v-show="total>0"
-            :total="total"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getList"
-        />
-    </div>
+    <el-table v-loading="loading" :data="data">
+      <el-table-column type="index" label="序号" align="center" />
+      <el-table-column label="银行流水号" align="center" prop="rtnSerialno" />
+      <el-table-column label="供应商名称" align="center" prop="rtnOppassetname" />
+      <el-table-column label="供应商银行账号" align="center" prop="rtnOppassetno" />
+      <el-table-column label="供应商开户行" align="center" prop="rtnOppbankname" />
+      <el-table-column label="交易日期" align="center" prop="rtnTradedate" />
+      <el-table-column label="交易金额" align="center" prop="rtnAmt" />
+      <el-table-column label="可退款金额" align="center" prop="rtnSelfbal" />
+      <el-table-column label="摘要" align="center" prop="rtnSummary" />
+      <el-table-column label="进入不明原因" align="center" prop="rtnAdjustreason" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleBackGuarantee(scope.row)"
+            v-hasPermi="['invoice:kaipiao:edit']">退不明保证金</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
+  </div>
 </template>
 
 <script>
 import {
-	listUncleardeposit
+  listUncleardeposit,
+  getUncleardeposit
 } from "@/api/bank/uncleardeposit";
 import {
-	delDepositdesc,
+  delDepositdesc,
 } from "@/api/bank/depositdesc";
 export default {
-    data () {
-        return {
-            // 遮罩层
-            loading: true,
-            // 选中数组
-			ids: [],
-			// 非单个禁用
-			single: true,
-			// 非多个禁用
-			multiple: true,
+  data () {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
 
-            data: [],
-            total: 0,
-            queryParams: {
-                pageNum: 1,
-                pageSize: 10
-            },
-        }
-    },
+      data: [],
+      total: 0,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10
+      },
+    }
+  },
 
-    created () {
-        this.getList()
-    },
+  created () {
+    this.getList()
+  },
 
-    methods: {
-        /** 获取数据 */
-        getList () {
-            this.loading = true;
-            this.data = []
+  methods: {
+    /** 获取数据 */
+    getList () {
+      this.loading = true;
+      this.data = []
 
-            listUncleardeposit(this.queryParams).then(response => {
-                this.data = response.rows;
-                
-                this.total = response.total;
-                this.loading = false;
-            });
-        },
+      listUncleardeposit(this.queryParams).then(response => {
+        this.data = response.rows;
 
-        handleQuery (queryParams) {
-            this.queryParams.pageNum = 1
-            //   this.queryParams.aCode = queryParams.aCode
-            //   this.queryParams.aName = queryParams.aName
-            //   this.queryParams.projectId = queryParams.projectId
-            this.getList()
-        },
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
 
-        // 多选框选中数据
-		handleSelectionChange(selection) {
-            console.log(selection);
-			this.ids = selection.map(item => item.uncleardepositid)
-			this.single = selection.length !== 1
-			this.multiple = !selection.length
-		},
+    handleQuery (queryParams) {
+      this.queryParams.pageNum = 1
+      //   this.queryParams.aCode = queryParams.aCode
+      //   this.queryParams.aName = queryParams.aName
+      //   this.queryParams.projectId = queryParams.projectId
+      this.getList()
+    },
 
-        /** 删除按钮操作 */
-		handleDelete(row) {
-			const depositdescids = row.uncleardepositid || this.ids;
-			this.$modal.confirm('是否确认退还保证金入账明细编号为"' + depositdescids + '"的数据项？')
-            .then(() => {
-				delDepositdesc(depositdescids)
-                .then(res => {
-                    this.getList();
-				    this.$modal.msgSuccess("成功");
-                })
-			})
-		},
-    }
+    handleBackGuarantee (row) {
+      const uncleardepositid = row.uncleardepositid || this.ids
+      getUncleardeposit(uncleardepositid).then(response => {
+        console.log(response);
+        this.$message.success('退不明保证金成功')
+        this.getList()
+      });
+    },
+
+  }
 }
 </script>