删除增加提示，新增按钮防抖

3 years ago · 7a58603a25
7 changed files with 103 additions and 66 deletions
--- a/public/index.html
+++ b/public/index.html
@ -39,8 +39,8 @@
  <% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
    <script>
      //http://121.36.16.195:9002/huimu-admin/swagger-ui/index.html
-    window.SITE_CONFIG['apiURL'] = 'http://47.110.224.240:8036/xiangan-crf';
-    // window.SITE_CONFIG['apiURL'] = 'http://192.168.0.167:8036/xiangan-crf';
+    // window.SITE_CONFIG['apiURL'] = 'http://47.110.224.240:8036/xiangan-crf';
+    window.SITE_CONFIG['apiURL'] = 'http://192.168.0.167:8036/xiangan-crf';
    </script>
  <% } %>
  <!-- 测试环境 -->
--- a/src/components/360View/medicalRecord/callMedical/index.vue
+++ b/src/components/360View/medicalRecord/callMedical/index.vue
@ -122,10 +122,11 @@ export default {
        this.$message.error(res.msg)
      }
    },
-    async deleteForm(id) {
+    deleteForm(id) {
      const params = {
        id: id
      }
+      this.$confirmFun('你确定要删除吗？').then(async() => {
        const { data: res } = await this.$http.post('/case/delete', params)
        if (res.code === 0) {
          this.$message.success('删除成功')
@ -134,6 +135,7 @@ export default {
        } else {
          this.$message.error(res.msg)
        }
+      })
    },
    async getFormList() {
      const { data: res } = await this.$http.get('/patient/view/getCases', {
--- a/src/components/360View/medicalRecord/index.vue
+++ b/src/components/360View/medicalRecord/index.vue
@ -138,7 +138,26 @@ export default {
      if (this.curIndex === index) {
        return
      }
-      this.$confirmFun('是否保存数据，否则当前数据会丢弃！', '保存', '', '已取消保存数据！')
+      // 360视图不用保存
+      if (this.onlyRead) {
+        this.curIndex = index
+        this.id = item.id
+        this.name = item.name
+        this.caseId = item.id
+        this.jsonText = item.jsonText
+        return
+      }
+      this.confirmChange().finally(() => {
+        this.curIndex = index
+        this.id = item.id
+        this.name = item.name
+        this.caseId = item.id
+        this.jsonText = item.jsonText
+      })
+    },
+    // 切换保存
+    confirmChange() {
+      return this.$confirmFun('是否保存数据，否则当前数据会丢弃！', '保存', '', '已取消保存数据！')
        .then(() => {
          this.$nextTick(() => {
            switch (this.name) {
@ -159,12 +178,6 @@ export default {
                return
            }
          })
-        }).finally(() => {
-          this.curIndex = index
-          this.id = item.id
-          this.name = item.name
-          this.caseId = item.id
-          this.jsonText = item.jsonText
        })
    },
    getPatientData() {
--- a/src/components/360View/opticalFile/index.vue
+++ b/src/components/360View/opticalFile/index.vue
@ -178,6 +178,7 @@ export default {
      const params = {
        id: this.id
      }
+      this.$confirmFun('你确定要删除吗？').then(async() => {
        const { data: res } = await this.$http.post('/case/delete', params)
        if (res.code === 0) {
          this.$message.success('删除成功')
@ -185,6 +186,7 @@ export default {
        } else {
          this.$message.error(res.msg)
        }
+      })
    },
    async getFormList(type) {
      const { data: res } = await this.$http.get('/patient/view/getCases', {
--- a/src/page-subspecialty/views/modules/optometryManagement/dioptric/patient-add-or-update.vue
+++ b/src/page-subspecialty/views/modules/optometryManagement/dioptric/patient-add-or-update.vue
@ -83,7 +83,7 @@
    </el-form>
    <template slot="footer">
      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button :disabled="disabled" type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
    </template>
  </el-dialog>
 </template>
@ -103,6 +103,7 @@ export default {
  },
  data() {
    return {
+      disabled: false,
      visible: false,
      dataForm: {
        platform: 3,
@ -198,12 +199,15 @@ export default {
    },
    // 表单提交
    dataFormSubmitHandle: debounce(function() {
+      this.disabled = true
      this.$refs.dataForm.validate((valid) => {
        if (!valid) {
+          this.disabled = false
          return false
        }
        this.dataForm.zlProjectCode = this.dataForm.zlProjectCode.length && this.dataForm.zlProjectCode.join(',')
-        this.$http[!this.dataForm.id ? 'post' : 'put']('/patient/savePatient', this.dataForm).then(({ data: res }) => {
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/patient/savePatient', this.dataForm)
+          .then(({ data: res }) => {
            if (res.code !== 0) {
              return this.$message.error(res.msg)
            }
@ -216,7 +220,9 @@ export default {
                this.$emit('refreshDataList')
              }
            })
-        }).catch(() => {})
+          })
+          .catch(() => {})
+          .finally(() => { this.disabled = false })
      })
    }, 1000, { leading: true, trailing: false }),
    // 关闭弹框
--- a/src/page-subspecialty/views/modules/outpatientManagement/call/patient-add-or-update.vue
+++ b/src/page-subspecialty/views/modules/outpatientManagement/call/patient-add-or-update.vue
@ -83,7 +83,7 @@
    </el-form>
    <template slot="footer">
      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button :disabled="disabled" type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
    </template>
  </el-dialog>
 </template>
@ -104,6 +104,7 @@ export default {
  },
  data() {
    return {
+      disabled: false,
      visible: false,
      dataForm: {
        platform: 1,
@ -207,12 +208,15 @@ export default {
    },
    // 表单提交
    dataFormSubmitHandle: debounce(function() {
+      this.disabled = true
      this.$refs.dataForm.validate((valid) => {
        if (!valid) {
+          this.disabled = false
          return false
        }
        this.dataForm.zlProjectCode = this.dataForm.zlProjectCode.length && this.dataForm.zlProjectCode.join(',')
-        this.$http[!this.dataForm.id ? 'post' : 'put']('/patient/savePatient', this.dataForm).then(({ data: res }) => {
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/patient/savePatient', this.dataForm)
+          .then(({ data: res }) => {
            if (res.code !== 0) {
              return this.$message.error(res.msg)
            }
@ -225,7 +229,9 @@ export default {
                this.$emit('refreshDataList')
              }
            })
-        }).catch(() => {})
+          })
+          .catch(() => {})
+          .finally(() => { this.disabled = false })
      })
    }, 1000, { leading: true, trailing: false }),
    // 关闭弹框
--- a/src/page-subspecialty/views/modules/outpatientManagement/treat/patient-add-or-update.vue
+++ b/src/page-subspecialty/views/modules/outpatientManagement/treat/patient-add-or-update.vue
@ -80,7 +80,7 @@
    </el-form>
    <template slot="footer">
      <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button :disabled="disabled" type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
    </template>
  </el-dialog>
 </template>
@ -100,6 +100,7 @@ export default {
  },
  data() {
    return {
+      disabled: false,
      visible: false,
      dataForm: {
        platform: 2,
@ -194,12 +195,15 @@ export default {
    },
    // 表单提交
    dataFormSubmitHandle: debounce(function() {
+      this.disabled = true
      this.$refs.dataForm.validate((valid) => {
        if (!valid) {
+          this.disabled = false
          return false
        }
        this.dataForm.zlProjectCode = this.dataForm.zlProjectCode.length && this.dataForm.zlProjectCode.join(',')
-        this.$http[!this.dataForm.id ? 'post' : 'put']('/patient/savePatient', this.dataForm).then(({ data: res }) => {
+        this.$http[!this.dataForm.id ? 'post' : 'put']('/patient/savePatient', this.dataForm)
+          .then(({ data: res }) => {
            if (res.code !== 0) {
              return this.$message.error(res.msg)
            }
@ -212,9 +216,13 @@ export default {
                this.$emit('refreshDataList')
              }
            })
-        }).catch(res => {
+          })
+          .catch(res => {
            this.$message.error(res.msg)
          })
+          .finally(() => {
+            this.disabled = false
+          })
      })
    }, 1000, { leading: true, trailing: false }),
    // 关闭弹框