销售需求相关

src/views/saleManage/requireManage/pages/addBasicInfo.vue

 <template>
-    <div>
+    <div element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="loginedWrapper">
             <div class="breadcrumb">
                 <el-breadcrumb separator="/">
@@ -198,7 +198,7 @@
                               size="medium"
                               style="width:170px;margin-right: 10px;" maxlength="10"></el-input>
                 <el-button type="primary" size="medium"
-                           @click="handleSaveFlag">{{$t("workPlace.basicForm.saveBtn")}}</el-button>
+                           @click="handleSaveFlag" >{{$t("workPlace.basicForm.saveBtn")}}</el-button>
                 <el-button size="medium" type="primary" plain @click="handleCancelFlag">{{$t("workPlace.basicForm.cancelBtn")}}</el-button>
                 </span>
 
@@ -232,7 +232,7 @@
             <div class="buttonWrapper">
                 <el-button type="primary" plain @click="handleLastStep">{{$t("workPlace.sendRequireForm.lastStep")}}
                 </el-button>
-                <el-button type="primary" style="width: 150px;" @click="submitForm('ruleForm')">
+                <el-button type="primary" style="width: 150px;" @click="submitForm('ruleForm')" v-loading.fullscreen="fullscreenLoading">
                     {{$t("workPlace.basicForm.saveAndNextStep")}}
                 </el-button>
             </div>
@@ -265,6 +265,7 @@
                 fileList: [],
                 flag: 0,
                 checked: false,
