feat(靓号申请页): 同意操作新增二次确认弹窗

src/views/user/beautiful-number-apply/index.vue

@@ -108,7 +108,7 @@
           <el-button
             type="text"
             :disabled="scope.row.state != 0"
-            @click.native="handleApply(scope.row.id, 1)"
+            @click.native="showAgreeWindow(scope.row.id)"
             >同意</el-button
           >
           <el-button
@@ -136,6 +136,22 @@
       @close="userDeatilsDrawerVisible = false"
     />
 
+    <el-dialog
+      title="是否同意该申请"
+      :visible="AgreeWindowVisible"
+      width="30%"
+      :before-close="handleClose"
+    >
+      <div
+        style="width: 100%;display: flex;justify-content: space-around;align-items: center;"
+      >
+        <el-button type="danger" @click="handleClose">取消</el-button>
+        <el-button type="primary" @click="handleApply(AgreeTargetID, 1)"
+          >同意</el-button
+        >
+      </div>
+    </el-dialog>
+
     <!-- 驳回窗口 -->
     <apply-handle
       v-if="RejectWindowVisible"
@@ -179,10 +195,12 @@ export default {
         sysOrigin: ""
       },
       listLoading: true,
-      RejectWindowVisible: false, //拒绝窗口
 
-      // 驳回对象id
-      RejectTargetID: ""
+      RejectWindowVisible: false, //拒绝窗口
+      RejectTargetID: "", // 驳回对象id
+
+      AgreeWindowVisible: false, //同意窗口
+      AgreeTargetID: "" // 同意对象id
     };
   },
   computed: {
@@ -227,6 +245,7 @@ export default {
       handleBeautifulNumberApplyState(id, state, remark)
         .then(res => {
           that.listLoading = false;
+          that.handleClose(); // 关闭窗口
           that.$message({
             message: "Successful",
             type: "success"
@@ -246,6 +265,21 @@ export default {
       that.RejectWindowVisible = true;
     },
 
+    // 打开同意窗口
+    showAgreeWindow(id) {
+      const that = this;
+      that.AgreeTargetID = id;
+      that.AgreeWindowVisible = true;
+    },
+
+    // 关闭窗口
+    handleClose() {
+      const that = this;
+
+      that.AgreeTargetID = "";
+      that.AgreeWindowVisible = false;
+    },
+
     // 成功
     renderDataSuccess() {
       const that = this;