|
|
@@ -374,14 +374,7 @@
|
|
|
</a-button>
|
|
|
|
|
|
</swiper-slide>
|
|
|
- <div
|
|
|
- class="swiper-button-next swiper-button-white"
|
|
|
- slot="button-next"
|
|
|
- ></div>
|
|
|
- <div
|
|
|
- class="swiper-button-prev swiper-button-white"
|
|
|
- slot="button-prev"
|
|
|
- ></div>
|
|
|
+
|
|
|
</swiper>
|
|
|
<!-- swiper2 Thumbs -->
|
|
|
<swiper
|
|
|
@@ -1278,16 +1271,16 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</a-card>
|
|
|
- <a-card v-if='isPhoneshow' ref="floatButton"
|
|
|
- class="float-infoPhone">
|
|
|
- <div class="thumb-example1" >
|
|
|
+ <!-- 文件存储车弹窗-->
|
|
|
+ <a-card v-if='isPhoneshow' ref="floatButton"
|
|
|
+ class="float-infoPhone">
|
|
|
+ <div class="thumb-example1">
|
|
|
<!-- swiper1 -->
|
|
|
<swiper
|
|
|
class="swiper gallery-top1"
|
|
|
:options="swiperOptionTop"
|
|
|
ref="swiperTop"
|
|
|
>
|
|
|
-
|
|
|
</swiper>
|
|
|
<!-- swiper2 Thumbs -->
|
|
|
<swiper
|
|
|
@@ -1295,10 +1288,10 @@
|
|
|
:options="swiperOptionThumbs"
|
|
|
ref="swiperThumbs"
|
|
|
>
|
|
|
- <swiper-slide v-for="(item, index) in phoneList" :key="item.id"
|
|
|
- class="slide"
|
|
|
- style="width:290px;height:200px;">
|
|
|
- <div v-if="item.urlBase" style="width:290px;height: 96px;background: rgb(68,142,247);color: white">
|
|
|
+ <swiper-slide v-for="(item, index) in phoneList" :key="item.id"
|
|
|
+ class="slide"
|
|
|
+ style="width:290px;height:200px;">
|
|
|
+ <div v-if="item.urlBase" style="width:290px;height: 96px;background: rgb(68,142,247);color: white">
|
|
|
<iframe
|
|
|
v-if="item.urlBase"
|
|
|
frameborder="1"
|
|
|
@@ -1309,12 +1302,12 @@
|
|
|
scrolling="auto">
|
|
|
</iframe>
|
|
|
<div style="display:flex ;justify-content:center;height:100%;">
|
|
|
- <a-button @click='selfUploadContractView(item)' >使用</a-button>
|
|
|
+ <a-button @click='selfUploadContractView(item)'>使用</a-button>
|
|
|
<a-button style='margin-left: 10px' @click="jumpUrl(item.urlBase)">预览</a-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
|
|
|
- <img alt="example" style="width: 100%" :src="previewImage" />
|
|
|
+ <img alt="example" style="width: 100%" :src="previewImage"/>
|
|
|
</a-modal>
|
|
|
</swiper-slide>
|
|
|
<div class="swiper-button-next swiper-button-white" slot="button-next">
|
|
|
@@ -1328,13 +1321,22 @@
|
|
|
</swiper>
|
|
|
</div>
|
|
|
</a-card>
|
|
|
- <div @click='showPhone'
|
|
|
- ref="floatButton"
|
|
|
- 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' }"/>
|
|
|
- </div>
|
|
|
+ <!-- 文件存储车图标-->
|
|
|
+ <div @click='showPhone(true)'
|
|
|
+ ref="floatButton"
|
|
|
+ class="float-info floating-button"
|
|
|
+ :style="{'width': 70 + 'px', 'height': 70 + 'px', 'left': 94+'%' , 'top': 84 + '%'}"
|
|
|
+ >
|
|
|
+ <a-badge :count=fileShoppingNumber>
|
|
|
+ <img style="width: 89%;height: 81%;position: relative;top: 10%" :src="fileShopping" border="1">
|
|
|
+ </a-badge>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <a-icon type="folder-add" :style="{ fontSize: '30px', color: '#08c' }"/>-->
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
@@ -1345,6 +1347,8 @@ import {JeecgListMixin} from '@/mixins/JeecgListMixin'
|
|
|
import {getAction, httpAction, postAction} from '@api/manage'
|
|
|
import {snippetsOutlined, StarFilled, StarTwoTone} from '@ant-design/icons-vue';
|
|
|
/*无数据图片*/
|
|
|
+import fileShopping from '@/assets/file_shopping.png'
|
|
|
+/*无数据图片*/
|
|
|
import noDataPng from '@/assets/nodata.png'
|
|
|
|
|
|
let Base64 = require('js-base64').Base64
|
|
|
@@ -1362,9 +1366,11 @@ export default {
|
|
|
name: "TaskUploadData",
|
|
|
mixins: [JeecgListMixin],
|
|
|
inject: ['closeCurrent'],
|
|
|
- components: {noDataPng},
|
|
|
+ components: {noDataPng, fileShopping},
|
|
|
data() {
|
|
|
return {
|
|
|
+ // 购物车图标数
|
|
|
+ fileShoppingNumber:0,
|
|
|
btnStyle: {
|
|
|
"fontSize": 'small',
|
|
|
"top": '60vh',
|
|
|
@@ -1491,6 +1497,7 @@ export default {
|
|
|
//是否整改
|
|
|
rectificationIs: false,
|
|
|
noDataPng: noDataPng,
|
|
|
+ fileShopping: fileShopping,
|
|
|
//加载状态
|
|
|
taskId: "",
|
|
|
loading: false,
|
|
|
@@ -1791,7 +1798,6 @@ export default {
|
|
|
this.steps.stepsNow = this.steps.stepsControlY;
|
|
|
}
|
|
|
this.steps.currentId = this.steps.stepsNow[0].id;
|
|
|
-
|
|
|
this.infoId = this.$route.query.id;
|
|
|
//是否需要整改
|
|
|
this.lotInfoById(this.infoId)
|
|
|
@@ -1847,7 +1853,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
- jumpUrl(url){
|
|
|
+ jumpUrl(url) {
|
|
|
var a = document.createElement("a");
|
|
|
a.setAttribute("href", url);
|
|
|
a.setAttribute("target", "_blank");
|
|
|
@@ -1866,25 +1872,30 @@ export default {
|
|
|
handleChange({fileList}) {
|
|
|
this.fileList = fileList;
|
|
|
},
|
|
|
- showPhone(){
|
|
|
+ showPhone(isShow) {
|
|
|
+
|
|
|
var data = {
|
|
|
- customerNo: this.infoModel.customerNo,
|
|
|
+ customerNo: this.infoModel.customerNo,
|
|
|
stepsId: this.steps.stepsNow[this.steps.current].id,
|
|
|
//1:行短稽核 2:物联网业务稽核 3.复开审批 4.中继线稽核
|
|
|
- type:'2'
|
|
|
+ type: '2'
|
|
|
}
|
|
|
getAction('/smsCheck/customerInfo/phone/customerPhone', data).then((res) => {
|
|
|
if (res.success) {
|
|
|
- this.phoneList=JSON.parse(res.result);
|
|
|
- if (this.phoneList!==null && this.phoneList.length!==0){
|
|
|
- if (this.isPhoneshow===false){
|
|
|
+ this.phoneList = JSON.parse(res.result);
|
|
|
+ if (this.phoneList !== null && this.phoneList.length !== 0) {
|
|
|
+ this.fileShoppingNumber = this.phoneList.length
|
|
|
+ if (this.isPhoneshow === false && isShow) {
|
|
|
this.isPhoneshow = true;
|
|
|
- }else {
|
|
|
+ } else {
|
|
|
this.isPhoneshow = false;
|
|
|
}
|
|
|
- }else {
|
|
|
+ } else {
|
|
|
+ this.fileShoppingNumber = 0 ;
|
|
|
this.$message.warning("此类无历史上传");
|
|
|
}
|
|
|
+ }else {
|
|
|
+ this.fileShoppingNumber = 0 ;
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
@@ -2047,6 +2058,7 @@ export default {
|
|
|
if (this.steps.stepsNow[current].status !== "finish") {
|
|
|
this.steps.stepsNow[current].status = "process"
|
|
|
}
|
|
|
+ this.showPhone();
|
|
|
},
|
|
|
|
|
|
getInfoDataById(id) {
|
|
|
@@ -2070,6 +2082,7 @@ export default {
|
|
|
that.infoModel.accountCode = result.accountCode;
|
|
|
that.infoModel.staffName = result.staffName;
|
|
|
that.notes = result.notes;
|
|
|
+ this.showPhone();
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
@@ -2281,8 +2294,8 @@ export default {
|
|
|
importHandleChange(info) {
|
|
|
},
|
|
|
selfUploadContractView(item) {
|
|
|
- this.idCurrent= this.steps.stepsNow[this.steps.current].id;
|
|
|
- var fileAttribute =this.steps.stepsNow[this.steps.current].id;
|
|
|
+ this.idCurrent = this.steps.stepsNow[this.steps.current].id;
|
|
|
+ var fileAttribute = this.steps.stepsNow[this.steps.current].id;
|
|
|
var that = this;
|
|
|
|
|
|
that.swiperId = that.swiperId + 1;
|
|
|
@@ -2302,7 +2315,7 @@ export default {
|
|
|
} else {
|
|
|
that.steps.stepsNow[that.steps.current].status = "wait"
|
|
|
}
|
|
|
- this.$message.success(that.steps.stepsNow[that.steps.current].title+"上传成功");
|
|
|
+ this.$message.success(that.steps.stepsNow[that.steps.current].title + "上传成功");
|
|
|
},
|
|
|
/**文件格式限制*/
|
|
|
importBeforeUpload(file) {
|
|
|
@@ -2426,11 +2439,13 @@ h3 {
|
|
|
margin-top: 20px;
|
|
|
// background: #000;
|
|
|
}
|
|
|
+
|
|
|
.thumb-example1 {
|
|
|
width: 1200px;
|
|
|
margin-top: 20px;
|
|
|
// background: #000;
|
|
|
}
|
|
|
+
|
|
|
.swiper-slide {
|
|
|
background-size: cover;
|
|
|
background-position: center;
|
|
|
@@ -2443,12 +2458,14 @@ 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;
|
|
|
@@ -2530,7 +2547,7 @@ h3 {
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
z-index: 999;
|
|
|
- background: #b3d4fc;
|
|
|
+ background: #1890FF;
|
|
|
border-radius: 50%;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
@@ -2574,6 +2591,7 @@ h3 {
|
|
|
float: left;
|
|
|
width: 25%
|
|
|
}
|
|
|
+
|
|
|
.floating-button {
|
|
|
position: fixed;
|
|
|
bottom: 20px;
|
|
|
@@ -2590,10 +2608,12 @@ h3 {
|
|
|
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);
|