借阅规则切换-新增确认弹框

src/views/archivesManage/lendManage/lendProcess/index.vue

@@ -11,6 +11,19 @@
         </el-radio-group>
       </div>
     </div>
+
+    <!-- 确认修改借阅规则 -->
+    <el-dialog title="确认删除" :visible.sync="rulesVisible" :close-on-click-modal="false" :before-close="handleClose">
+      <span class="dialog-right-top" />
+      <span class="dialog-left-bottom" />
+      <div class="setting-dialog">
+        <p><span style="color:#fff;">您确定要修改当前借阅规则吗？</span></p>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click.native="handleConfirmRules">确定</el-button>
+        </div>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -23,6 +36,7 @@ export default {
   mixins: [lendingCrud],
   data() {
     return {
+      rulesVisible: false
     }
   },
   mounted() {
@@ -30,13 +44,24 @@ export default {
   },
   methods: {
     lendRuleType(val) {
-      const params = val === 'online'
+      this.rulesVisible = true
+      this.lineStateVal = val
+    },
+    handleConfirmRules() {
+      const params = this.lineStateVal === 'online'
       FetchUpdateBorrowRule(params).then(data => {
         this.$message({
           message: '修改借阅规则成功',
           type: 'success'
         })
+        this.rulesVisible = false
       })
+    },
+    // 关闭
+    handleClose(done) {
+      this.rulesVisible = false
+      this.lineStateVal = this.lineStateVal === 'online' ? 'offline' : 'online'
+      done()
     }
   }
 }