@@ -326,6 +326,17 @@ export function supplyorderGet(id) { | |||
}) | |||
} | |||
//服务组织详情 | |||
export function entityGet(id) { | |||
return request({ | |||
url: '/depositm/entity/get/'+id, | |||
headers: { | |||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||
}, | |||
method: 'get', | |||
}) | |||
} | |||
//服务合同 | |||
export function fwhtList(query) { | |||
return request({ | |||
@@ -349,3 +360,15 @@ export function placeOrder(data) { | |||
data: data | |||
}) | |||
} | |||
//下单 | |||
export function entityEdit(data) { | |||
return request({ | |||
url: '/depositm/entity/edit', | |||
headers: { | |||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||
}, | |||
method: 'post', | |||
data: data | |||
}) | |||
} |
@@ -4,8 +4,8 @@ | |||
<div class="header"> | |||
<div class="search"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | |||
<input type="text" placeholder="输入需求进行搜索" /> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" /> | |||
<input type="text" placeholder="输入需求进行搜索" v-model="searchInput"/> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" @click="goSearch" /> | |||
</div> | |||
<!-- <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" alt="" @click="show = true;">--> | |||
</div> | |||
@@ -35,8 +35,8 @@ | |||
/> | |||
</van-popup> | |||
<div class="nav_list"> | |||
<p class="active">全部</p> | |||
<p v-for="(item,index) in orderStatusOptions" :key="index">{{item.dictLabel}}</p> | |||
<p :class="{'active':query.orderStatus == ''}" @click="tabChange('')">全部</p> | |||
<p :class="{'active':query.orderStatus == item.dictValue}" @click="tabChange(item.dictValue)" v-for="(item,index) in orderStatusOptions" :key="index">{{item.dictLabel}}</p> | |||
</div> | |||
</div> | |||
<!-- 导航结束 --> | |||
@@ -59,11 +59,12 @@ | |||
</div> | |||
<!-- $router.push({name:'agriculturalTrusteeshipBillDetail2',query:{id:item.id}})--> | |||
<div class="main_content_right_list_center" @click="goDetail(item.orderStatus,item.id)"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||
<img v-if="item.supplyDemand!=null" :src="item.supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">{{item.contractionName}}</p> | |||
<p class="tt">{{item.demandName}}</p> | |||
<div class="tab"> | |||
<p>¥<span>{{item.realityServiceMoney}}</span>.00</p> | |||
<p>¥<span>{{item.unitPrice}}</span>.00/{{item.unit}}</p> | |||
</div> | |||
<p class="name"> | |||
<span>数量:{{item.serviceNum}}</span> | |||
@@ -71,9 +72,9 @@ | |||
</p> | |||
</div> | |||
</div> | |||
<van-cell title="买方名称" :border="false" :value="item.bookName" /> | |||
<van-cell title="联系人" :border="false" :value="item.linkera" /> | |||
<van-cell title="联系电话" :border="false" :value="item.phonea" /> | |||
<van-cell title="卖方名称" :border="false" :value="item.entityName" /> | |||
<van-cell title="联系人" :border="false" :value="item.linker" /> | |||
<van-cell title="联系电话" :border="false" :value="item.supplyDemandTal" /> | |||
</div> | |||
<!-- <div class="main_content_right_list">--> | |||
<!-- <div class="main_content_right_list_header">--> | |||
@@ -172,12 +173,13 @@ | |||
startOrderAt:this.format(new Date(),'yyyy-MM'), | |||
endOrderAt:this.format(new Date(),'yyyy-MM'), | |||
}, | |||
content:'' | |||
content:'', | |||
searchInput:'' | |||
}; | |||
}, | |||
created() { | |||
let query = { | |||
parentId : 0, | |||
parentId : null, | |||
tree:true | |||
} | |||
productTypes(query).then(response => { | |||
@@ -194,6 +196,11 @@ | |||
getList(){ | |||
supplyorderList(this.query).then(response => { | |||
response.rows.map(res=>{ | |||
// console.log(res.supplyDemand.supplyMasterMap) | |||
if (res.supplyDemand!=null){ | |||
let supplyMasterMap = res.supplyDemand.supplyMasterMap.split( "," ) | |||
res.supplyDemand.supplyMasterMap = '/api'+supplyMasterMap[0] | |||
} | |||
res.cropType = this.selectDictLabel(this.cropTypeOptions, res.cropType); | |||
res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | |||
res.productType = this.productList.filter(function (e) { return e.id == res.productType; })[0].dictName; | |||
@@ -209,6 +216,7 @@ | |||
}); | |||
}, | |||
onConfirmStar(data){ | |||
this.supplyDemandList=[]; | |||
this.params.startOrderAt = this.format(data,'yyyy-mm'); | |||
this.query.startOrderAt = this.format(data,'yyyy-mm'); | |||
this.startOrderAt = this.format(data,'yyyy年MM月'); | |||
@@ -219,6 +227,7 @@ | |||
this.getList(); | |||
}, | |||
onConfirmEnd(data){ | |||
this.supplyDemandList=[]; | |||
this.params.endOrderAt = this.format(data,'yyyy-mm'); | |||
this.query.endOrderAt = this.format(data,'yyyy-mm'); | |||
this.endOrderAt = this.format(data,'yyyy年MM月'); | |||
@@ -238,6 +247,19 @@ | |||
if (type == '已拒单'){ | |||
this.$router.push({name:'agriculturalTrusteeshipBillDetail4',query:{id:id}}) | |||
} | |||
if (type == '已下单'){ | |||
this.$router.push({name:'agriculturalTrusteeshipBillDetail',query:{id:id}}) | |||
} | |||
}, | |||
tabChange(val){ | |||
this.query.orderStatus = val; | |||
this.supplyDemandList=[]; | |||
this.getList(); | |||
}, | |||
goSearch(){ | |||
this.supplyDemandList = []; | |||
this.query.demandName = this.searchInput; | |||
this.getList(); | |||
}, | |||
openDialog(val){ | |||
this.showDialog = val | |||
@@ -16,22 +16,27 @@ | |||
<div class="main_content_right_list"> | |||
<div class="main_content_right_list_header"> | |||
<p class="on">商品信息</p> | |||
<p>灌溉</p> | |||
<p>{{supplyDemand.productType}}</p> | |||
<p>服务</p> | |||
</div> | |||
<div class="main_content_right_list_center"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||
<template v-if="supplyDemand.supplyDemand!=null"> | |||
<img v-if="supplyDemand.supplyDemand.supplyMasterMap" :src="supplyDemand.supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
</template> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||
<p class="tt">{{supplyDemand.demandName}}</p> | |||
<div class="tab"> | |||
<p>¥<span>165,836,365</span>.00/亩</p> | |||
<p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | |||
</div> | |||
</div> | |||
</div> | |||
<van-cell title="买方名称" :border="false" value="张三李四联合合作社" /> | |||
<van-cell title="联系人" :border="false" value="林晓春" /> | |||
<van-cell title="联系电话" :border="false" value="165 8874 0311" /> | |||
<van-cell title="卖方名称" :border="false" :value="supplyDemand.entityName" /> | |||
<van-cell title="联系人" :border="false" :value="supplyDemand.linker" /> | |||
<van-cell title="联系电话" :border="false" :value="supplyDemand.supplyDemandTal" /> | |||
</div> | |||
<div class="main_content_right_list"> | |||
@@ -39,9 +44,9 @@ | |||
<p class="on">买家信息</p> | |||
</div> | |||
<van-cell title="联系人" :border="false" value="张三李四联合合作社" /> | |||
<van-cell title="联系电话" :border="false" value="林晓春" /> | |||
<van-cell title="服务地点" :border="false" value="165 8874 0311" /> | |||
<van-cell title="联系人" :border="false" :value="supplyDemand.linkera" /> | |||
<van-cell title="联系电话" :border="false" :value="supplyDemand.phonea" /> | |||
<van-cell title="服务地点" :border="false" :value="supplyDemand.serviceAddress" /> | |||
</div> | |||
<div class="main_content_right_list"> | |||
@@ -49,13 +54,14 @@ | |||
<p class="on">订单信息</p> | |||
</div> | |||
<van-cell title="服务合同" :border="false" value="请输入产品名称" /> | |||
<van-cell title="服务作物" :border="false" value="请输入产品类型" /> | |||
<van-cell title="下单时间" :border="false" value="请输入二级分类" /> | |||
<van-cell title="服务时间" :border="false" value="请输入产品规格" /> | |||
<van-cell title="服务数量" :border="false" value="请输入所属主体" /> | |||
<van-cell title="成交金额" :border="false" value="请输入单价" /> | |||
<van-cell title="备注" :border="false" value="请输入数量" /> | |||
<van-cell title="服务合同" :border="false" :value="supplyDemand.contractionName" /> | |||
<van-cell title="服务作物" :border="false" :value="supplyDemand.cropType" /> | |||
<van-cell title="下单时间" :border="false" :value="supplyDemand.orderAt" /> | |||
<van-cell title="服务时间" :border="false" :value="supplyDemand.serviceAt" /> | |||
<van-cell title="服务数量" :border="false" :value="supplyDemand.serviceNum" /> | |||
<van-cell title="成交金额" :border="false" :value="supplyDemand.realityServiceMoney" /> | |||
<van-cell title="备注" :border="false" :value="supplyDemand.serviceRemark" /> | |||
</div> | |||
</div> | |||
@@ -65,6 +71,7 @@ | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import {productTypes, supplyorderGet} from "@/api/agriculturalTrusteeship"; | |||
export default { | |||
name: "agriculturalTrusteeshipIndex", | |||
@@ -76,13 +83,44 @@ | |||
finished: false, | |||
show:true, | |||
activeNames:[], | |||
cropTypeOptions:[], | |||
orderStatusOptions:[], | |||
productList:[], | |||
supplyDemand:{} | |||
}; | |||
}, | |||
created() { | |||
let query = { | |||
parentId : null, | |||
tree:true | |||
} | |||
productTypes(query).then(response => { | |||
this.productList = response.data; | |||
}); | |||
this.getDicts("crop_type").then(response => { | |||
this.cropTypeOptions = response.data; | |||
}); | |||
this.getDicts("service_order_status").then(response => { | |||
this.orderStatusOptions = response.data; | |||
}); | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getDetail(){ | |||
supplyorderGet(this.$route.query.id).then(response => { | |||
response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | |||
response.data.orderStatus = this.selectDictLabel(this.orderStatusOptions, response.data.orderStatus); | |||
response.data.productType = this.productList.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | |||
response.data.updateTime = response.data.updateTime.substr(0,10); | |||
if (response.data.supplyDemand!=null){ | |||
if (response.data.supplyDemand.supplyMasterMap){ | |||
var attachement = response.data.supplyDemand.supplyMasterMap.split( "," ); | |||
response.data.supplyDemand.supplyMasterMap = '/api' + attachement[0]; | |||
} | |||
} | |||
this.supplyDemand = response.data; | |||
}); | |||
}, | |||
}, | |||
} | |||
</script> | |||
@@ -21,7 +21,11 @@ | |||
</div> | |||
<div class="main_content_right_list_center"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||
<template v-if="supplyDemand.supplyDemand!=null"> | |||
<img v-if="supplyDemand.supplyDemand.supplyMasterMap" :src="supplyDemand.supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
</template> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">{{supplyDemand.contractionName}}</p> | |||
<div class="tab"> | |||
@@ -90,7 +94,7 @@ | |||
}, | |||
created() { | |||
let query = { | |||
parentId : 0, | |||
parentId : null, | |||
tree:true | |||
} | |||
productTypes(query).then(response => { | |||
@@ -110,13 +114,11 @@ | |||
response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | |||
response.data.orderStatus = this.selectDictLabel(this.orderStatusOptions, response.data.orderStatus); | |||
response.data.productType = this.productList.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | |||
if (response.data.supplyMasterMap){ | |||
response.data.supplyMasterMapList = []; | |||
var attachement = response.data.supplyMasterMap.split( "," ); | |||
this.supplyMasterMapArr = response.data.supplyMasterMap.split( "," ); | |||
attachement.forEach(responseAttach=>{ | |||
response.data.supplyMasterMapList.push('/api' + responseAttach); | |||
}) | |||
if (response.data.supplyDemand!=null){ | |||
if (response.data.supplyDemand.supplyMasterMap){ | |||
var attachement = response.data.supplyDemand.supplyMasterMap.split( "," ); | |||
response.data.supplyDemand.supplyMasterMap = '/api' + attachement[0]; | |||
} | |||
} | |||
this.supplyDemand = response.data; | |||
}); | |||
@@ -13,7 +13,7 @@ | |||
<!-- 内容开始 --> | |||
<div class="main"> | |||
<p class="type">已评分<span>评分时间:{{supplyDemand.updateTime.substr(0,10)}}</span></p> | |||
<p class="type">已评分<span>评分时间:{{supplyDemand.updateTime}}</span></p> | |||
<div class="main_content_right_list first"> | |||
<div class="main_content_right_list_header"> | |||
<p class="on">商品信息</p> | |||
@@ -22,17 +22,21 @@ | |||
</div> | |||
<div class="main_content_right_list_center"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||
<template v-if="supplyDemand.supplyDemand!=null"> | |||
<img v-if="supplyDemand.supplyDemand.supplyMasterMap" :src="supplyDemand.supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
</template> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">{{supplyDemand.contractionName}}</p> | |||
<p class="tt">{{supplyDemand.demandName}}</p> | |||
<div class="tab"> | |||
<p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | |||
</div> | |||
</div> | |||
</div> | |||
<van-cell title="买方名称" :border="false" :value="supplyDemand.bookName" /> | |||
<van-cell title="联系人" :border="false" :value="supplyDemand.linkera" /> | |||
<van-cell title="联系电话" :border="false" :value="supplyDemand.phonea" /> | |||
<van-cell title="卖方名称" :border="false" :value="supplyDemand.entityName" /> | |||
<van-cell title="联系人" :border="false" :value="supplyDemand.linker" /> | |||
<van-cell title="联系电话" :border="false" :value="supplyDemand.supplyDemandTal" /> | |||
</div> | |||
<div class="main_content_right_list"> | |||
@@ -98,7 +102,7 @@ | |||
}, | |||
created() { | |||
let query = { | |||
parentId : 0, | |||
parentId : null, | |||
tree:true | |||
} | |||
productTypes(query).then(response => { | |||
@@ -118,13 +122,12 @@ | |||
response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | |||
response.data.orderStatus = this.selectDictLabel(this.orderStatusOptions, response.data.orderStatus); | |||
response.data.productType = this.productList.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | |||
if (response.data.supplyMasterMap){ | |||
response.data.supplyMasterMapList = []; | |||
var attachement = response.data.supplyMasterMap.split( "," ); | |||
this.supplyMasterMapArr = response.data.supplyMasterMap.split( "," ); | |||
attachement.forEach(responseAttach=>{ | |||
response.data.supplyMasterMapList.push('/api' + responseAttach); | |||
}) | |||
response.data.updateTime = response.data.updateTime.substr(0,10); | |||
if (response.data.supplyDemand!=null){ | |||
if (response.data.supplyDemand.supplyMasterMap){ | |||
var attachement = response.data.supplyDemand.supplyMasterMap.split( "," ); | |||
response.data.supplyDemand.supplyMasterMap = '/api' + attachement[0]; | |||
} | |||
} | |||
this.supplyDemand = response.data; | |||
}); | |||
@@ -17,22 +17,26 @@ | |||
<div class="main_content_right_list first"> | |||
<div class="main_content_right_list_header"> | |||
<p class="on">商品信息</p> | |||
<p>灌溉</p> | |||
<p>{supplyDemand.productType}}</p> | |||
<p>服务</p> | |||
</div> | |||
<div class="main_content_right_list_center"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||
<template v-if="supplyDemand.supplyDemand!=null"> | |||
<img v-if="supplyDemand.supplyDemand.supplyMasterMap" :src="supplyDemand.supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
</template> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||
<p class="tt">{{supplyDemand.demandName}}</p> | |||
<div class="tab"> | |||
<p>¥<span>165,836,365</span>.00/亩</p> | |||
<p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | |||
</div> | |||
</div> | |||
</div> | |||
<van-cell title="买方名称" :border="false" value="张三李四联合合作社" /> | |||
<van-cell title="联系人" :border="false" value="林晓春" /> | |||
<van-cell title="联系电话" :border="false" value="165 8874 0311" /> | |||
<van-cell title="卖方名称" :border="false" :value="supplyDemand.entityName" /> | |||
<van-cell title="联系人" :border="false" :value="supplyDemand.linker" /> | |||
<van-cell title="联系电话" :border="false" :value="supplyDemand.supplyDemandTal" /> | |||
</div> | |||
<div class="main_content_right_list"> | |||
@@ -40,9 +44,9 @@ | |||
<p class="on">买家信息</p> | |||
</div> | |||
<van-cell title="联系人" :border="false" value="张三李四联合合作社" /> | |||
<van-cell title="联系电话" :border="false" value="林晓春" /> | |||
<van-cell title="服务地点" :border="false" value="165 8874 0311" /> | |||
<van-cell title="联系人" :border="false" :value="supplyDemand.linkera" /> | |||
<van-cell title="联系电话" :border="false" :value="supplyDemand.phonea" /> | |||
<van-cell title="服务地点" :border="false" :value="supplyDemand.serviceAddress" /> | |||
</div> | |||
<div class="main_content_right_list"> | |||
@@ -50,13 +54,13 @@ | |||
<p class="on">订单信息</p> | |||
</div> | |||
<van-cell title="服务合同" :border="false" value="服务合同" /> | |||
<van-cell title="服务作物" :border="false" value="服务作物" /> | |||
<van-cell title="下单时间" :border="false" value="下单时间" /> | |||
<van-cell title="服务时间" :border="false" value="请输入产品规格" /> | |||
<van-cell title="服务数量" :border="false" value="请输入所属主体" /> | |||
<van-cell title="成交金额" :border="false" value="请输入单价" /> | |||
<van-cell title="备注" :border="false" value="请输入数量" /> | |||
<van-cell title="服务合同" :border="false" :value="supplyDemand.contractionName" /> | |||
<van-cell title="服务作物" :border="false" :value="supplyDemand.cropType" /> | |||
<van-cell title="下单时间" :border="false" :value="supplyDemand.orderAt" /> | |||
<van-cell title="服务时间" :border="false" :value="supplyDemand.serviceAt" /> | |||
<van-cell title="服务数量" :border="false" :value="supplyDemand.serviceNum" /> | |||
<van-cell title="成交金额" :border="false" :value="supplyDemand.realityServiceMoney" /> | |||
<van-cell title="备注" :border="false" :value="supplyDemand.serviceRemark" /> | |||
</div> | |||
</div> | |||
@@ -66,6 +70,7 @@ | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import {productTypes, supplyorderGet} from "@/api/agriculturalTrusteeship"; | |||
export default { | |||
name: "agriculturalTrusteeshipIndex", | |||
@@ -77,13 +82,44 @@ | |||
finished: false, | |||
show:true, | |||
activeNames:[], | |||
cropTypeOptions:[], | |||
orderStatusOptions:[], | |||
productList:[], | |||
supplyDemand:{} | |||
}; | |||
}, | |||
created() { | |||
let query = { | |||
parentId : null, | |||
tree:true | |||
} | |||
productTypes(query).then(response => { | |||
this.productList = response.data; | |||
}); | |||
this.getDicts("crop_type").then(response => { | |||
this.cropTypeOptions = response.data; | |||
}); | |||
this.getDicts("service_order_status").then(response => { | |||
this.orderStatusOptions = response.data; | |||
}); | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getDetail(){ | |||
supplyorderGet(this.$route.query.id).then(response => { | |||
response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | |||
response.data.orderStatus = this.selectDictLabel(this.orderStatusOptions, response.data.orderStatus); | |||
response.data.productType = this.productList.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | |||
response.data.updateTime = response.data.updateTime.substr(0,10); | |||
if (response.data.supplyDemand!=null){ | |||
if (response.data.supplyDemand.supplyMasterMap){ | |||
var attachement = response.data.supplyDemand.supplyMasterMap.split( "," ); | |||
response.data.supplyDemand.supplyMasterMap = '/api' + attachement[0]; | |||
} | |||
} | |||
this.supplyDemand = response.data; | |||
}); | |||
}, | |||
}, | |||
} | |||
</script> | |||
@@ -1,54 +1,56 @@ | |||
<template> | |||
<div class="home_wrapper"> | |||
<!-- 头部开始 --> | |||
<div class="header"> | |||
<!-- <img :src="avatar">--> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/header.png"> | |||
<div class="header_box" @click="$router.push({name:'agriculturalTrusteeshipLogin'})"> | |||
<p>{{nickName}}<span>{{phonenumber}}</span><img src="../../../../static/images/agriculturalTrusteeship/buyer/buyer_icon_01.png" alt=""></p> | |||
<p>{{allDeptName}}</p> | |||
<div id="topMain" class="topMain"> | |||
<!-- 头部开始 --> | |||
<div class="header"> | |||
<!-- <img :src="avatar">--> | |||
<img v-if="avatar" :src="avatar" style="width: 50px;height: 50px;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/index/header.png" style="width: 50px;height: 50px;"> | |||
<div class="header_box" @click="$router.push({name:'agriculturalTrusteeshipLogin'})"> | |||
<p>{{nickName}}<span>{{phonenumber}}</span><img src="../../../../static/images/agriculturalTrusteeship/buyer/buyer_icon_01.png" alt=""></p> | |||
<p>{{allDeptName}}</p> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- 头部结束 --> | |||
<!-- 头部结束 --> | |||
<!-- 导航开始 --> | |||
<div class="nav"> | |||
<van-grid :column-num="4" :border="false"> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipSocietyList'}"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/nav_01.png"/> | |||
<p>社会化</p> | |||
</van-grid-item> | |||
<van-grid-item :to="{name:'lawEnforcementCaseStatistics'}"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/nav_02.png"/> | |||
<p>农担</p> | |||
</van-grid-item> | |||
<van-grid-item :to="{name:'lawEnforcementCaseDistributionMap'}"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/nav_03.png"/> | |||
<p>贷款</p> | |||
</van-grid-item> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList'}"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/nav_04.png"/> | |||
<p>保险</p> | |||
</van-grid-item> | |||
</van-grid> | |||
<!-- 导航开始 --> | |||
<div class="nav"> | |||
<van-grid :column-num="4" :border="false"> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipSocietyList'}"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/nav_01.png"/> | |||
<p>社会化</p> | |||
</van-grid-item> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList',query:{type:3}}"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/nav_02.png"/> | |||
<p>农担</p> | |||
</van-grid-item> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList',query:{type:1}}"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/nav_03.png"/> | |||
<p>贷款</p> | |||
</van-grid-item> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList',query:{type:2}}"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/nav_04.png"/> | |||
<p>保险</p> | |||
</van-grid-item> | |||
</van-grid> | |||
<div class="nav_notice_box"> | |||
<van-notice-bar left-icon="../../../../static/images/agriculturalTrusteeship/index/notice_icon.png" mode="link" :scrollable="false" background="#E2E9FD" color="#334281"> | |||
<van-swipe | |||
vertical | |||
class="notice-swipe" | |||
:autoplay="3000" | |||
:show-indicators="false" | |||
> | |||
<van-swipe-item>12.0版本上线啦!点击查看更改内容~</van-swipe-item> | |||
<van-swipe-item>12.1版本上线啦!点击查看更改内容~</van-swipe-item> | |||
<van-swipe-item>12.2版本上线啦!点击查看更改内容~</van-swipe-item> | |||
</van-swipe> | |||
</van-notice-bar> | |||
<div class="nav_notice_box"> | |||
<van-notice-bar left-icon="../../../../static/images/agriculturalTrusteeship/index/notice_icon.png" mode="link" :scrollable="false" background="#E2E9FD" color="#334281"> | |||
<van-swipe | |||
vertical | |||
class="notice-swipe" | |||
:autoplay="3000" | |||
:show-indicators="false" | |||
> | |||
<van-swipe-item>12.0版本上线啦!点击查看更改内容~</van-swipe-item> | |||
<van-swipe-item>12.1版本上线啦!点击查看更改内容~</van-swipe-item> | |||
<van-swipe-item>12.2版本上线啦!点击查看更改内容~</van-swipe-item> | |||
</van-swipe> | |||
</van-notice-bar> | |||
</div> | |||
</div> | |||
<!-- 导航结束 --> | |||
</div> | |||
<!-- 导航结束 --> | |||
<!-- 内容开始 --> | |||
<div class="main"> | |||
<div class="main_header"> | |||
@@ -107,7 +109,7 @@ | |||
</div> | |||
<!-- 内容结束 --> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/index_btn_icon_01.png" class="pc"/> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/index_btn_icon_01.png" class="pc" @click="openMain"/> | |||
<buyer></buyer> | |||
</div> | |||
@@ -220,6 +222,10 @@ | |||
} | |||
this.supplyDemandListYes = []; | |||
this.getList(); | |||
}, | |||
openMain(){ | |||
$('#topMain').attr('none'); | |||
} | |||
}, | |||
} | |||
@@ -234,6 +240,9 @@ | |||
align-items: center; | |||
background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4); | |||
padding: 4vh 4% 2vh; | |||
img{ | |||
border-radius: 100%; | |||
} | |||
.header_box{ | |||
margin-left: 4%; | |||
flex: 1; | |||
@@ -25,9 +25,10 @@ | |||
</div> | |||
<div class="main_content_right_list_center"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||
<img v-if="item.supplyDemand!=null" :src="item.supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">{{item.contractionName}}</p> | |||
<p class="tt">{{item.demandName}}</p> | |||
<div class="tab"> | |||
<p>¥<span>{{item.unitPrice}}</span>.00/{{item.unit}}</p> | |||
</div> | |||
@@ -37,9 +38,9 @@ | |||
</p> | |||
</div> | |||
</div> | |||
<van-cell title="卖方名称" :border="false" :value="item.bookName" /> | |||
<van-cell title="联系人" :border="false" :value="item.linkera" /> | |||
<van-cell title="联系电话" :border="false" :value="item.phonea" /> | |||
<van-cell title="卖方名称" :border="false" :value="item.entityName" /> | |||
<van-cell title="联系人" :border="false" :value="item.linker" /> | |||
<van-cell title="联系电话" :border="false" :value="item.supplyDemandTal" /> | |||
</div> | |||
</van-list> | |||
@@ -94,7 +95,7 @@ | |||
}, | |||
created() { | |||
let query = { | |||
parentId : 0, | |||
parentId : null, | |||
tree:true | |||
} | |||
productTypes(query).then(response => { | |||
@@ -112,9 +113,13 @@ | |||
supplyorderList(this.query).then(response => { | |||
response.rows.map(res=>{ | |||
if ( res.orderStatus == '1'){ | |||
if (res.supplyDemand!=null){ | |||
let supplyMasterMap = res.supplyDemand.supplyMasterMap.split( "," ) | |||
res.supplyDemand.supplyMasterMap = '/api'+supplyMasterMap[0] | |||
} | |||
res.cropType = this.selectDictLabel(this.cropTypeOptions, res.cropType); | |||
res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | |||
// res.productType = this.productList.filter(function (e) { return e.id == res.productType; })[0].dictName; | |||
res.productType = this.productList.filter(function (e) { return e.id == res.productType; })[0].dictName; | |||
this.supplyDemandList.push(res); | |||
} | |||
this.supplyDemandList1.push(res); | |||
@@ -17,15 +17,15 @@ | |||
<img src="../../../static/images/agriculturalTrusteeship/index/nav_01.png"/> | |||
<p>社会化</p> | |||
</van-grid-item> | |||
<van-grid-item :to="{name:'lawEnforcementCaseStatistics'}"> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList',query:{type:3}}"> | |||
<img src="../../../static/images/agriculturalTrusteeship/index/nav_02.png"/> | |||
<p>农担</p> | |||
</van-grid-item> | |||
<van-grid-item :to="{name:'lawEnforcementCaseDistributionMap'}"> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList',query:{type:1}}"> | |||
<img src="../../../static/images/agriculturalTrusteeship/index/nav_03.png"/> | |||
<p>贷款</p> | |||
</van-grid-item> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList'}"> | |||
<van-grid-item :to="{name:'agriculturalTrusteeshipInsuranceList',query:{type:2}}"> | |||
<img src="../../../static/images/agriculturalTrusteeship/index/nav_04.png"/> | |||
<p>保险</p> | |||
</van-grid-item> | |||
@@ -4,7 +4,7 @@ | |||
<div class="header"> | |||
<div class="header_left" @click="onClickLeft"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/return.png"> | |||
<p>保险服务</p> | |||
<p>{{tt}}服务</p> | |||
</div> | |||
<p class="header_right">河东河西村</p> | |||
</div> | |||
@@ -13,7 +13,7 @@ | |||
<!-- 内容开始 --> | |||
<div class="main"> | |||
<van-tabs v-model="active" sticky animated> | |||
<van-tab title="保险公司"> | |||
<van-tab :title="tt+'公司'"> | |||
<div class="search"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | |||
<input type="text" v-model="searchServiceInput" placeholder="输入需求进行搜索" /> | |||
@@ -47,7 +47,7 @@ | |||
</van-list> | |||
</van-tab> | |||
<van-tab title="保险产品"> | |||
<van-tab :title="tt+'产品'"> | |||
<div class="search"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | |||
<input type="text" v-model="searchInput" placeholder="输入需求进行搜索" /> | |||
@@ -115,10 +115,14 @@ | |||
}, | |||
searchServiceInput:'', | |||
searchInput:'', | |||
tt:'' | |||
}; | |||
}, | |||
created() { | |||
this.query.financialType = this.$route.query.type; | |||
if (this.$route.query.type == 3){this.tt = '农担'} | |||
if (this.$route.query.type == 2){this.tt = '保险'} | |||
if (this.$route.query.type == 1){this.tt = '贷款'} | |||
}, | |||
methods: { | |||
getServiceList(){ | |||
@@ -66,6 +66,7 @@ | |||
}, | |||
created() { | |||
this.query.financialServiceId = this.$route.query.id; | |||
this.tt = this.$route.query.financialName | |||
}, | |||
methods: { | |||
@@ -98,7 +98,7 @@ | |||
<p class="submit_btn" v-if="loginType == 'mj'" @click="handleLogin">登录1</p> | |||
<p class="submit_btn" v-else @click="goLogin">登录</p> | |||
</van-tab> | |||
<van-tab name="register" title="注册"> | |||
<van-tab name="register" title="注册" v-if="loginType != 'mj'"> | |||
<!--保险机构注册--> | |||
<template v-if="loginType == 'bxjg' || loginType == 'dkjg' || loginType == 'ndjg'"> | |||
<van-field v-model="serviceForm.financialName" center :border="false" placeholder="请输入机构名称" > | |||
@@ -727,6 +727,7 @@ | |||
this.mainImgUploader2.splice(detail.index,1); | |||
}, | |||
goRegister(){ | |||
console.log(this.loginType) | |||
if (this.loginType == 'bxjg' || this.loginType == 'dkjg' || this.loginType == 'ndjg'){ | |||
this.serviceForm.mainImg = this.mainImgArr.join(','); | |||
this.serviceForm.username = encrypt(this.serviceForm.username); | |||
@@ -736,7 +737,7 @@ | |||
this.$notify({ type: 'success', message: '注册成功' }); | |||
this.active = 0; | |||
}) | |||
}else if(this.loginType = 'fwzz'){ | |||
}else if(this.loginType == 'fwzz'){ | |||
this.entityForm.mainImg = this.mainImgArrEntity.join(','); | |||
this.entityForm.userName = encrypt(this.entityForm.userName); | |||
this.entityForm.password = encrypt(this.entityForm.password); | |||
@@ -745,6 +746,9 @@ | |||
this.active = 0; | |||
}) | |||
} | |||
// else if(this.loginType == 'mj'){ | |||
// this.registerSubmit(); | |||
// } | |||
}, | |||
onConfirmStatisticsTypeId(data){ | |||
this.entityForm.statisticsTypeId = data.value; | |||
@@ -4,8 +4,8 @@ | |||
<div class="header"> | |||
<div class="search"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | |||
<input type="text" placeholder="输入需求进行搜索" /> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" /> | |||
<input type="text" placeholder="输入需求进行搜索" v-model="searchInput"/> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" @click="goSearch" /> | |||
</div> | |||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" alt="" @click="show = true"> | |||
</div> | |||
@@ -65,7 +65,7 @@ | |||
</div> | |||
<div class="main_content_right_list_center" @click="$router.push({name:'agriculturalTrusteeshipSocializationBillDetail',query:{id:item.id}})"> | |||
<img v-if="item.supplyMasterMap" :src="item.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-if="item.supplyDemand.supplyMasterMap" :src="item.supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">{{item.contractionName}}</p> | |||
@@ -104,8 +104,8 @@ | |||
<div class="selected" v-for="(item,index) in productList2" :key="index"> | |||
<p class="on">{{item.dictName}}</p> | |||
<div class="options"> | |||
<p :class="{'active':query.productType == ''}" @click="query.productType = ''">全部</p> | |||
<p :class="{'active':query.productType == itemChild.id}" @click="query.productType = itemChild.id" v-for="(itemChild,indexChild) in item.children" :key="indexChild">{{itemChild.dictName}}</p> | |||
<p :class="{'active':query.productTypeStr == ''}" @click="query.productType = ''">全部</p> | |||
<p :class="{'active':query.productTypeStr == itemChild.id}" @click="query.productType = itemChild.id" v-for="(itemChild,indexChild) in item.children" :key="indexChild">{{itemChild.dictName}}</p> | |||
</div> | |||
</div> | |||
<!-- <div class="selected">--> | |||
@@ -188,7 +188,7 @@ | |||
startOrderAt :this.format(new Date(),'yyyy-MM'), | |||
endOrderAt :this.format(new Date(),'yyyy-MM'), | |||
orderStatus :'', | |||
productType:'' | |||
productTypeStr:'' | |||
}, | |||
startOrderAt:this.format(new Date(),'yyyy年MM月'), | |||
endOrderAt:this.format(new Date(),'yyyy年MM月'), | |||
@@ -196,7 +196,8 @@ | |||
startOrderAt:this.format(new Date(),'yyyy-MM'), | |||
endOrderAt:this.format(new Date(),'yyyy-MM'), | |||
}, | |||
content:'' | |||
content:'', | |||
searchInput:'' | |||
}; | |||
}, | |||
created() { | |||
@@ -233,9 +234,9 @@ | |||
getList(){ | |||
supplyorderList(this.query).then(response => { | |||
response.rows.map(res=>{ | |||
if (res.supplyMasterMap){ | |||
let supplyMasterMap = res.supplyMasterMap.split( "," ) | |||
res.supplyMasterMap = '/api'+supplyMasterMap[0] | |||
if (res.supplyDemand.supplyMasterMap){ | |||
let supplyMasterMap = res.supplyDemand.supplyMasterMap.split( "," ) | |||
res.supplyDemand.supplyMasterMap = '/api'+supplyMasterMap[0] | |||
} | |||
res.cropType = this.selectDictLabel(this.cropTypeOptions, res.cropType); | |||
res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | |||
@@ -284,9 +285,14 @@ | |||
startOrderAt :this.format(new Date(),'yyyy-MM'), | |||
endOrderAt :this.format(new Date(),'yyyy-MM'), | |||
orderStatus :'', | |||
productType:'' | |||
productTypeStr:'' | |||
} | |||
}, | |||
goSearch(){ | |||
this.supplyDemandList = []; | |||
this.query.demandName = this.searchInput; | |||
this.getList(); | |||
}, | |||
}, | |||
} | |||
</script> | |||
@@ -21,17 +21,19 @@ | |||
</div> | |||
<div class="main_content_right_list_center"> | |||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||
<img v-if="supplyDemand.supplyDemand!=null" :src="supplyDemand.supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">{{supplyDemand.contractionName}}</p> | |||
<p class="tt">{{supplyDemand.demandName}}</p> | |||
<div class="tab"> | |||
<p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | |||
</div> | |||
</div> | |||
</div> | |||
<van-cell title="买方名称" :border="false" :value="supplyDemand.bookName" /> | |||
<van-cell title="联系人" :border="false" :value="supplyDemand.linkera" /> | |||
<van-cell title="联系电话" :border="false" :value="supplyDemand.phonea" /> | |||
<van-cell title="卖方名称" :border="false" :value="supplyDemand.entityName" /> | |||
<van-cell title="联系人" :border="false" :value="supplyDemand.linker" /> | |||
<van-cell title="联系电话" :border="false" :value="supplyDemand.supplyDemandTal" /> | |||
</div> | |||
<div class="main_content_right_list"> | |||
@@ -109,13 +111,9 @@ | |||
response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | |||
response.data.orderStatus = this.selectDictLabel(this.orderStatusOptions, response.data.orderStatus); | |||
response.data.productType = this.productList.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | |||
if (response.data.supplyMasterMap){ | |||
response.data.supplyMasterMapList = []; | |||
var attachement = response.data.supplyMasterMap.split( "," ); | |||
this.supplyMasterMapArr = response.data.supplyMasterMap.split( "," ); | |||
attachement.forEach(responseAttach=>{ | |||
response.data.supplyMasterMapList.push('/api' + responseAttach); | |||
}) | |||
if (response.data.supplyDemand.supplyMasterMap){ | |||
var attachement = response.data.supplyDemand.supplyMasterMap.split( "," ); | |||
response.data.supplyDemand.supplyMasterMap = '/api' + attachement[0]; | |||
} | |||
this.supplyDemand = response.data; | |||
}); | |||
@@ -25,7 +25,7 @@ | |||
</div> | |||
<div class="main_content_right_list_center"> | |||
<img v-if="item.supplyMasterMap" :src="item.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-if="item.supplyDemand.supplyMasterMap" :src="item.supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | |||
<div class="main_content_right_list_content"> | |||
<p class="tt">{{item.contractionName}}</p> | |||
@@ -116,9 +116,9 @@ | |||
supplyorderList(this.query).then(response => { | |||
response.rows.map(res=>{ | |||
if ( res.orderStatus == '1'){ | |||
if (res.supplyMasterMap){ | |||
let supplyMasterMap = res.supplyMasterMap.split( "," ) | |||
res.supplyMasterMap = '/api'+supplyMasterMap[0] | |||
if (res.supplyDemand.supplyMasterMap){ | |||
let supplyMasterMap = res.supplyDemand.supplyMasterMap.split( "," ) | |||
res.supplyDemand.supplyMasterMap = '/api'+supplyMasterMap[0] | |||
} | |||
res.cropType = this.selectDictLabel(this.cropTypeOptions, res.cropType); | |||
res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | |||
@@ -14,22 +14,22 @@ | |||
<van-grid :column-num="4" :border="false"> | |||
<van-grid-item> | |||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_01.png" alt=""> | |||
<p class="nav_num">3,501</p> | |||
<p class="nav_num">{{content.numFinish}}</p> | |||
<p>已成交</p> | |||
</van-grid-item> | |||
<van-grid-item> | |||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_02.png" alt=""> | |||
<p class="nav_num">3,501</p> | |||
<p class="nav_num">{{content.numHandling}}</p> | |||
<p>待处理</p> | |||
</van-grid-item> | |||
<van-grid-item> | |||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_04.png" alt=""> | |||
<p class="nav_num">3,501</p> | |||
<p class="nav_num">{{content.numReject}}</p> | |||
<p>已拒单</p> | |||
</van-grid-item> | |||
<van-grid-item> | |||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_03.png" alt=""> | |||
<p class="nav_num" style="color: #FF5D00">3,501</p> | |||
<p class="nav_num" style="color: #FF5D00">{{content.realityServiceMoney}}</p> | |||
<p style="color: #FF5D00">总收入</p> | |||
</van-grid-item> | |||
</van-grid> | |||
@@ -49,13 +49,13 @@ | |||
</van-cell> | |||
<div class="main_box" style="margin-top: 0;"> | |||
<van-field label="主体名称" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_01.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="主体类别" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_02.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="生产种类" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_03.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="成立时间" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_04.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="示范类型" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_05.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="负责人" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_06.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="联系电话" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_07.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="主体名称" v-model="entityForm.entityName" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_01.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="主体类别" v-model="entityForm.statisticsTypeId" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_02.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="生产种类" v-model="entityForm.industryClassificationType" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_03.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="成立时间" v-model="entityForm.registerTime" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_04.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="示范类型" v-model="entityForm.modelSocietyType" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_05.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="负责人" v-model="entityForm.principalName" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_06.png" :border="false" input-align="right" value="内容" /> | |||
<van-field label="联系电话" v-model="entityForm.tal" left-icon="../../../../static/images/agriculturalTrusteeship/socialization/user_icon_07.png" :border="false" input-align="right" value="内容" /> | |||
</div> | |||
<div class="main_box"> | |||
@@ -78,6 +78,7 @@ | |||
import Cookies from "js-cookie"; | |||
import agr from "@/components/common/agr_footer"; | |||
import dialogClose from "@/components/agriculturalTrusteeship/dialog"; | |||
import {entityGet, orderStatistics} from "@/api/agriculturalTrusteeship"; | |||
export default { | |||
name: "agriculturalTrusteeshipInsuranceList", | |||
components: { | |||
@@ -92,13 +93,38 @@ | |||
finished: false, | |||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | |||
zoom: 15, //地图展示级别 | |||
showDialog:false | |||
showDialog:false, | |||
entityForm:{}, | |||
content:{}, | |||
statisticsTypeIdOptions:[], | |||
industryClassificationTypeOptions:[], | |||
modelSocietyTypeOptions:[], | |||
}; | |||
}, | |||
created() { | |||
orderStatistics().then(response => { | |||
this.content = response.data; | |||
}); | |||
this.getDicts("newBusinessEntity_statistics_project").then(response => { | |||
this.statisticsTypeIdOptions = response.data; | |||
}); | |||
this.getDicts("Industrial_classification_type").then(response => { | |||
this.industryClassificationTypeOptions = response.data; | |||
}); | |||
this.getDicts("model_society_type").then(response => { | |||
this.modelSocietyTypeOptions = response.data; | |||
}); | |||
this.getUser(); | |||
}, | |||
methods: { | |||
getUser(){ | |||
entityGet(Cookies.get('ACCESS-SESSION-ID')).then(res=>{ | |||
res.data.statisticsTypeId = this.selectDictLabel(this.statisticsTypeIdOptions, res.data.statisticsTypeId); | |||
res.data.industryClassificationType = this.selectDictLabel(this.industryClassificationTypeOptions, res.data.industryClassificationType); | |||
res.data.modelSocietyType = this.selectDictLabel(this.modelSocietyTypeOptions, res.data.modelSocietyType); | |||
this.entityForm = res.data; | |||
}) | |||
}, | |||
openDialog(val){ | |||
this.showDialog = val | |||
}, | |||
@@ -12,28 +12,141 @@ | |||
<!-- 内容开始 --> | |||
<div class="main"> | |||
<van-field label="主体名称" input-align="right" placeholder="请输入主体名称" /> | |||
<van-field label="主体类别" input-align="right" placeholder="请输入主体类别" /> | |||
<van-field label="生产种类" input-align="right" placeholder="请输入生产种类" /> | |||
<van-field label="示范类型" input-align="right" placeholder="请输入示范类型" /> | |||
<van-field label="主体住址" input-align="right" placeholder="请输入主体住址" /> | |||
<van-field label="数量" input-align="right" placeholder="请输入数量" /> | |||
<van-field label="成立时间" input-align="right" placeholder="请输入成立时间" /> | |||
<van-field label="负责人姓名" input-align="right" placeholder="请输入负责人姓名" /> | |||
<van-field label="联系电话" input-align="right" placeholder="请输入联系电话" /> | |||
<van-field label="开户银行" input-align="right" placeholder="请输入开户银行" /> | |||
<van-field label="银行账号" input-align="right" placeholder="请输入银行账号" /> | |||
<van-field label="经营土地面积(亩)" input-align="right" placeholder="请输入经营土地面积(亩)" /> | |||
<van-field label="成员出资总额" input-align="right" placeholder="请输入成员出资总额" /> | |||
<van-field label="成员个数" input-align="right" placeholder="请输入成员个数" /> | |||
<van-field label="非成员个数" input-align="right" placeholder="请输入非成员个数" /> | |||
<van-field label="带动农户数量(个)" input-align="right" placeholder="请输入带动农户数量(个)" /> | |||
<van-field label="网站网址" input-align="right" placeholder="请输入网站网址" /> | |||
<van-field label="关联账套" input-align="right" placeholder="请输入关联账套" /> | |||
<van-field label="服务区域" input-align="right" placeholder="请输入服务区域" /> | |||
<van-field label="图片" :border="false" input-align="right" placeholder="请输入图片" /> | |||
<van-field label="主体名称" v-model="entityForm.entityName" input-align="right" placeholder="请输入主体名称" /> | |||
<van-field | |||
readonly | |||
clickable | |||
required | |||
:rules="[{ required: true , message:'请选择主体类别'}]" | |||
v-model="statisticsTypeId" | |||
center | |||
@click="showStatisticsTypeId = true" | |||
right-icon="arrow-down" | |||
placeholder="请选择主体类别" | |||
label="主体类别" | |||
input-align="right" | |||
/> | |||
<van-popup v-model="showStatisticsTypeId" position="bottom" get-container="body"> | |||
<van-picker | |||
show-toolbar | |||
:columns="statisticsTypeIdOptions" | |||
@confirm="onConfirmStatisticsTypeId" | |||
@cancel="showStatisticsTypeId = false" | |||
/> | |||
</van-popup> | |||
<van-field | |||
readonly | |||
clickable | |||
required | |||
:rules="[{ required: true , message:'请选择生产种类'}]" | |||
v-model="industryClassificationType" | |||
center | |||
@click="showIndustryClassificationType = true" | |||
right-icon="arrow-down" | |||
placeholder="请选择生产种类" | |||
label="生产种类" | |||
input-align="right" | |||
/> | |||
<van-popup v-model="showIndustryClassificationType" position="bottom" get-container="body"> | |||
<van-picker | |||
show-toolbar | |||
:columns="industryClassificationTypeOptions" | |||
@confirm="onConfirmIndustryClassificationType" | |||
@cancel="showIndustryClassificationType = false" | |||
/> | |||
</van-popup> | |||
<van-field | |||
readonly | |||
clickable | |||
required | |||
:rules="[{ required: true , message:'请选择示范类型'}]" | |||
v-model="modelSocietyType" | |||
center | |||
@click="showModelSocietyType = true" | |||
right-icon="arrow-down" | |||
placeholder="请选择示范类型" | |||
label="示范类型" | |||
input-align="right" | |||
/> | |||
<van-popup v-model="showModelSocietyType" position="bottom" get-container="body"> | |||
<van-picker | |||
show-toolbar | |||
:columns="modelSocietyTypeOptions" | |||
@confirm="onConfirmModelSocietyType" | |||
@cancel="showModelSocietyType = false" | |||
/> | |||
</van-popup> | |||
<van-field label="主体住址" v-model="entityForm.entityAddress" input-align="right" placeholder="请输入主体住址" /> | |||
<!-- <van-field label="数量" v-model="entityForm.entityName" input-align="right" placeholder="请输入数量" />--> | |||
<van-field | |||
readonly | |||
clickable | |||
required | |||
:rules="[{ required: true , message:'请选择成立时间'}]" | |||
v-model="entityForm.registerTime" | |||
center | |||
@click="showRegisterTime = true" | |||
right-icon="arrow-down" | |||
placeholder="请选择成立时间" | |||
label="成立时间" | |||
input-align="right" | |||
/> | |||
<van-popup v-model="showRegisterTime" position="bottom" get-container="body"> | |||
<van-datetime-picker | |||
v-model="currentDate" | |||
type="date" | |||
title="选择年月日" | |||
show-toolbar | |||
@confirm="onConfirmRegisterTime" | |||
@cancel="showRegisterTime = false" | |||
/> | |||
</van-popup> | |||
<van-field label="负责人姓名" v-model="entityForm.principalName" input-align="right" placeholder="请输入负责人姓名" /> | |||
<van-field label="联系电话" v-model="entityForm.tal" input-align="right" placeholder="请输入联系电话" /> | |||
<van-field label="开户银行" v-model="entityForm.depositBankName" input-align="right" placeholder="请输入开户银行" /> | |||
<van-field label="银行账号" v-model="entityForm.accountNumber" input-align="right" placeholder="请输入银行账号" /> | |||
<van-field label="经营土地面积(亩)" v-model="entityForm.landArea" label-width="auto" input-align="right" placeholder="请输入经营土地面积(亩)" /> | |||
<van-field label="成员出资总额" v-model="entityForm.membersContributions" input-align="right" placeholder="请输入成员出资总额" /> | |||
<van-field label="成员个数" v-model="entityForm.manpowerNumber" input-align="right" placeholder="请输入成员个数" /> | |||
<van-field label="非成员个数" v-model="entityForm.nonManpowerNumber" input-align="right" placeholder="请输入非成员个数" /> | |||
<van-field label="带动农户数量(个)" v-model="entityForm.driveFarmers" label-width="auto" input-align="right" placeholder="请输入带动农户数量(个)" /> | |||
<van-field label="网站网址" v-model="entityForm.webLinks" input-align="right" placeholder="请输入网站网址" /> | |||
<!-- <van-field label="关联账套" v-model="entityForm.bookName" input-align="right" placeholder="请输入关联账套" />--> | |||
<van-field | |||
readonly | |||
clickable | |||
required | |||
:rules="[{ required: true , message:'请选择服务区域' }]" | |||
v-model="entityForm.serviceDeptName" | |||
label="服务区域" | |||
placeholder="请选择服务区域" | |||
@click="showDeptId = true" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
input-align="right" | |||
/> | |||
<van-popup v-model="showDeptId" position="bottom" get-container="body"> | |||
<van-cascader | |||
v-model="villageValue" | |||
title="请选择服务区域" | |||
:options="deptOptions" | |||
@close="showDeptId = false" | |||
@finish="onConfirmDept" | |||
active-color="#1989fa" | |||
:field-names="hcAreaInfoFieldName" | |||
/> | |||
</van-popup> | |||
<!-- <van-field label="服务区域" v-model="entityForm.serviceDeptName" input-align="right" placeholder="请输入服务区域" />--> | |||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||
<div style="padding: 0 4% 2vh;"> | |||
<van-uploader /> | |||
<van-uploader v-model="entityForm.masterMapList" :after-read="afterReadEvidenceEntityForm" :before-delete="deleteFileEvidenceEntityForm" /> | |||
</div> | |||
</div> | |||
@@ -45,14 +158,14 @@ | |||
</div> | |||
<div class="main_btn"> | |||
<p>发布</p> | |||
<p>存稿</p> | |||
<p @click="submitForm">保存</p> | |||
</div> | |||
<!-- 内容结束 --> | |||
</div> | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import {commonUpload, entityGet, treeselect,entityEdit} from "@/api/agriculturalTrusteeship"; | |||
export default { | |||
name: "agriculturalTrusteeshipSocializationRelease", | |||
data() { | |||
@@ -63,14 +176,132 @@ | |||
finished: false, | |||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | |||
zoom: 15, //地图展示级别 | |||
showDialog:false | |||
showDialog:false, | |||
entityForm:{}, | |||
content:{}, | |||
statisticsTypeIdOptions:[], | |||
industryClassificationTypeOptions:[], | |||
modelSocietyTypeOptions:[], | |||
statisticsTypeIdOptions2:[], | |||
industryClassificationTypeOptions2:[], | |||
modelSocietyTypeOptions2:[], | |||
mainImgUploader2:[], | |||
mainImgArrEntity:[], | |||
showStatisticsTypeId : false, | |||
statisticsTypeId:'', | |||
industryClassificationType:'', | |||
showIndustryClassificationType: false, | |||
modelSocietyType:'', | |||
showModelSocietyType: false, | |||
showRegisterTime :false, | |||
currentDate:new Date(), | |||
deptOptions:[], | |||
deptName:'', | |||
showDeptId:false, | |||
villageValue : '', | |||
hcAreaInfoFieldName: { | |||
text: "label", | |||
value: "value", | |||
children: "children", | |||
}, | |||
}; | |||
}, | |||
created() { | |||
this.getDicts("newBusinessEntity_statistics_project").then(response => { | |||
for (var i = 0; i < response.data.length; i++) { | |||
this.statisticsTypeIdOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||
} | |||
this.statisticsTypeIdOptions2 = response.data; | |||
}); | |||
this.getDicts("Industrial_classification_type").then(response => { | |||
for (var i = 0; i < response.data.length; i++) { | |||
this.industryClassificationTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||
} | |||
this.industryClassificationTypeOptions2 = response.data; | |||
}); | |||
this.getDicts("model_society_type").then(response => { | |||
for (var i = 0; i < response.data.length; i++) { | |||
this.modelSocietyTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||
} | |||
this.modelSocietyTypeOptions2 = response.data; | |||
}); | |||
treeselect().then(res=>{ | |||
if (res.code == 200) { | |||
this.deptOptions = res.data; | |||
} | |||
}) | |||
this.getUser(); | |||
}, | |||
methods: { | |||
getUser(){ | |||
entityGet(Cookies.get('ACCESS-SESSION-ID')).then(res=>{ | |||
this.statisticsTypeId = this.selectDictLabel(this.statisticsTypeIdOptions2, res.data.statisticsTypeId); | |||
this.industryClassificationType = this.selectDictLabel(this.industryClassificationTypeOptions2, res.data.industryClassificationType); | |||
this.modelSocietyType = this.selectDictLabel(this.modelSocietyTypeOptions2, res.data.modelSocietyType); | |||
if (res.data.masterMap){ | |||
res.data.masterMapList = []; | |||
var attachement = res.data.masterMap.split( "," ); | |||
this.mainImgArrEntity = res.data.masterMap.split( "," ); | |||
attachement.forEach(responseAttach=>{ | |||
res.data.masterMapList.push({ | |||
url:'/api' + responseAttach, | |||
isImage: true | |||
}); | |||
}) | |||
} | |||
this.entityForm = res.data; | |||
}) | |||
}, | |||
afterReadEvidenceEntityForm(file){ | |||
let params1 = new FormData(); | |||
params1.append("file", file.file); | |||
commonUpload(params1).then((r1) => { | |||
// this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName); | |||
this.mainImgArrEntity.push(r1.fileName) | |||
}) | |||
}, | |||
deleteFileEvidenceEntityForm(file,detail) { | |||
this.mainImgArrEntity.splice(detail.index,1); | |||
this.entityForm.masterMapList.splice(detail.index,1); | |||
}, | |||
onConfirmStatisticsTypeId(data){ | |||
this.entityForm.statisticsTypeId = data.value; | |||
this.statisticsTypeId = data.text; | |||
this.showStatisticsTypeId = false; | |||
}, | |||
onConfirmIndustryClassificationType(data){ | |||
this.entityForm.industryClassificationType = data.value; | |||
this.industryClassificationType = data.text; | |||
this.showIndustryClassificationType = false; | |||
}, | |||
onConfirmModelSocietyType(data){ | |||
this.entityForm.modelSocietyType = data.value; | |||
this.modelSocietyType = data.text; | |||
this.showModelSocietyType = false; | |||
}, | |||
onConfirmRegisterTime(data){ | |||
this.currentDate = data ; | |||
this.entityForm.registerTime = this.format(data,'yyyy-MM-dd') | |||
this.showRegisterTime = false; | |||
}, | |||
//选择案件属地 | |||
onConfirmDept({ selectedOptions }){ | |||
this.entityForm.serviceDeptName = selectedOptions[selectedOptions.length-1].label; | |||
this.entityForm.serviceDeptId = selectedOptions[selectedOptions.length-1].value; | |||
this.deptName = selectedOptions[selectedOptions.length-1].label; | |||
this.showDeptId = false | |||
}, | |||
submitForm(){ | |||
this.entityForm.masterMap = this.mainImgArrEntity.join(',') | |||
entityEdit(this.entityForm).then(res=>{ | |||
this.$notify({ type: 'success', message: '保存成功' }); | |||
setTimeout(function(){ | |||
history.back(-1); | |||
},2000) | |||
}) | |||
} | |||
}, | |||
} | |||
</script> | |||