From ab36c0c3dbaa95fa3f94268cfc8b8bb7aae22b80 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期四, 22 九月 2022 10:44:13 +0800
Subject: [PATCH] 新增案件池问题登记

---
 src/views/operate/disposal/casepool/index.vue |   63 +++++++++++++++++++++++++++----
 1 files changed, 54 insertions(+), 9 deletions(-)

diff --git a/src/views/operate/disposal/casepool/index.vue b/src/views/operate/disposal/casepool/index.vue
index 2f31b60..0b5e614 100644
--- a/src/views/operate/disposal/casepool/index.vue
+++ b/src/views/operate/disposal/casepool/index.vue
@@ -7,7 +7,7 @@
                 <el-input placeholder="璇疯緭鍏ラ棶棰樻潵婧�"></el-input>
             </div>
             <div class="add">
-                <el-button type="primary" icon="el-icon-plus">娣诲姞</el-button>
+                <el-button type="primary" icon="el-icon-plus" @click="handleOpenDialog">娣诲姞</el-button>
             </div>
         </header>
         <!-- 涓讳綋灞曠ず -->
@@ -63,16 +63,16 @@
         </main>
         <!-- 缁勪欢鍖� -->
         <footer>
-            <el-dialog :visible.async="visible" width="45%">
+            <el-dialog v-if="visible" :visible.async="visible" title="闂鐧昏" width="60%" :before-close="handleClose">
                 <checkIn></checkIn>
             </el-dialog>
         </footer>
     </div>
 </template>
 <script>
-    import checkIn from './compenents/checkIn';
+import checkIn from './compenents/checkIn';
 export default {
-    components:{    
+    components: {
         checkIn,
     },
     data() {
@@ -111,10 +111,10 @@
                 {
                     id: 13413114,
                     source: '浜哄伐涓婃姤/瑙嗛宸℃煡',
-                    appendTime:'2022-01-09 14:52'
+                    appendTime: '2022-01-09 14:52'
                 }
             ],
-            visible:true
+            visible: false,
         }
     },
     methods: {
@@ -127,6 +127,19 @@
             }
             return '';
         },
+        // 鎵撳紑娣诲姞椤�
+        handleOpenDialog() {
+            this.visible = true;
+        },
+        // 鍏抽棴瀵硅瘽妗�
+        handleClose(done) {
+        this.$confirm('纭鍏抽棴锛�')
+          .then(_ => {
+            this.visible = false;
+            done();
+          })
+          .catch(_ => {});
+      }
     }
 }
 </script>
@@ -196,10 +209,11 @@
                     border: none;
                 }
 
-                .el-table{
+                .el-table {
                     font-size: 12px;
-                    color:#4b9bb7;
-                    .line{
+                    color: #4b9bb7;
+
+                    .line {
                         padding: 0 5px;
                     }
                 }
@@ -208,6 +222,7 @@
                     background-color: #09152f;
                     color: #4b9bb7;
                 }
+
                 .el-table::v-deep .warning-row {
                     background: #06122c;
                 }
@@ -218,5 +233,35 @@
             }
         }
     }
+
+    footer {
+
+        &::v-deep .el-dialog__header,
+        &::v-deep .el-dialog__body {
+            background-color: #06122c;
+        }
+
+        &::v-deep .el-dialog__header {
+            display: flex;
+            align-items: center;
+            background-color: #fff;
+            padding: 20px;
+            line-height: 60px;
+        }
+
+        &::v-deep .el-dialog__title {
+            color: #4b9bb7;
+        }
+
+        &::v-deep .el-dialog__close {
+            width: 20px;
+            height: 20px;
+            // color: #fff;
+        }
+
+        &::v-deep .el-dialog__body {
+            padding: 0;
+        }
+    }
 }
 </style>
\ No newline at end of file

--
Gitblit v1.8.0