浏览代码

请求增加防抖

bding 1 年之前
父节点
当前提交
7784ca417d

+ 8 - 4
src/views/rai_manage/activityManage/activityManage.vue

@@ -7,11 +7,11 @@
         <div class="tabs-box">
           <span v-for="(item, index) in listTitle" :key="item.ChartPermissionId" @click="tabsBoxBtn(item, index)" :class="index == tabsPitchon ? 'pitch' : ''">{{ item.PermissionName }}</span>
         </div>
-        <div style="display: flex">
-          <el-upload ref="imgUpload" action="#" :http-request="handleUploadImg" :show-file-list="false" accept="image/*">
-            <el-button type="primary">识图建会</el-button>
+        <div style="display: flex;align-items: center">
+          <el-upload style="height:40px" ref="imgUpload" action="#" :http-request="handleUploadImg" :show-file-list="false" accept="image/*">
+            <el-button style="height:40px" type="primary">识图建会</el-button>
           </el-upload>
-          <el-button style="margin-left: 20px" type="primary" @click="$router.push(!isResearch ? '/addActivity' : '/addPurchaserActivity')">添加活动</el-button>
+          <el-button style="margin-left: 20px;height:40px" type="primary" @click="$router.push(!isResearch ? '/addActivity' : '/addPurchaserActivity')">添加活动</el-button>
         </div>
       </div>
     </el-card>
@@ -439,5 +439,9 @@ export default {
       flex-shrink: 0;
     }
   }
+  .el-upload  {
+    height: 40px !important;
+    min-height: 40px !important;
+  }
 }
 </style>

+ 2 - 2
src/views/rai_manage/activityManage/components/addActivity.vue

@@ -643,7 +643,7 @@ export default {
       this.saveTheRelease(type, arr, VoiceList, VideoDetail[0]);
     },
     //保存或发布
