Selaa lähdekoodia

fix(pptEasy): 添加加载状态防止重复提交H5链接

在添加H5链接的对话框中添加v-loading状态,防止用户重复提交
同时更新构建生成的静态文件
SanHQin 4 viikkoa sitten
vanhempi
commit
ab50022de4

+ 1 - 1
dist/index.html

@@ -37,7 +37,7 @@
       width: 100%;
       background: #e6eaf0;
       font-family: '黑体';
-    }</style><link href=./static/css/app.aaa90f7a174ad6d7a22ae61bf825767e.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.23ea04dc469b57e2b4f8.js></script><script type=text/javascript src=./static/js/vendor.dfc8a8e3392292c7b8e5.js></script><script type=text/javascript src=./static/js/app.59e50c8d49043bebe2a7.js></script></body></html><script>function stopSafari() {
+    }</style><link href=./static/css/app.e566a66d465a0dd04ebd5eb0a8f3b7b1.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.23ea04dc469b57e2b4f8.js></script><script type=text/javascript src=./static/js/vendor.dfc8a8e3392292c7b8e5.js></script><script type=text/javascript src=./static/js/app.7c8da9ce74b14efd6e7a.js></script></body></html><script>function stopSafari() {
     //阻止safari浏览器双击放大功能
     let lastTouchEnd = 0  //更新手指弹起的时间
     document.documentElement.addEventListener("touchstart", function (event) {

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/css/app.e566a66d465a0dd04ebd5eb0a8f3b7b1.css


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/css/app.e566a66d465a0dd04ebd5eb0a8f3b7b1.css.map


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/js/app.7c8da9ce74b14efd6e7a.js


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/js/app.7c8da9ce74b14efd6e7a.js.map


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/js/manifest.23ea04dc469b57e2b4f8.js.map


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
dist/static/js/workPage-manifest.2ece51fa34be51c8610a.js.map


+ 16 - 8
src/components/pages/pptEasy/addCourse2.vue

@@ -15,14 +15,14 @@
                   </el-breadcrumb>
               </div>
               <div class="title">
-                <el-input 
-                  class="title-input" 
+                <el-input
+                  class="title-input"
                   ref="titleInputRef"
-                  v-model="titleValue" 
-                  @blur="handleUpdateTitle()" 
-                  v-if="editingTitle" 
+                  v-model="titleValue"
+                  @blur="handleUpdateTitle()"
+                  v-if="editingTitle"
                 ></el-input>
-                <div 
+                <div
                   class="title-text"
                   @click="startEditTitle()"
                   :title="courseName"
@@ -857,6 +857,7 @@
       width="500px"
       :before-close="handleClose"
       class="dialog_diy lineCss"
+      v-loading="isAddOrUpdateLineLoading"
     >
       <el-form>
         <el-form-item :label="lang.ssTitle" :label-width="formLabelWidth" v-show="false">
@@ -1112,7 +1113,7 @@ export default {
       choosePicVisible: false,
       searchImageValue: "",
       ppage: 1,
-      imageList: [],      
+      imageList: [],
       sysPicVisible2: false,
       isSysPic: false,
       isSysPic2: false,
@@ -1175,6 +1176,7 @@ export default {
       title: "",
       titleValue: "",
       editingTitle: false,
+      isAddOrUpdateLineLoading:false,
     };
   },
   directives: {
@@ -1301,7 +1303,7 @@ export default {
       ) {
         let _data = _pptIframe.contentWindow.window.setTitle(this.courseName);
         resolve(_data);
-      } 
+      }
     },
     closePan(tool) {
       if (tool == 15) {
@@ -2889,6 +2891,10 @@ export default {
         this.$message.error(this.lang.ssCocoLinkTip);
         return;
       }
+      if(this.isAddOrUpdateLineLoading){
+        return;
+      }
+      this.isAddOrUpdateLineLoading = true;
       //https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E6%97%A0%E6%B3%95%E5%93%87%E5%8F%91%E5%99%B6%E5%99%B6%E5%93%87_b634700f-f084-451d-8141-745d516f28c0.html
       // if(this.line.includes("ppt.cocorobo.cn")){
       //   this.$message.error("请使用ppt.cocorobo.cn的链接");
@@ -3042,6 +3048,7 @@ export default {
 
       if (!isValid) {
         this.$message.error(this.lang.ssCocoLinkTip);
+        this.isAddOrUpdateLineLoading = false
         return;
       }
 
@@ -3057,6 +3064,7 @@ export default {
       }
       this.setPPtToolList();
       this.dialogVisible7 = false;
+      this.isAddOrUpdateLineLoading = false;
 
     },
   },

+ 13 - 7
src/components/pages/pptEasy/addCourse3.vue

@@ -668,7 +668,7 @@
       </span>
     </el-dialog>
     <el-dialog :title="lang.ssAddH5" :visible.sync="dialogVisible7" :append-to-body="true" width="500px"
-      :before-close="handleClose" class="dialog_diy lineCss">
+      :before-close="handleClose" class="dialog_diy lineCss" v-loading="isAddOrUpdateLineLoading">
       <el-form>
         <el-form-item :label="lang.ssTitle" :label-width="formLabelWidth" v-show="false">
           <span>
@@ -683,7 +683,7 @@
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="clearLine">{{ lang.ssCancel }}</el-button>
-        <el-button type="primary" @click="isAddOrUpdateLine">{{ lang.ssConfirm }}</el-button>
+        <el-button type="primary" @click="isAddOrUpdateLine" >{{ lang.ssConfirm }}</el-button>
       </span>
     </el-dialog>
     <el-dialog :title="lang.ssAddQA" :visible.sync="dialogVisible8" :append-to-body="true" width="500px" :before-close="done => {
@@ -1144,6 +1144,7 @@ export default {
       subjectOptions: [],
       gradeOptions: [],
       avatar_loading: false,
+      isAddOrUpdateLineLoading: false,
     };
   },
   directives: {
@@ -1398,13 +1399,13 @@ export default {
 				{
 					role: "user",
 					content: `你是一名一流的UI设计师,现在你需要为这个场景设计相应的图标:
-									「${this.courseName}」 
+									「${this.courseName}」
 									请给出3个不同的设计方案。
-									## 要求 在你给出的设计方案中,坚持同时满足以下要求 
+									## 要求 在你给出的设计方案中,坚持同时满足以下要求
 									0. 要求体现学科特点 或者教学特点。
-									1. 背景底色为白色,正方形画面,画面填充满内容。 
-									2. 采用扁平化的设计风格 
-									3.不要在设计中设计到相关的文字,不如这个描述不允许类似这样的描述“繁体中文的“文”字,突出语言特色。”。 
+									1. 背景底色为白色,正方形画面,画面填充满内容。
+									2. 采用扁平化的设计风格
+									3.不要在设计中设计到相关的文字,不如这个描述不允许类似这样的描述“繁体中文的“文”字,突出语言特色。”。
 									## 输出一个json格式的回复,输出格式如下:
 									{"option":["方案一 核心视觉元素(2个):xxx 辅助视觉元素(1-3个):xxxx 核心情绪:xxx 主体颜色:xxx设计风格:xxxx 整体构图与画面内容:xxxx","方案二......","方案三......"]}`,
 				},
@@ -3067,6 +3068,9 @@ export default {
         this.$message.error(this.lang.ssCocoLinkTip);
         return;
       }
+
+      if(this.isAddOrUpdateLineLoading)return
+      this.isAddOrUpdateLineLoading = true
       //https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E6%97%A0%E6%B3%95%E5%93%87%E5%8F%91%E5%99%B6%E5%99%B6%E5%93%87_b634700f-f084-451d-8141-745d516f28c0.html
       // if(this.line.includes("ppt.cocorobo.cn")){
       //   this.$message.error("请使用ppt.cocorobo.cn的链接");
@@ -3220,6 +3224,7 @@ export default {
 
       if (!isValid) {
         this.$message.error(this.lang.ssCocoLinkTip);
+        this.isAddOrUpdateLineLoading = false
         return;
       }
 
@@ -3234,6 +3239,7 @@ export default {
         this.addContent(_data)
       }
       this.setPPtToolList();
+      this.isAddOrUpdateLineLoading = false
       this.dialogVisible7 = false;
 
     },

Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä