v6

src/App.vue

@@ -11,7 +11,7 @@
   import axios from 'axios';
   import utils from '@api/utils.js';
   import icss from './api/icss.js';
-  document.title='朗通云平台';         //修改标签页标题
+  document.title='医院知识库后台管理系统';         //修改标签页标题
   export default {
     name: 'app',
     created() {

src/components/icss/AddMedicinePrompt.vue

@@ -7,7 +7,7 @@
       linkTo="MedicinePrompt"
     ></crumbs>
     <div class="info-container">
-      <el-form :rules="rules" :model="form" label-width="160px" ref="groups">
+      <el-form :rules="rules" :model="form" label-width="120px" ref="groups">
         <el-form-item v-if="!isEdit" label="选择标准术语：" prop="selectedTerm">
           <el-select
             v-model="form.selectedTerm"
@@ -31,12 +31,12 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="已选择标准术语：" label-width="160px">{{form.selectedTermName}}</el-form-item>
+        <el-form-item label="已选择标准术语：" label-width="120px">{{form.selectedTermName}}</el-form-item>
         <el-form-item
           v-if="form.selectedTerm&&(form.typeId==1||form.typeId==3||form.typeId==4||form.typeId==5)"
           :label="titleChange"
           prop="titleChange"
-          label-width="160px"
+          label-width="120px"
         >
           <el-input v-model="form.titleChange"></el-input>
         </el-form-item>
@@ -54,10 +54,10 @@
           @del="delParagraph"
           @reOrder="reOrder"
         ></InfoParagraph>
-        <el-form-item v-if="upload" label="标题名称：" prop="fileTitle" label-width="160px">
+        <el-form-item v-if="upload" label="标题名称：" prop="fileTitle" label-width="120px">
           <el-input v-model="form.fileTitle"></el-input>
         </el-form-item>
-        <el-form-item v-if="upload" label="上传文件：" ref="upload" prop="fileList" label-width="160px">
+        <el-form-item v-if="upload" label="上传文件：" ref="upload" prop="fileList" label-width="120px">
           <el-upload
             @mouseenter.native="handleMouseenter"
             @mouseleave.native="handleMouseleave"
@@ -81,13 +81,20 @@
           <span class="tipInfo" v-show="isShowTip">{{form.fileList[0]&&form.fileList[0].name}}</span>
           <!-- <el-button size="small" type="primary" >点击上传</el-button> -->
         </el-form-item>
-        <el-form-item label-width="160px">
+        <el-form-item label-width="120px">
           <div class="uploadInfo" v-if="isSuccessUpload===1">文件上传中，请稍等...</div>
         </el-form-item>
       </el-form>
-      <div class="btn">
+      <el-row :gutter="20">
+        <el-col :span="16">
+          <div class="btn">
+            <el-button type="primary" :disabled="saveDisable" @click="submitForm">确 定</el-button>
+          </div>
+        </el-col>
+      </el-row>
+      <!-- <div class="btn">
         <el-button type="primary" :disabled="saveDisable" @click="submitForm">确 定</el-button>
-      </div>
+      </div> -->
     </div>
   </div>
 </template>
@@ -119,7 +126,7 @@ export default {
         typeId: '',
         selectedTermName: '',
         selectedTermType: '',
-        titleChange: '',
+        // titleChange: '',
         fileList: [],
         name: '',
         prags: [
@@ -257,6 +264,8 @@ export default {
     handleClear() {
       this.form.selectedTermName = '';
       this.form.selectedTerm = '';
+      this.form.titleChange = ''
+      console.log('处理清空的操作');
     },
 
     handleMouseenter() {

src/components/icss/MedicineInfoPg.vue

@@ -1,21 +1,21 @@
 <template>
     <el-form :rules="rules" :model="data" ref="form" class="sub-form">
         <!--<el-input v-model="form.orderNo" :value="index" type="hidden"></el-input>-->
-        <!-- <el-form-item label="是否属于诊断依据：" prop="isReason" label-width="160px">
+        <!-- <el-form-item label="是否属于诊断依据：" prop="isReason" label-width="120px">
             <el-select v-model="data.isReason" placeholder="请选择">
                 <el-option label="否" :value="0"></el-option>
                 <el-option label="是" :value="1"></el-option>
             </el-select>
         </el-form-item> -->
-        <el-form-item label="标题名称：" prop="title" label-width="160px">
+        <el-form-item label="段落标题：" prop="title" label-width="120px">
             <el-input v-model="data.title"></el-input>
         </el-form-item>
-        <el-form-item label="显示位置：" prop="position" label-width="160px">
+        <el-form-item label="内容类型：" prop="position" label-width="120px">
             <el-checkbox-group v-model="data.position">
                 <el-checkbox v-for="it in positions" :key="it.key" :label="it.key">{{it.name}}</el-checkbox>
             </el-checkbox-group>
         </el-form-item>
-        <el-form-item label="内容" prop="content" label-width="160px">
+        <el-form-item label="内容" prop="content" label-width="120px">
             <quillEditor v-model="data.content"
                          :options="editorOption"
                          class="ql-editor"
@@ -25,7 +25,7 @@
             <a v-if="index!==0" :class="index===total-1?'order-spc':'order-up'" @click="reOrder(1)">上升</a>
             <a v-if="index!==total-1" :class="index===0?'order-spc':'order-down'" @click="reOrder(0)">下降</a>
         </div>
-        <el-form-item label-width="160px">
+        <el-form-item label-width="120px">
             <el-button @click="addEmit">添加段落</el-button>
             <el-button @click="delEmit" type="info">删除本段落</el-button>
         </el-form-item>

src/components/icss/dept/AddDept.vue

@@ -202,7 +202,8 @@ export default {
             if (this.isEdit) {
               params = { ...params, id: this.editId };
             }
-            this.saveLisMapping(params, this.isEdit ? '编辑成功' : '添加成功', 'success');
+            // this.saveLisMapping(params, this.isEdit ? '编辑成功' : '添加成功', 'success');
+            this.saveLisMapping(params, '保存成功', 'success');
           } else {
             // 已存在,提示修改
             // this.showConfirmDialog('该关联已存在是否替换旧的关系信息', () => {

src/components/icss/disease/AddChemicalAndCommonMapping.vue

@@ -278,7 +278,7 @@ export default {
             if (this.isEdit) {
               params = { ...params, id: this.editId };
             }
-            this.saveLisMapping(params,  this.isEdit ? '编辑成功' : '添加成功', 'success');
+            this.saveLisMapping(params, '保存成功', 'success');
           } else {
             // 已存在,提示修改
             // this.showConfirmDialog('该关联已存在是否替换旧的关系信息', () => {

src/components/icss/drug/AddDrug.vue

@@ -228,7 +228,7 @@ export default {
             if (this.isEdit) {
               params = { ...params, id: this.editId };
             }
-            this.saveLisMapping(params,  this.isEdit ? '编辑成功' : '添加成功', 'success');
+            this.saveLisMapping(params,  '保存成功', 'success');
           } else {
             // 已存在,提示修改
             // this.showConfirmDialog('该关联已存在是否替换旧的关系信息', () => {

src/components/icss/fusion/AddFusion.vue

@@ -198,7 +198,7 @@ export default {
             if (this.isEdit) {
               params = { ...params, id: this.editId };
             }
-            this.saveLisMapping(params,  this.isEdit ? '编辑成功' : '添加成功', 'success');
+            this.saveLisMapping(params,  '保存成功', 'success');
           } else {
             // 已存在,提示修改
             // this.showConfirmDialog('该关联已存在是否替换旧的关系信息', () => {

src/components/icss/lis/AddLis.vue

@@ -223,7 +223,7 @@ export default {
             if (this.isEdit) {
               params = { ...params, id: this.editId };
             }
-            this.saveLisMapping(params,  this.isEdit ? '编辑成功' : '添加成功', 'success');
+            this.saveLisMapping(params,  '保存成功', 'success');
           } else {
             // 已存在,提示修改
             // this.showConfirmDialog('该关联已存在是否替换旧的关系信息', () => {

src/components/icss/operation/AddOperation.vue

@@ -223,7 +223,7 @@ export default {
             if (this.isEdit) {
               params = { ...params, id: this.editId };
             }
-            this.saveLisMapping(params,  this.isEdit ? '编辑成功' : '添加成功', 'success');
+            this.saveLisMapping(params,  '保存成功', 'success');
           } else {
             // 已存在,提示修改
             // this.showConfirmDialog('该关联已存在是否替换旧的关系信息', () => {

src/components/icss/pacs/AddPacs.vue

@@ -223,7 +223,7 @@ export default {
             if (this.isEdit) {
               params = { ...params, id: this.editId };
             }
-            this.saveLisMapping(params,  this.isEdit ? '编辑成功' : '添加成功', 'success');
+            this.saveLisMapping(params,  '保存成功', 'success');
           } else {
             // 已存在,提示修改
             // this.showConfirmDialog('该关联已存在是否替换旧的关系信息', () => {

src/components/icss/plan/AddPlan.vue

@@ -176,12 +176,47 @@ export default {
       isOpenCloseItems: true, // 是否展开方案配置项
       isDownLight: -1,
       isTopLight: -1,
-      flag: 1
+      flag: 1,
+      editCount: -1, // 页面会否被编辑 >0被编辑   =0 未编辑
+      isSaveSuccess: false // 是否保存成功
     };
   },
+  beforeRouteLeave(to, from, next) {
+    if (
+      (this.editCount > 2 && !this.isSaveSuccess && this.isEdit) ||
+      (this.editCount > 1 && !this.isSaveSuccess && !this.isEdit)
+    ) {
+      // console.log('页面被编辑了');
+      this.$confirm('还有未保存的内容,确定要退出当前页面吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        cancelButtonClass: 'leaveBtn',
+        customClass: 'leaveBox',
+        type: 'warning'
+      })
+        .then(() => {
+          next();
+        })
+        .catch(() => {});
+    } else {
+      next();
+    }
+  },
   watch: {
+    form: {
+      handler(newName, oldName) {
+        this.editCount++;
+      },
+      deep: true
+      // immediate: true
+    },
     planDefaultList: {
-      handler(newName, oldName) {},
+      handler(newName, oldName) {
+        // console.log(newName,'newName');
+        // console.log(oldName,'oldName');
+        this.editCount++;
+      },
+      deep: true,
       immediate: true
     }
   },
@@ -419,10 +454,11 @@ export default {
             if (res.data.code === '0') {
               this.$message({
                 showClose: true,
-                message: this.isEdit ? '编辑成功' : '添加成功',
+                message: '保存成功',
                 type: 'success',
                 duration: 1000
               });
+              this.isSaveSuccess = true; // 保存成功,可正常退出
               this.$router.push({
                 name: 'Plan',
                 params: Object.assign({}, this.$route.params, {
@@ -560,4 +596,11 @@ export default {
     margin-top: 12px;
   }
 }
+.leaveBox {
+  /deep/ .leaveBtn {
+    // margin-right: 46px;
+    background-color: #d7d7d7 !important;
+    border-color: transparent;
+  }
+}
 </style>