ui

src/views/lotCheck/TaskUploadData.vue

@@ -1283,7 +1283,7 @@
       <div class="thumb-example1"  >
         <!-- swiper1 -->
         <swiper
-          class="swiper gallery-top"
+          class="swiper gallery-top1"
           :options="swiperOptionTop"
           ref="swiperTop"
         >
@@ -1330,7 +1330,7 @@
     </a-card>
     <div @click='showPhone'
          ref="floatButton"
-         class="float-info"
+         class="float-info floating-button"
          :style="{'width': 80 + 'px', 'height': 80 + 'px', 'left':   90+'%' , 'top': 80 + '%'}"
     >
       <a-icon type="folder-add" :style="{ fontSize: '30px', color: '#08c' }"/>
@@ -1847,6 +1847,12 @@ export default {
     }
   },
   methods: {
+    jumpUrl(url){
+      var a = document.createElement("a");
+      a.setAttribute("href", url);
+      a.setAttribute("target", "_blank");
+      a.click();
+    },
     handleCancel() {
       this.previewVisible = false;
     },
@@ -1863,7 +1869,9 @@ export default {
     showPhone(){
       var data = {
         customerNo:  this.infoModel.customerNo,
-        stepsId: this.steps.stepsNow[this.steps.current].id
+        stepsId: this.steps.stepsNow[this.steps.current].id,
+        //1:行短稽核 2：物联网业务稽核 3.复开审批 4.中继线稽核
+        type:'2'
       }
       getAction('/smsCheck/customerInfo/phone/customerPhone', data).then((res) => {
         if (res.success) {
@@ -2294,7 +2302,7 @@ export default {
       } else {
         that.steps.stepsNow[that.steps.current].status = "wait"
       }
-      this.$message.success("上传成功");
+      this.$message.success(that.steps.stepsNow[that.steps.current].title+"上传成功");
     },
     /**文件格式限制*/
     importBeforeUpload(file) {
@@ -2435,7 +2443,12 @@ h3 {
   left: 15%;
   margin-bottom: 50px
 }
-
+.gallery-top1 {
+  // height: 80% !important;
+  /*height: 600px;*/
+  width: 100%;
+  left: 15%;
+}
 .gallery-thumbs {
   height: 20% !important;
   box-sizing: border-box;
@@ -2561,9 +2574,34 @@ h3 {
   float: left;
   width: 25%
 }
+.floating-button {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 1000;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 24px;
+  width: 50px;
+  height: 50px;
+  text-align: center;
+  line-height: 50px;
+  transition: all 0.2s ease;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+}
+.floating-button:hover {
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+  transform: translateY(-5px);
+}
+.floating-button:active {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  transform: translateY(2px);
+}
 </style>
 
 
 
 
 
+

src/views/smscheck/modules/TaskUploadData.vue

@@ -2267,7 +2267,7 @@
       <div class="thumb-example1"  >
         <!-- swiper1 -->
         <swiper
-          class="swiper gallery-top"
+          class="swiper gallery-top1"
           :options="swiperOptionTop"
           ref="swiperTop"
         >
@@ -2314,7 +2314,7 @@
     </a-card>
     <div @click='showPhone'
        ref="floatButton"
-      class="float-info"
+      class="float-info floating-button"
       :style="{'width': 80 + 'px', 'height': 80 + 'px', 'left':   90+'%' , 'top': 80 + '%'}"
     >
         <a-icon type="folder-add" :style="{ fontSize: '30px', color: '#08c' }"/>
@@ -2892,7 +2892,9 @@ export default {
     showPhone(){
       var data = {
         customerNo:  this.infoModel.customerNo,
-        stepsId: this.steps.stepsNow[this.steps.current].id
+        stepsId: this.steps.stepsNow[this.steps.current].id,
+        //1:行短稽核 2：物联网业务稽核 3.复开审批 4.中继线稽核
+        type:'1'
       }
       getAction('/smsCheck/customerInfo/phone/customerPhone', data).then((res) => {
         if (res.success) {
@@ -3064,7 +3066,7 @@ export default {
       } else {
         that.steps.stepsNow[that.steps.current].status = "wait"
       }
-      this.$message.success("上传成功");
+      this.$message.success(that.steps.stepsNow[that.steps.current].title+"上传成功");
     },
     /**自定义的上传文件方法*/
     selfUploadContract(data, fileAttribute) {
@@ -3487,7 +3489,13 @@ export default {
   left: 10%;
   margin-bottom: 30px
 }
-
+.gallery-top1 {
+  // height: 80% !important;
+  /*height: 600px;*/
+  width: 100%;
+  left: 10%;
+  margin-bottom: -40px
+}
 .gallery-thumbs {
   height: 20% !important;
   box-sizing: border-box;
@@ -3585,4 +3593,28 @@ export default {
   //background: #b3d4fc;
    cursor: pointer;
 }
+.floating-button {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 1000;
+  border-radius: 50%;
+  color: #fff;
+  font-size: 24px;
+  width: 50px;
+  height: 50px;
+  text-align: center;
+  line-height: 50px;
+  transition: all 0.2s ease;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+}
+.floating-button:hover {
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+  transform: translateY(-5px);
+}
+.floating-button:active {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  transform: translateY(2px);
+}
 </style>