|
|
@@ -15,41 +15,43 @@ |
|
|
|
<!-- 内容开始 --> |
|
|
|
<div class="main"> |
|
|
|
<van-tabs v-model="active" sticky animated> |
|
|
|
<van-tab title="服务组织(312)"> |
|
|
|
<van-tab :title="'服务组织('+depositThirdNum+')'"> |
|
|
|
<van-list |
|
|
|
v-model="loading" |
|
|
|
:finished="finished" |
|
|
|
finished-text="没有更多了" |
|
|
|
@load="getList" |
|
|
|
> |
|
|
|
<!-- @load="getList" @load="onLoad"--> |
|
|
|
<div class="main_content_right_list" v-for="(item,index) in 5" :key="index" @click="$router.push({name:'agriculturalTrusteeshipShopOrganizationDetail'})"> |
|
|
|
<!-- @load="onLoad"--> |
|
|
|
<div class="main_content_right_list" v-for="(item,index) in depositThirdList" :key="index" @click="$router.push({name:'agriculturalTrusteeshipShopOrganizationDetail',query:{id:item.id}})"> |
|
|
|
<div class="main_tit"> |
|
|
|
<i></i> |
|
|
|
<p>家家加加加加加加加就爱简爱家合作社</p> |
|
|
|
<p>{{item.thirdName}}</p> |
|
|
|
</div> |
|
|
|
<div class="main_money"> |
|
|
|
<p><span>¥</span>512,000.00</p> |
|
|
|
<p><span>¥</span>{{item.financeAmount}}</p> |
|
|
|
<p>查看详情 ></p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</van-list> |
|
|
|
|
|
|
|
</van-tab> |
|
|
|
<van-tab title="托管主体(201)"> |
|
|
|
<van-tab :title="'托管主体('+stockBaseNum+')'" > |
|
|
|
|
|
|
|
<van-list |
|
|
|
v-model="loading" |
|
|
|
:finished="finished" |
|
|
|
v-model="loading2" |
|
|
|
:finished="finished2" |
|
|
|
finished-text="没有更多了" |
|
|
|
@load="getStockBaseList" |
|
|
|
> |
|
|
|
<!-- @load="getList" @load="onLoad"--> |
|
|
|
<div class="main_content_right_list" v-for="(item,index) in 5" :key="index" @click="$router.push({name:'agriculturalTrusteeshipShopDepositDetail'})"> |
|
|
|
<!-- @load="onLoad"--> |
|
|
|
<div class="main_content_right_list" v-for="(item,index) in stockBaseList" :key="item.bookId" @click="$router.push({name:'agriculturalTrusteeshipShopDepositDetail',query:{id:item.bookId}})"> |
|
|
|
<div class="main_tit"> |
|
|
|
<i></i> |
|
|
|
<p>家家加加加加加加加就爱简爱家合作社</p> |
|
|
|
<p>{{item.economicName}}</p> |
|
|
|
</div> |
|
|
|
<div class="main_money"> |
|
|
|
<p><span>¥</span>512,000.00</p> |
|
|
|
<p><span>¥</span>{{item.financeAmount}}</p> |
|
|
|
<p>查看详情 ></p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@@ -64,66 +66,45 @@ |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import Cookies from "js-cookie"; |
|
|
|
import {productList, productOut, productIn, serviceGet, treeselect} from "@/api/agriculturalTrusteeship"; |
|
|
|
import {loanDemandList} from "@/api/agriculturalTrusteeship"; |
|
|
|
export default { |
|
|
|
name: "agriculturalTrusteeshipShopList", |
|
|
|
name: "agriculturalTrusteeshipShopNeedsList", |
|
|
|
data() { |
|
|
|
return { |
|
|
|
activeKey: 0, |
|
|
|
active: 0, |
|
|
|
depositThirdNum: 0, |
|
|
|
stockBaseNum: 0, |
|
|
|
loading: false, |
|
|
|
finished: false, |
|
|
|
loading2: false, |
|
|
|
finished2: false, |
|
|
|
checked: false, |
|
|
|
productList:[], |
|
|
|
productListYes:[], |
|
|
|
productListNo:[], |
|
|
|
depositThirdList: [], |
|
|
|
stockBaseList: [], |
|
|
|
query:{ |
|
|
|
financialServiceId:Cookies.get('ACCESS-SESSION-ID'), |
|
|
|
pageNum:1, |
|
|
|
pageSize:'10', |
|
|
|
isFinance:'N' |
|
|
|
}, |
|
|
|
serviceForm:{}, |
|
|
|
deptOptions:[], |
|
|
|
deptName:'张村', |
|
|
|
showDeptId:false, |
|
|
|
villageValue : '', |
|
|
|
hcAreaInfoFieldName: { |
|
|
|
text: "label", |
|
|
|
value: "value", |
|
|
|
children: "children", |
|
|
|
query2:{ |
|
|
|
financialServiceId:Cookies.get('ACCESS-SESSION-ID'), |
|
|
|
pageNum:1, |
|
|
|
pageSize:'10', |
|
|
|
isFinance:'N' |
|
|
|
}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getDetail(); |
|
|
|
treeselect().then(res=>{ |
|
|
|
if (res.code == 200) { |
|
|
|
this.deptOptions = res.data; |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getDetail(){ |
|
|
|
serviceGet(Cookies.get('ACCESS-SESSION-ID')).then(response => { |
|
|
|
this.serviceForm = response.data; |
|
|
|
}); |
|
|
|
}, |
|
|
|
getList(){ |
|
|
|
productList(this.query).then(response => { |
|
|
|
response.rows.map(res=>{ |
|
|
|
if (res.mainImg){ |
|
|
|
let supplyMasterMap = res.mainImg.split( "," ) |
|
|
|
res.mainImg = '/api'+supplyMasterMap[0] |
|
|
|
} |
|
|
|
if(res.sysYesNo == 'Y'){ |
|
|
|
this.productListYes.push(res); |
|
|
|
} |
|
|
|
if(res.sysYesNo == 'N'){ |
|
|
|
this.productListNo.push(res); |
|
|
|
} |
|
|
|
this.productList.push(res); |
|
|
|
}) |
|
|
|
if(this.productList.length >= response.total){ |
|
|
|
loanDemandList(this.query).then(response => { |
|
|
|
this.depositThirdNum = response.data.depositThirdList.length; |
|
|
|
this.stockBaseNum = response.data.stockBaseList.length; |
|
|
|
this.depositThirdList = response.data.depositThirdList; |
|
|
|
if(this.depositThirdList.length >= response.data.depositThirdList.length){ |
|
|
|
this.finished = true; |
|
|
|
return; |
|
|
|
}else{ |
|
|
@@ -132,27 +113,19 @@ |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
productIn(id){ |
|
|
|
productIn(id).then(response => { |
|
|
|
this.$notify({ type: 'success', message: '上架成功' }); |
|
|
|
location.reload() |
|
|
|
}); |
|
|
|
}, |
|
|
|
productOut(id){ |
|
|
|
productOut(id).then(response => { |
|
|
|
this.$notify({ type: 'success', message: '下架成功' }); |
|
|
|
location.reload() |
|
|
|
getStockBaseList(){ |
|
|
|
loanDemandList(this.query2).then(response => { |
|
|
|
this.stockBaseList = response.data.stockBaseList; |
|
|
|
if(this.stockBaseList.length >= response.data.stockBaseList.length){ |
|
|
|
this.finished2 = true; |
|
|
|
return; |
|
|
|
}else{ |
|
|
|
this.loading2 = false; |
|
|
|
this.query2.pageNum += 1 ; |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
//选择案件属地 |
|
|
|
onConfirmDept({ selectedOptions }){ |
|
|
|
this.query.deptId = selectedOptions[selectedOptions.length-1].value; |
|
|
|
this.deptName = selectedOptions[selectedOptions.length-1].label; |
|
|
|
this.showDeptId = false |
|
|
|
this.productListYes = []; |
|
|
|
this.productListNo = []; |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
} |
|
|
|
</script> |
|
|
@@ -160,7 +133,7 @@ |
|
|
|
.home_wrapper{ |
|
|
|
background: #f9f9f9; |
|
|
|
height: 100vh; |
|
|
|
overflow: hidden; |
|
|
|
/*overflow: hidden;*/ |
|
|
|
} |
|
|
|
/*头部*/ |
|
|
|
.header{ |
|
|
@@ -291,7 +264,7 @@ |
|
|
|
/deep/ .van-tabs__nav{ |
|
|
|
border-top-left-radius: 25PX; |
|
|
|
border-top-right-radius: 25PX; |
|
|
|
overflow: hidden; |
|
|
|
/*overflow: hidden;*/ |
|
|
|
background: #f9f9f9; |
|
|
|
} |
|
|
|
/deep/ .van-tabs__line{ |
|
|
@@ -304,21 +277,6 @@ |
|
|
|
background: #f9f9f9; |
|
|
|
padding-top: 2vh; |
|
|
|
} |
|
|
|
.search{ |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
width: 92%; |
|
|
|
margin: 0PX auto; |
|
|
|
border: 1px solid #6E93F3; |
|
|
|
padding: 1PX 1PX 1PX 12PX ; |
|
|
|
border-radius: 50PX; |
|
|
|
input{ |
|
|
|
flex: 1; |
|
|
|
background: transparent; |
|
|
|
margin-left: 10PX; |
|
|
|
} |
|
|
|
} |
|
|
|
.content{ |
|
|
|
width: 92%; |
|
|
|
margin: 0 auto; |
|
|
|