-    async saveTheRelease(type, arr, VoiceList, VideoDetail) {
+    saveTheRelease: _.debounce(async function (type, arr, VoiceList, VideoDetail) {
       let RefPage = this.$refs.researchSelect;
       let PointsSet = RefPage.PointsSet;
       const res = await raiInterface.preserveAndPublishAdd({
@@ -683,7 +683,7 @@ export default {
       if (res.Ret !== 200) return;
       this.$message.success("操作成功!");
       this.$router.back();
-    },
+    }, 500),
     //获取行业
     chartPermission() {
       raiInterface.chartPermissionList({ IsHideResearch: !this.isResearch }).then((res) => {

+ 12 - 66
src/views/rai_manage/activityManage/specialResearch/addResearch.vue

@@ -4,12 +4,7 @@
       <el-form :model="ruleForm" :rules="rules" ref="ruleFormList" label-width="100px" class="demo-ruleForm">
         <el-form-item label="所属行业:" prop="industry">
           <el-select placeholder="请选择行业" style="width: 396px" clearable v-model="ruleForm.industry" @change="changeHandel">
-            <el-option
-              v-for="item in chartPermissionList"
-              :label="item.PermissionName"
-              :key="item.PermissionName"
-              :value="item.PermissionName"
-            ></el-option>
+            <el-option v-for="item in chartPermissionList" :label="item.PermissionName" :key="item.PermissionName" :value="item.PermissionName"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="调研主题:" prop="theme">
@@ -22,12 +17,7 @@
           <el-radio-group v-model="ruleForm.modality">
             <el-radio v-for="item in modalityRadio" :key="item.id" :label="item.id">{{ item.name }}</el-radio>
           </el-radio-group>
-          <el-input
-            v-model="ruleForm.city"
-            v-if="ruleForm.modality == 2"
-            style="width: 248px; margin-left: 10px"
-            placeholder="请输入调研城市,多个城市以','隔开"
-          ></el-input>
+          <el-input v-model="ruleForm.city" v-if="ruleForm.modality == 2" style="width: 248px; margin-left: 10px" placeholder="请输入调研城市,多个城市以','隔开"></el-input>
         </el-form-item>
         <el-form-item label="主题标签:">
           <div style="display: flex; align-items: center; flex-wrap: wrap">
@@ -47,25 +37,13 @@
               </el-cascader>
             </el-form-item>
             <el-form-item>
-              <el-select
-                style="margin: 0 15px 10px 0"
-                v-model="ruleForm.mark"
-                :disabled="selectDisabled"
-                @focus="markSelectFocus"
-                multiple
-                placeholder="请选择关联标的"
-              >
-                <el-option v-for="item in markOptions" :key="item.IndustrialSubjectId" :value="item.IndustrialSubjectId" :label="item.SubjectName">
-                </el-option>
+              <el-select style="margin: 0 15px 10px 0" v-model="ruleForm.mark" :disabled="selectDisabled" @focus="markSelectFocus" multiple placeholder="请选择关联标的">
+                <el-option v-for="item in markOptions" :key="item.IndustrialSubjectId" :value="item.IndustrialSubjectId" :label="item.SubjectName"> </el-option>
               </el-select>
             </el-form-item>
             <div v-for="(item, index) in addSubjectData" :key="index" style="display: inline-block">
               <el-input style="width: 220px; margin: 0 5px 10px 0" v-model="item.subjectVal" placeholder="请输入标的名称" type="text"> </el-input>
-              <img
-                @click="deleteSubject(item, index)"
-                style="width: 18px; margin-right: 20px; vertical-align: middle"
-                src="~@/assets/img/icons/delete-Item.png"
-              />
+              <img @click="deleteSubject(item, index)" style="width: 18px; margin-right: 20px; vertical-align: middle" src="~@/assets/img/icons/delete-Item.png" />
             </div>
             <el-tooltip class="item" effect="dark" content="添加标的" placement="top-start">
               <img @click="addLabelClick" class="editsty" src="~@/assets/img/set_m/add_ico.png" style="margin: 0 10px 10px" />
@@ -74,27 +52,14 @@
           <div style="display: flex; align-items: center; margin-top: 10px">
             <el-checkbox v-model="ruleForm.isMark">小程序内显示标的名称</el-checkbox>
             <el-checkbox style="margin-left: 10px" v-model="radioTemporary">临时标签</el-checkbox>
-            <el-input
-              style="width: 300px; margin: 0 10px"
-              v-model="valTemporary"
-              @focus="radioTemporary = true"
-              placeholder="请输入标签名称"
-              type="text"
-            ></el-input>
+            <el-input style="width: 300px; margin: 0 10px" v-model="valTemporary" @focus="radioTemporary = true" placeholder="请输入标签名称" type="text"></el-input>
             <div class="editsty" @click="dialogVisibleSubject = true">查询标的</div>
           </div>
         </el-form-item>
         <el-form-item label="活动可见:" prop="checkedCities">
           <div style="display: flex">
             <span style="width: 70px" class="text-right"> 套餐类型: </span>
-            <el-checkbox
-              :indeterminate="isIndeterminate"
-              v-model="ruleForm.checkAll"
-              @change="handleCheckAllChange"
-              :disabled="checkAllIs"
-              style="margin-right: 30px"
-              >全选</el-checkbox
-            >
+            <el-checkbox :indeterminate="isIndeterminate" v-model="ruleForm.checkAll" @change="handleCheckAllChange" :disabled="checkAllIs" style="margin-right: 30px">全选</el-checkbox>
             <el-checkbox-group v-model="ruleForm.checkedCities" @change="handleCheckedCitiesChange">
               <el-checkbox v-for="item in cities" :label="item.CustomerTypeId" :key="item.CustomerTypeId">
                 {{ item.CustomerName }}
@@ -130,29 +95,10 @@
         </div>
       </el-form>
     </el-card>
-    <el-dialog
-      width="500px"
-      v-dialogDrag
-      :close-on-click-modal="false"
-      :modal-append-to-body="false"
-      center
-      title="查询标的"
-      :visible.sync="dialogVisibleSubject"
-      :before-close="handleCloseSubject"
-    >
+    <el-dialog width="500px" v-dialogDrag :close-on-click-modal="false" :modal-append-to-body="false" center title="查询标的" :visible.sync="dialogVisibleSubject" :before-close="handleCloseSubject">
       <div>
-        <el-select
-          style="width: 100%"
-          v-model="addSubjectName"
-          remote
-          :remote-method="remoteMethod"
-          clearable
-          filterable
-          @change="searchInfo"
-          placeholder="请输入标的名称"
-        >
-          <el-option v-for="item in addSubjectOptions" :key="item.IndustrialSubjectId" :label="item.SubjectName" :value="item.SubjectName">
-          </el-option>
+        <el-select style="width: 100%" v-model="addSubjectName" remote :remote-method="remoteMethod" clearable filterable @change="searchInfo" placeholder="请输入标的名称">
+          <el-option v-for="item in addSubjectOptions" :key="item.IndustrialSubjectId" :label="item.SubjectName" :value="item.SubjectName"> </el-option>
         </el-select>
       </div>
       <p class="subject-text" v-if="isShowSubject">暂无数据</p>
@@ -424,7 +370,7 @@ export default {
       this.dialogVisibleSubject = false;
     },
     //保持或者发布
-    submitForm(type) {
+    submitForm: _.debounce(function (type) {
       if (this.selectDisabled) {
         if (!this.valTemporary) return this.$message.error("请输入临时标签");
         let validateFieldList = [];
@@ -450,7 +396,7 @@ export default {
           }
         });
       }
-    },
+    }, 500),
     async postPublish(type) {
       let arr = this.ruleForm.property.map((item) => {
         return item[1];

+ 2 - 2
src/views/rai_manage/components/addChoiceness.vue

@@ -455,7 +455,7 @@ export default {
       }
     },
     //保存 发布
-    confirm(type) {
+    confirm: _.debounce(function (type) {
       this.$refs.ruleForm.validate(async (val) => {
         if (val) {
           let isText = [];
@@ -484,7 +484,7 @@ export default {
           }
         }
       });
-    },
+    }, 500),
     //取消
     cancel() {
       clearInterval(this.timeInterval);

+ 2 - 2
src/views/rai_manage/components/addMorningMeeting.vue

@@ -192,7 +192,7 @@ export default {
       this.dataLoading = false;
     },
     //保存 发布 取消 操作
-    async comfirm(type) {
+    comfirm: _.debounce(async function (type) {
       if (type === "cancel") {
         this.$router.back();
         return;
@@ -208,7 +208,7 @@ export default {
       /* if(type==="cancel"){} */
 
       this.isGoBack && this.$router.back();
-    },
+    }, 500),
     async pubMeeting() {
       const list = this.getSectionData();
       const res = await raiInterface.publishMorningMeeting({

+ 2 - 2
src/views/rai_manage/components/addRoadshow.vue

@@ -202,7 +202,7 @@ export default {
       }
     },
     //保存 / 发布
-    confirm(type) {
+    confirm: _.debounce(function (type) {
       this.$refs.ruleForm.validate(async (value) => {
         if (value) {
           let params = {
@@ -234,7 +234,7 @@ export default {
           }
         }
       });
-    },
+    }, 500),
     industryClear() {
       this.listForm.property = [];
       this.optionsProperty = [];

+ 1 - 1
src/views/rai_manage/components/addSummarizing.vue

@@ -227,7 +227,7 @@ export default {
           }
         }
       });
-    }, 300),
+    }, 500),
     fnConFirm() {
       let flag = false;
       let isCydyjy = this.ListCydyjy.some((item) => item.List.length > 0);

+ 2 - 2
src/views/rai_manage/components/addSummary.vue

@@ -315,7 +315,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX`,
       this.markSelectFocus();
     },
     //表单保存发布事件
-    async submitForm(type) {
+    submitForm: _.debounce(async function (type) {
       let validateFieldList = [];
       this.$refs.addOfEditForm.validateField([this.isSource === "HZ" ? "industry" : "regions", "property", "publishTime", "title", "synopsis", "mobile"], (valid) => {
         validateFieldList.push(valid);
@@ -359,7 +359,7 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX`,
           }
         }
       }
-    },
+    }, 500),
     //表单取消事件
     cancelBtn() {
       clearInterval(this.timeInterval);

+ 1 - 1
src/views/rai_manage/components/addThisWeek.vue

@@ -335,7 +335,7 @@ export default {
           }
         }
       });
-    }, 300),
+    }, 500),
     fnConFirm() {
       let flag = false;
       let isSdbg = this.ListSdbg.some((item) => item.List.length > 0); //深度报告篇

+ 2 - 2
src/views/rai_manage/reportManage/components/addHaveReport.vue

@@ -260,7 +260,7 @@ export default {
       await this.propertyChangeHandler();
     },
     //表单保存发布事件
-    async submitForm(type) {
+    submitForm: _.debounce(async function (type) {
       this.$refs.addOfEditForm.validate(async (valid) => {
         if (valid) {
           let params = {
@@ -287,7 +287,7 @@ export default {
           }
         }
       });
-    },
+    }, 500),
     //表单取消事件
     cancelBtn() {
       clearInterval(this.timeInterval);