+                fullscreenLoading:false,
                 ruleForm: {
                     companyName: "",//公司名称
                     companyIntroductionSimple: "",//一句话介绍
@@ -632,7 +633,9 @@
             submitDataFunc() {
                 let that = this;
                 this.ruleForm.businessId = this.$route.query.businessId?this.$route.query.businessId:"";
+                this.fullscreenLoading = true;
                 api.sendBasicInfoAxios(this.ruleForm).then((res) => {
+                    this.fullscreenLoading = false;
                     if (res.code == 0) {
                         if(this.$route.query.detailId) this.$router.push({path: "/sale/addlast", query: {businessId: res.result, isAdd: 0,detailId:this.$route.query.detailId}})
                         else this.$router.push({path: "/sale/addlast", query: {businessId: res.result, isAdd: 0}})

src/views/saleManage/requireManage/pages/addFirstStep.vue

 <template>
-    <div>
+    <div element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="loginedWrapper">
             <div class="breadcrumb">
                 <el-breadcrumb separator="/">
@@ -17,7 +17,7 @@
                                 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px">
                                     <el-form-item :label="$t('saleManage.companyName')+'：'" prop="companyName">
                                         <el-input style="width: 350px;margin-right: 10px;" v-model.trim="ruleForm.companyName" :placeholder="$t('saleManage.placeholderCompanyName')" maxlength="36"></el-input>
-                                        <el-button type="primary" style="width: 140px;" @click="handleSearch" :disabled="ruleForm.companyName?false:true">检索</el-button>
+                                        <el-button type="primary" style="width: 140px;" @click="handleSearch" v-loading.fullscreen="fullscreenLoading" :disabled="ruleForm.companyName?false:true">检索</el-button>
                                     </el-form-item>
                                 </el-form>
                                 <!--<span>{{$t("saleManage.companyName")}}：</span>-->
@@ -120,7 +120,8 @@
                     ],
                 },
                 isAddBool:false,
-                requireId:null
+                requireId:null,
+                fullscreenLoading:false
             }
         },
         methods:{
@@ -188,7 +189,9 @@
                 let params = {
                     name:this.ruleForm.companyName
                 };
+                this.fullscreenLoading = true;
                 api.getCompanyListAxios(params).then((res)=>{
+                    this.fullscreenLoading = false;
                     if(res.code==0){
                        this.tableData = res.result;
                        if(res.result){

src/views/saleManage/requireManage/pages/addLastStep.vue

 <template>
-    <div>
+    <div element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="loginedWrapper">
             <div class="breadcrumb">
                 <el-breadcrumb separator="/">
@@ -181,7 +181,7 @@
             </div>
             <div class="buttonWrapper" v-if="!successVisible">
                 <el-button type="primary" plain @click="handleLastStep">{{$t("workPlace.sendRequireForm.lastStep")}}</el-button>
-                <el-button type="primary" @click="submitForm('ruleForm')">
+                <el-button type="primary" @click="submitForm('ruleForm')" v-loading.fullscreen="fullscreenLoading">
                     {{$route.query.isAdd==0?"保存，下一步":"发布需求"}}
                 </el-button>
             </div>
@@ -208,6 +208,7 @@
                 activeName:"first",
                 uploadHostHeader: '/business/upload/uploadFile',//文件上传地址
                 props: {multiple: true,value:"industryId",label:"industryName",children:"childrenList"},
+                fullscreenLoading:false,
                 ruleForm: {
                     requirementName: "",
                     targetIndustryList: "",
@@ -574,7 +575,9 @@
                 let that = this,addVisible = this.$route.query.isAdd;
                 this.ruleForm.businessId = this.$route.query.businessId;
                 this.ruleForm.detailId = this.$route.query.detailId?this.$route.query.detailId:"";
+                this.fullscreenLoading = true;
                 api.sendRequireAxios(this.ruleForm).then((res) => {
+                    this.fullscreenLoading = false;
                     if (res.code == 0) {
                         this.sessionStorageFunc();
                         if(addVisible==0){ //是不是添加基本信息之后的提交发布

src/views/saleManage/requireManage/pages/addSecondStep.vue

 <template>
-    <div>
+    <div element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="loginedWrapper">
             <div class="breadcrumb">
                 <el-breadcrumb separator="/">
@@ -77,7 +77,7 @@
                 </div>
                 <div class="buttonWrapper" v-if="!successVisible">
                     <el-button type="primary" plain class="buttonWidth180px" @click="handleLastStep">{{$t("workPlace.sendRequireForm.lastStep")}}</el-button>
-                    <el-button type="primary" class="buttonWidth180px" @click="submitForm('ruleForm')">{{$t("workPlace.addRequire")}}</el-button>
+                    <el-button type="primary" class="buttonWidth180px" @click="submitForm('ruleForm')" v-loading.fullscreen="fullscreenLoading">{{$t("workPlace.addRequire")}}</el-button>
                 </div>
 
             </div>
@@ -141,7 +141,8 @@
                 isShowErrorText4:false,
                 isShowErrorText5:false,
                 uploadDisabled:false,//是否禁用上传图片
-                detailInfo:""
+                detailInfo:"",
+                fullscreenLoading:false
             }
         },
 
@@ -246,7 +247,9 @@
             //提交表单
             submitDataFunc(){
                 let that = this;
+                this.fullscreenLoading =true;
                 api.addRequirePeopleAxios(this.ruleForm).then((res)=>{
+                    this.fullscreenLoading = false;
                     if(res.code==0){
                         this.successVisible = true;
                         this.detailId = this.ruleForm.detailId;

src/views/saleManage/requireManage/pages/edit.vue

 <template>
-    <div>
+    <div element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="loginedWrapper">
             <div class="breadcrumb">
                 <el-breadcrumb separator="/">
@@ -483,7 +483,7 @@
                 </el-form>
             </div>
             <div class="buttonWrapper">
-                <el-button type="primary" @click="submitForm('ruleForm')">{{$t("saleManage.confirmEditBtn")}}
+                <el-button type="primary" @click="submitForm('ruleForm')" v-loading.fullscreen="fullscreenLoading">{{$t("saleManage.confirmEditBtn")}}
                 </el-button>
                 <el-button type="primary" style="width: 150px;" plain @click="handleCancel">
                     {{$t("saleManage.cancelBtn")}}
@@ -502,6 +502,7 @@
         name: "edit",
         data(){
             return {
+                fullscreenLoading:false,
                 activeName1: "basicInfo",
                 activeName2: "requireInfo",
                 activeName3: "contactInfo",
@@ -1376,7 +1377,9 @@
                     targetIndustryList:this.ruleForm.targetIndustryList,
                     businessId : this.detailInfo.businessId
                 };
+                this.fullscreenLoading = true;
                 api.editRequireAxios(params).then((res) => {
+                    this.fullscreenLoading = false;
                     if (res.code == 0) {
                         this.$router.push({path:"/salerequire/detail",query:{id:this.$route.query.id}})
                     } else {

src/views/saleManage/requireManage/pages/requireDetail.vue

 <template>
-    <div>
+    <div element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="detailWrapper">
             <div class="basicInfoWrap" v-if="detailInfo">
                 <basicInfoCmpt :companyInfo="companyInfo" :isRequireList='2' :requireInfo="detailInfo" :require="2" :is-share="false"></basicInfoCmpt>
             </div>
             <ul class="navWrap" :class="isPosition?'':'fixedWrap'">
                 <li :key="index" @click="handleNav('#author-'+index,index)" v-for="(item,index) in navTitleList" :class="navIndex==index?'activeLi':''"><span>{{$t('requireInfo.'+item)}}</span></li>
-                <el-button type="text" @click="handleHide" v-if="operationVisible"><i class="iconfont" :class="companyInfo.isHideInfo==0?'icon-yanjing':'icon-yanjing1'"></i><span>{{companyInfo.isHideInfo==0?"隐藏企业信息":"公开企业信息"}}</span>
+                <el-button type="text" @click="handleHide" v-loading.fullscreen="fullscreenLoading" v-if="operationVisible"><i class="iconfont" :class="companyInfo.isHideInfo==0?'icon-yanjing':'icon-yanjing1'"></i><span>{{companyInfo.isHideInfo==0?"隐藏企业信息":"公开企业信息"}}</span>
                 </el-button>
 
             </ul>
@@ -213,9 +213,9 @@
             </div>
             <div class="buttonWrapper">
                 <el-button type="primary" style="width: 180px;" @click="handleEdit" v-if="isEditVisible">{{$t("saleManage.editRequire")}}</el-button>
-                <el-button type="primary" style="width: 100px;" plain @click="handleSold(2)" v-if="isSoldOut">{{$t("bigBusiness.detailInfo.soldOut")}}</el-button>
-                <el-button type="primary" style="width: 100px;" plain @click="handleSold(1)" v-if="isSoldOn">{{$t("bigBusiness.detailInfo.soldOn")}}</el-button>
-                <el-button type="primary" style="width: 150px;" plain @click="handleOpreation" v-if="isShare"><i class="iconfont icon-wechat"></i>{{$t("bigBusiness.detailInfo.shareRequire")}}</el-button>
+                <el-button type="primary" style="width: 100px;" plain @click="handleSold(2)" v-loading.fullscreen="fullscreenLoading" v-if="isSoldOut">{{$t("bigBusiness.detailInfo.soldOut")}}</el-button>
+                <el-button type="primary" style="width: 100px;" plain @click="handleSold(1)" v-loading.fullscreen="fullscreenLoading" v-if="isSoldOn">{{$t("bigBusiness.detailInfo.soldOn")}}</el-button>
+                <el-button type="primary" style="width: 150px;" plain @click="handleOpreation" v-loading.fullscreen="fullscreenLoading" v-if="isShare"><i class="iconfont icon-wechat"></i>{{$t("bigBusiness.detailInfo.shareRequire")}}</el-button>
                 <el-button type="primary" style="width: 100px;" plain @click="handleGoBack">返回</el-button>
             </div>
         </div>
@@ -263,7 +263,8 @@
                 pastDueContent:"您的需求已过期，请重新编辑后再次提交审核",
                 isCanLook:false,
                 isoffsetTop:true,
-                isPosition:true
+                isPosition:true,
+                fullscreenLoading:false
             }
         },
         components:{
@@ -279,7 +280,9 @@
                     businessId: this.companyInfo.businessId,
                     isHideInfo:this.companyInfo.isHideInfo==0?1:0
                 }
+                this.fullscreenLoading =true;
                 api.isHideInfoAxios(params).then((res)=>{
+                    this.fullscreenLoading =false;
                     if(res.code==0){
                         this.getRequireDetail();
                     }else{
@@ -382,7 +385,9 @@
                         type: 'warning',
                         center: true
                     }).then(() => {
+                        that.fullscreenLoading = true;
                         api.soldAxios(params).then((res)=>{
+                            that.fullscreenLoading = false;
                             if(res.code==0){
                                 that.$message.success("操作成功");
                                 that.getRequireDetail();

src/views/saleManage/requireManage/pages/requireList.vue

 <template>
-    <div>
+    <div element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="loginedWrapper">
             <div class="breadcrumb">
                 <el-breadcrumb separator="/">
@@ -79,10 +79,10 @@
                                 <el-button type="text" @click="handleToDetail(scope.row)">
                                     {{$t("bigBusiness.detailInfo.look")}}
                                 </el-button>
-                                <el-button type="text" @click="handleSold(scope.row,2)" v-if="scope.row.isSoldOut">
+                                <el-button type="text" @click="handleSold(scope.row,2)" v-loading.fullscreen="fullscreenLoading" v-if="scope.row.isSoldOut">
                                     {{$t("bigBusiness.detailInfo.soldOut")}}
                                 </el-button>
-                                <el-button type="text" @click="handleSold(scope.row,1)" v-if="scope.row.isSoldOn">
+                                <el-button type="text" @click="handleSold(scope.row,1)" v-loading.fullscreen="fullscreenLoading" v-if="scope.row.isSoldOn">
                                     {{$t("bigBusiness.detailInfo.soldOn")}}
                                 </el-button>
                             </template>
@@ -94,6 +94,7 @@
                             background
                             @size-change="handleSizeChange"
                             @current-change="handelChangePage"
+                            v-loading.fullscreen="fullscreenLoading"
                             :page-size="pageSize"
                             :current-page="page"
                             layout="prev, pager, next"
@@ -158,7 +159,8 @@
                 pastDueVisible:false,
                 noAuthContent:"您的需求还未通过审核，请稍后再试",
                 pastDueContent:"您的需求已过期，请重新编辑后再次提交审核",
-                currentData:""
+                currentData:"",
+                fullscreenLoading:false
             }
         },
         methods: {
@@ -232,6 +234,7 @@
                     }
                 };
                 api.getRequireListAxios(params).then((res) => {
+                    this.fullscreenLoading = false;
                     if (res.code == 0) {
                         this.tableData = res.result.records;
                         this.tableData.forEach((item) => {
@@ -271,11 +274,13 @@
             //分页
             handelChangePage(index) {
                 this.page = index;
+                this.fullscreenLoading = true;
                 this.getRequireList();
             },
             //切换页面条数
             handleSizeChange(index) {
                 this.pageSize = index;
+                this.fullscreenLoading = true;
                 this.getRequireList();
             },
 
@@ -309,7 +314,9 @@
                         type: 'warning',
                         center: true
                     }).then(() => {
+                        that.fullscreenLoading = true;
                         api.soldAxios(params).then((res)=>{
+                            that.fullscreenLoading = false;
                             if(res.code==0){
                                 that.$message.success("操作成功");
                                 that.getRequireList();

src/views/saleManage/requireManage/pages/selfList.vue

 <template>
-    <div>
+    <div element-loading-background="rgba(0, 0, 0, 0.8)">
         <div class="detailWrapper">
             <div class="basicInfoWrap">
                 <basicInfoCmpt :companyInfo="companyInfo" :isRequireList='2' :requireInfo="detailInfo" :require="1" v-if="detailInfo" :isShare="'true'"></basicInfoCmpt>
@@ -61,6 +61,7 @@
                             background
                             @size-change="handleSizeChange"
                             @current-change="handelChangePage"
+                            v-loading.fullscreen="fullscreenLoading"
                             :page-size="pageSize"
                             :current-page="page"
                             layout="total,prev, pager, next"
@@ -92,7 +93,8 @@
                 pageSize:10,
                 total:0,
                 companyInfo:{},
-                detailInfo:{}
+                detailInfo:{},
+                fullscreenLoading:false
             }
         },
         methods:{
@@ -108,6 +110,7 @@
                     }
                 };
                 api.getRequireSelfAxios(params).then((res)=>{
+                    this.fullscreenLoading =false;
                     if(res.code==0){
                         this.tableData = res.result.records;
                         this.total = res.result.total;
@@ -144,12 +147,14 @@
             //分页
             handelChangePage(index){
                 this.page = index;
+                this.fullscreenLoading =true;
                 this.getInitList();
 
             },
             //切换页面条数
             handleSizeChange(index){
                 this.pageSize = index;
+                this.fullscreenLoading =true;
                 this.getInitList();
             },