批量管理页面的开发

2023-12-28 17:53:19 +08:00
parent 3df8326d9b
commit 4a3c470cf9
8 changed files with 395 additions and 8 deletions
@@ -0,0 +1,48 @@
+<template>
+    <div>
+        <!-- 批量缴费确认 -->
+        <el-dialog title="批量缴费确认" :visible="caseVisablePayment" destroy-on-close @close="cancel" width="600px" center>
+            <el-descriptions>
+                <el-descriptions-item label="案件总金额">1000</el-descriptions-item>
+                </el-descriptions-item>
+            </el-descriptions>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary"  class="endbutton"><span>确认</span></el-button>
+                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+export default {
+    props: ["caseVisablePayment","queryParams"],
+    dicts: ["manager_type"],
+    data() {
+        return {
+           
+           
+        };
+    },
+    watch: {
+        caseVisablePayment(val) {
+            if (val) {
+                this.ruleForm = {};
+            }
+        }
+    },
+    created() {
+
+    },
+    methods: {
+        cancel() {
+            this.$emit("cancelCasePayment");
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  background: #ffffff;
+  border-radius: 20px;
+}
+</style>