Browse Source

前端代码合并提交

mashengyi 3 years ago
parent
commit
81fcb66a68
1 changed files with 47 additions and 21 deletions
  1. 47 21
      src/views/customer/Customer.vue

+ 47 - 21
src/views/customer/Customer.vue

@@ -265,7 +265,7 @@
             <el-row :span="24">
               <el-col :span="12">
                  <el-form-item  label-width=120px label="协议类型" prop="serviceType">
-                    <el-select v-model="customerRec.serviceType" placeholder="运营范围" :disabled=true  style="width: 100%">
+                    <el-select v-model="customerRec.serviceType" placeholder="运营范围" :disabled=disable  style="width: 100%">
                         <el-option
                            v-for="item in serviceTypeList"
                           :key="item.id"
@@ -275,27 +275,43 @@
                     </el-select>
               </el-form-item>
               </el-col>
-              <el-col :span="12">
+              <el-col :span="12" v-show= false>
                 <el-form-item  label-width=120px label="协议文件名">
-                <el-input v-model="customerRec.contractFileName" auto-complete="off" :disabled=true ></el-input>
+                <el-input v-model="customerRec.contractFileName" auto-complete="off" :disabled=disable ></el-input>
+              </el-form-item>
+              </el-col>
+              <el-col :span="12" v-show= true>
+                <el-form-item  label-width=120px label="协议文件" prop="contractFileName">
+                <el-upload
+                    class="avatar-uploader"
+                    style="width: 100%"
+                    action="#"
+                    :show-file-list="false"
+                    :http-request="httpRequest">
+                      <el-input label-width=120px v-model="customerRec.contractFileName" auto-complete="off"  style="width: 100%"></el-input>
+                      <!-- <el-button type="primary" @click="getFile(index)">选取文件</el-button> -->
+                  </el-upload>
+                  <el-input label-width=120px v-model="customerRec.base64Str" v-show="false" auto-complete="off"></el-input>
               </el-form-item>
               </el-col>
           </el-row>
           <el-row :span="24">
               <el-col :span="12">
                 <el-form-item  label-width=120px label="服务开始时间">
-                <el-input v-model="customerRec.serviceStartTime" auto-complete="off" :disabled=true ></el-input>
+                <!-- <el-input v-model="customerRec.serviceStartTime" auto-complete="off" :disabled=false ></el-input> -->
+                 <el-date-picker v-model="customerRec.serviceStartTime" type="date" value-format="yyyy-MM-dd HH:mm:SS" placeholder="服务开始时间"></el-date-picker>
               </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item  label-width=120px label="服务结束时间">
-                <el-input v-model="customerRec.serviceEndTime" auto-complete="off" :disabled=true ></el-input>
+                <!-- <el-input v-model="customerRec.serviceEndTime" auto-complete="off" :disabled=false ></el-input> -->
+                <el-date-picker v-model="customerRec.serviceEndTime" type="date" value-format="yyyy-MM-dd HH:mm:SS" placeholder="服务结束时间"></el-date-picker>
               </el-form-item>
               </el-col>
           </el-row> 
         </el-form>
         <div slot="footer" class="dialog-footer">
-          <el-button @click="contractDownload" type="primary">协议下载</el-button>
+          <el-button @click="contractDownload" v-show="customerRec.lowerFileName" type="primary">下游文件下载</el-button>
           <el-button @click="contractAdd" type="primary">协议上传</el-button>
         </div>
       </el-dialog>
@@ -312,60 +328,60 @@
           <el-row :span="24">
               <el-col :span="12">
                 <el-form-item  label-width=120px label="客户名称">
-                <el-input v-model="customerRec.customerName" auto-complete="off" :disabled=true ></el-input>
+                <el-input v-model="customerRec.customerName" auto-complete="off" :disabled= true ></el-input>
               </el-form-item>
               </el-col>
               <el-col :span="12">
                    <el-form-item label-width=120px label="公司负责人">
-                   <el-input v-model="customerRec.companyLeader" :disabled=true  style="width: 100%"></el-input>
+                   <el-input v-model="customerRec.companyLeader" :disabled=disable  style="width: 100%"></el-input>
                 </el-form-item>
               </el-col>
           </el-row>
           <el-row :span="24">
               <el-col :span="12">
                 <el-form-item  label-width=120px label="负责人手机号">
-                <el-input v-model="customerRec.companyLeaderPhone" auto-complete="off" :disabled=true ></el-input>
+                <el-input v-model="customerRec.companyLeaderPhone" auto-complete="off" :disabled=disable ></el-input>
               </el-form-item>
               </el-col>
               <el-col :span="12">
                    <el-form-item label-width=120px label="公司名称">
-                   <el-input v-model="customerRec.companyName" :disabled=true style="width: 100%"></el-input>
+                   <el-input v-model="customerRec.companyName" :disabled=disable style="width: 100%"></el-input>
                 </el-form-item>
               </el-col>
           </el-row>
           <el-row :span="24">
               <el-col :span="12">
                 <el-form-item  label-width=120px label="公司税号">
-                <el-input v-model="customerRec.companyReferencenum" auto-complete="off" :disabled=true ></el-input>
+                <el-input v-model="customerRec.companyReferencenum" auto-complete="off" :disabled=disable ></el-input>
               </el-form-item>
               </el-col>
               <el-col :span="12">
                    <el-form-item label-width=120px label="公司开户行">
-                   <el-input v-model="customerRec.companyOpenbank" :disabled=true style="width: 100%"></el-input>
+                   <el-input v-model="customerRec.companyOpenbank" :disabled=disable style="width: 100%"></el-input>
                 </el-form-item>
               </el-col>
           </el-row>
          <el-row :span="24">
               <el-col :span="12">
                 <el-form-item  label-width=120px label="公司开户行账号">
