|
|
@@ -149,7 +149,11 @@
|
|
|
class="table_td"
|
|
|
prop="amountEdCollectionable"
|
|
|
label="已收款(元)"
|
|
|
- ></el-table-column>
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div @click="cellClick(scope.row)">{{scope.row.amountEdCollectionable}}</div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
class="table_td"
|
|
|
prop="collectionDate"
|
|
|
@@ -170,6 +174,11 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <el-dialog :visible.sync="isShowImgList" title="收款截图">
|
|
|
+ <div v-for="(item,index) in imgList" :key="index" class="imgList-style">
|
|
|
+ <img :src="item" alt="" class="img">
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
<!-- 收款 -->
|
|
|
<el-dialog
|
|
|
width="25%"
|
|
|
@@ -275,6 +284,8 @@ export default {
|
|
|
watch: {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ imgList:[],
|
|
|
+ isShowImgList:false,
|
|
|
//分页
|
|
|
currentPage: 1,
|
|
|
pageSize: 10,
|
|
|
@@ -323,6 +334,15 @@ export default {
|
|
|
this.getList()
|
|
|
},
|
|
|
methods: {
|
|
|
+ cellClick(row){
|
|
|
+ this.imgList = row.collectionScreenshot.split('$')
|
|
|
+ this.isShowImgList = true
|
|
|
+ // console.log(val)
|
|
|
+ // console.log(val2)
|
|
|
+ // console.log(val3)
|
|
|
+ // console.log(event)
|
|
|
+ console.log(row)
|
|
|
+ },
|
|
|
contractchange(e) {
|
|
|
this.contractNo = e
|
|
|
this.getList()
|
|
|
@@ -616,5 +636,13 @@ export default {
|
|
|
font-size: 13px;
|
|
|
margin-left: -67px;
|
|
|
}
|
|
|
+.imgList-style{
|
|
|
+ width: 50%;
|
|
|
+ display: inline-block;
|
|
|
+ .img{
|
|
|
+ width: 100%;
|
|
|
+ height: 300px;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
|
|
|
mxx