购物车1

src/views/smscheck/modules/TaskUploadData.vue

@@ -2262,14 +2262,70 @@
       </div>
 
     </a-card>
-    <div @click=''
+    <a-card  v-if='isPhoneshow'    ref="floatButton"
+             class="float-infoPhone">
+      <div>
+        <swiper
+          class="swiper gallery-thumbs"
+          :options="swiperOptionThumbs"
+          ref="swiperThumbs"
+        >
+          <swiper-slide
+            class="slide"
+            style="width:100px;height:100px;"
+            v-for="(item, index) in phoneList"
+            :key="item.id"
+          >
+            <div v-if="item.urlBase" style="width: 100%;height: 96px;background: rgb(68,142,247);color: white">
+              <span style="white-space:normal; word-break:break-all;overflow:hidden;"  @click="jumpUrl(item.urlBase)">{{ item.fileName }}</span>
+            </div>
+
+            <img style="width: 100%;height: 96px"
+                 v-if="!item.urlBase" :src="noDataPng" border="1">
+
+          </swiper-slide>
+          <!--              点我上传文件按钮-->
+          <div class="clearfix">
+            <a-upload
+              list-type="picture-card"
+              listType="picture-card"
+              name="file"
+              :multiple="false"
+              :action="importMinioUploadAction"
+              :headers="tokenHeader"
+              :showUploadList="false"
+              :beforeUpload="importBeforeUpload"
+              @change="importHandleChange"
+            >
+            </a-upload>
+
+          </div>
+
+          <div class="swiper-button-next swiper-button-white" slot="button-next">
+            <div>
+              <a-icon type="right-circle":style="{ fontSize: '45px' }"  />
+
+            </div>
+          </div>
+          <div class="swiper-button-prev swiper-button-white" slot="button-prev">
+            <div>
+
+              <a-icon type="left-circle" :style="{ fontSize: '45px' }"  />
+            </div>
+          </div>
+        </swiper>
+      </div>
+    </a-card>
+    <div @click='showPhone'
        ref="floatButton"
       class="float-info"
       :style="{'width': 80 + 'px', 'height': 80 + 'px', 'left':   90+'%' , 'top': 80 + '%'}"
     >
         <a-icon type="folder-add" :style="{ fontSize: '30px', color: '#08c' }"/>
     </div>
+
   </a-spin>
+
  </template>
 
 <script>
@@ -2346,6 +2402,7 @@ export default {
       },
       // 客户资料信息
       notes:"",
+      phoneList:'',
       infoModel: {
         staffName:"",
         customerNo :"",
@@ -2590,6 +2647,7 @@ export default {
           sm: {span: 14},
         }
       },
+      isPhoneshow:false,
       // 步骤条相关
       steps: {
         // 当前所在第几部
@@ -2809,6 +2867,23 @@ export default {
     // });
   },
   methods: {
+    showPhone(){
+      if (this.isPhoneshow===false){
+        this.isPhoneshow = true;
+      }else {
+        this.isPhoneshow = false;
+      }
+
+      var data = {
+        customerNo:  this.infoModel.customerNo,
+      }
+      getAction('/smsCheck/customerInfo/phone/customerPhone', data).then((res) => {
+        if (res.success) {
+          this.phoneList=JSON.parse(res.result);
+
+        }
+      })
+    },
     hoverBtnClick(){
       alert('触发点击事件');
     },
@@ -3378,7 +3453,7 @@ export default {
 
   .swiper-button-next,
   .swiper-button-prev {
-    background: #fff;
+
     width: 45px;
     text-align: center;
     height: 101px;
@@ -3442,4 +3517,25 @@ export default {
   border-radius: 50%;
   cursor: pointer;
 }
+.float-infoPhone{
+  margin-bottom:10px;
+  float: left;
+  width: 83%;
+  left: 57%;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+  transition: all 0.3s;
+  position: fixed;
+  bottom: 50px;
+  right: 30px;
+  width: 55px;
+  height: 55px;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 999;
+  //background: #b3d4fc;
+  border-radius: 50%;
+  cursor: pointer;
+}
 </style>