-                <el-input v-model="customerRec.companyOpenbankAcc" auto-complete="off" :disabled=true ></el-input>
+                <el-input v-model="customerRec.companyOpenbankAcc" auto-complete="off" :disabled=disable ></el-input>
               </el-form-item>
               </el-col>
               <el-col :span="12">
                    <el-form-item label-width=120px label="公司地址">
-                   <el-input v-model="customerRec.companyAdress"  style="width: 100%" :disabled=true></el-input>
+                   <el-input v-model="customerRec.companyAdress"  style="width: 100%" :disabled=disable></el-input>
                 </el-form-item>
               </el-col>
           </el-row>
            <el-row :span="24">
               <el-col :span="12">
                 <el-form-item  label-width=120px label="公司电话">
-                <el-input v-model="customerRec.companyPhone" auto-complete="off" :disabled=true ></el-input>
+                <el-input v-model="customerRec.companyPhone" auto-complete="off" :disabled=disable ></el-input>
               </el-form-item>
               </el-col>
               <el-col :span="12">
                     <el-form-item label-width=120px label="业务类型">
-                   <el-select v-model="customerRec.bussinessType" placeholder="业务类型" :disabled=true  style="width: 100%">
+                   <el-select v-model="customerRec.bussinessType" placeholder="业务类型" :disabled=disable  style="width: 100%">
                         <el-option
                           v-for="item in bussinessTypeList"
                           :key="item.id"
@@ -382,7 +398,7 @@
                 <el-input v-model="customerRec.companyType" auto-complete="off" readonly=true ></el-input>
               </el-form-item> -->
                <el-form-item label-width=120px label="公司类型" prop="companyType">
-                    <el-select v-model="customerRec.companyType" placeholder="公司类型"  style="width: 100%" :disabled=true>
+                    <el-select v-model="customerRec.companyType" placeholder="公司类型"  style="width: 100%" :disabled=disable>
                         <el-option
                           v-for="item in companyList"
                           :key="item.id"
@@ -397,7 +413,7 @@
                 <el-input v-model="customerRec.companyType" auto-complete="off" readonly=true ></el-input>
               </el-form-item> -->
                <el-form-item label-width=120px label="运营范围" prop="operatingRangeType">
-                    <el-select v-model="customerRec.operatingRangeType" placeholder="运营范围"  style="width: 100%" :disabled=true>
+                    <el-select v-model="customerRec.operatingRangeType" placeholder="运营范围"  style="width: 100%" :disabled=disable>
                         <el-option
                           v-for="item in operatingRangeList"
                           :key="item.id"
@@ -554,12 +570,14 @@
           <el-row :span="24">
               <el-col :span="12">
                 <el-form-item  label-width=120px label="服务开始时间">
-                <el-input v-model="customerRec.serviceStartTime" auto-complete="off" ></el-input>
+                <!-- <el-input v-model="customerRec.serviceStartTime" auto-complete="off" ></el-input> -->
+                <el-date-picker v-model="customerRec.serviceStartTime" type="date" value-format="yyyy-MM-dd HH:mm:SS" placeholder="服务开始时间"></el-date-picker>
               </el-form-item>
               </el-col>
               <el-col :span="12">
                 <el-form-item  label-width=120px label="服务结束时间">
-                <el-input v-model="customerRec.serviceEndTime" auto-complete="off" ></el-input>
+                <!-- <el-input v-model="customerRec.serviceEndTime" auto-complete="off" ></el-input> -->
+                 <el-date-picker v-model="customerRec.serviceEndTime" type="date" value-format="yyyy-MM-dd HH:mm:SS" placeholder="服务结束时间"></el-date-picker>
               </el-form-item>
               </el-col>
           </el-row> 
@@ -664,7 +682,8 @@ import XLSX from "xlsx";
             concatVis:false,
             accIsclose:false,
             carRecclose:false,
-            recVisList:false
+            recVisList:false,
+            disable:false
           }
         },
           created() {
@@ -785,6 +804,9 @@ import XLSX from "xlsx";
             const response = await this.$http.post(`lowerService/customeRecQuery`, {"customerName":recoder.customerName,"companyName":recoder.companyName});
             if (response.data.code === 0) {
               this.customerRec = response.data.data;
+            
+              this.disable = !((this.customerRec.interType ==3) && (this.customerRec.recStatus ==2));
+              console.log(this.disable)
             }
           },
           
@@ -796,6 +818,7 @@ import XLSX from "xlsx";
             const response = await this.$http.post(`lowerService/customeRecQuery`, {"customerName":recoder.customerName,"companyName":recoder.companyName});
             if (response.data.code === 0) {
               this.customerRec = response.data.data;
+              this.disable = !((this.customerRec.interType ==3) && (this.customerRec.recStatus ==2));
             }
           },
           stopUse(recoder){
@@ -830,6 +853,7 @@ import XLSX from "xlsx";
             }
           
             this.recVisList = true;
+            console.log(this.disable)
           },
           async carInfo(recoder){
             const response = await this.$http.post(`lowerService/customerCarRecQuery`, {"customerName":recoder.customerName});
@@ -881,6 +905,7 @@ import XLSX from "xlsx";
              debugger
                   if(response.data.code === 0) {
                     this.loadData();
+                    this.recInfoList(this.customerRec)
                     this.changeStatus = false;
                     this.$message({
                       type: 'success',
@@ -897,6 +922,7 @@ import XLSX from "xlsx";
              const response = await this.$http.post(`customer/contractAdd`, this.customerRec);
                   if(response.data.code === 0) {
                     this.loadData();
+                    this.recInfoList(this.customerRec)
                     this.changeStatus = false;
                     this.$message({
                       type: 'success',