@@ -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) { | export function fwhtList(query) { | ||||
return request({ | return request({ | ||||
@@ -349,3 +360,15 @@ export function placeOrder(data) { | |||||
data: 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="header"> | ||||
<div class="search"> | <div class="search"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | <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> | </div> | ||||
<!-- <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" alt="" @click="show = true;">--> | <!-- <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" alt="" @click="show = true;">--> | ||||
</div> | </div> | ||||
@@ -35,8 +35,8 @@ | |||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<div class="nav_list"> | <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> | ||||
</div> | </div> | ||||
<!-- 导航结束 --> | <!-- 导航结束 --> | ||||
@@ -59,11 +59,12 @@ | |||||
</div> | </div> | ||||
<!-- $router.push({name:'agriculturalTrusteeshipBillDetail2',query:{id:item.id}})--> | <!-- $router.push({name:'agriculturalTrusteeshipBillDetail2',query:{id:item.id}})--> | ||||
<div class="main_content_right_list_center" @click="goDetail(item.orderStatus,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"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">{{item.contractionName}}</p> | |||||
<p class="tt">{{item.demandName}}</p> | |||||
<div class="tab"> | <div class="tab"> | ||||
<p>¥<span>{{item.realityServiceMoney}}</span>.00</p> | |||||
<p>¥<span>{{item.unitPrice}}</span>.00/{{item.unit}}</p> | |||||
</div> | </div> | ||||
<p class="name"> | <p class="name"> | ||||
<span>数量:{{item.serviceNum}}</span> | <span>数量:{{item.serviceNum}}</span> | ||||
@@ -71,9 +72,9 @@ | |||||
</p> | </p> | ||||
</div> | </div> | ||||
</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> | ||||
<!-- <div class="main_content_right_list">--> | <!-- <div class="main_content_right_list">--> | ||||
<!-- <div class="main_content_right_list_header">--> | <!-- <div class="main_content_right_list_header">--> | ||||
@@ -172,12 +173,13 @@ | |||||
startOrderAt:this.format(new Date(),'yyyy-MM'), | startOrderAt:this.format(new Date(),'yyyy-MM'), | ||||
endOrderAt:this.format(new Date(),'yyyy-MM'), | endOrderAt:this.format(new Date(),'yyyy-MM'), | ||||
}, | }, | ||||
content:'' | |||||
content:'', | |||||
searchInput:'' | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : 0, | |||||
parentId : null, | |||||
tree:true | tree:true | ||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
@@ -194,6 +196,11 @@ | |||||
getList(){ | getList(){ | ||||
supplyorderList(this.query).then(response => { | supplyorderList(this.query).then(response => { | ||||
response.rows.map(res=>{ | 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.cropType = this.selectDictLabel(this.cropTypeOptions, res.cropType); | ||||
res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | 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; | ||||
@@ -209,6 +216,7 @@ | |||||
}); | }); | ||||
}, | }, | ||||
onConfirmStar(data){ | onConfirmStar(data){ | ||||
this.supplyDemandList=[]; | |||||
this.params.startOrderAt = this.format(data,'yyyy-mm'); | this.params.startOrderAt = this.format(data,'yyyy-mm'); | ||||
this.query.startOrderAt = this.format(data,'yyyy-mm'); | this.query.startOrderAt = this.format(data,'yyyy-mm'); | ||||
this.startOrderAt = this.format(data,'yyyy年MM月'); | this.startOrderAt = this.format(data,'yyyy年MM月'); | ||||
@@ -219,6 +227,7 @@ | |||||
this.getList(); | this.getList(); | ||||
}, | }, | ||||
onConfirmEnd(data){ | onConfirmEnd(data){ | ||||
this.supplyDemandList=[]; | |||||
this.params.endOrderAt = this.format(data,'yyyy-mm'); | this.params.endOrderAt = this.format(data,'yyyy-mm'); | ||||
this.query.endOrderAt = this.format(data,'yyyy-mm'); | this.query.endOrderAt = this.format(data,'yyyy-mm'); | ||||
this.endOrderAt = this.format(data,'yyyy年MM月'); | this.endOrderAt = this.format(data,'yyyy年MM月'); | ||||
@@ -238,6 +247,19 @@ | |||||
if (type == '已拒单'){ | if (type == '已拒单'){ | ||||
this.$router.push({name:'agriculturalTrusteeshipBillDetail4',query:{id:id}}) | 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){ | openDialog(val){ | ||||
this.showDialog = val | this.showDialog = val | ||||
@@ -16,22 +16,27 @@ | |||||
<div class="main_content_right_list"> | <div class="main_content_right_list"> | ||||
<div class="main_content_right_list_header"> | <div class="main_content_right_list_header"> | ||||
<p class="on">商品信息</p> | <p class="on">商品信息</p> | ||||
<p>灌溉</p> | |||||
<p>{{supplyDemand.productType}}</p> | |||||
<p>服务</p> | <p>服务</p> | ||||
</div> | </div> | ||||
<div class="main_content_right_list_center"> | <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"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||||
<p class="tt">{{supplyDemand.demandName}}</p> | |||||
<div class="tab"> | <div class="tab"> | ||||
<p>¥<span>165,836,365</span>.00/亩</p> | |||||
<p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | |||||
</div> | </div> | ||||
</div> | </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> | ||||
<div class="main_content_right_list"> | <div class="main_content_right_list"> | ||||
@@ -39,9 +44,9 @@ | |||||
<p class="on">买家信息</p> | <p class="on">买家信息</p> | ||||
</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.linkera" /> | |||||
<van-cell title="联系电话" :border="false" :value="supplyDemand.phonea" /> | |||||
<van-cell title="服务地点" :border="false" :value="supplyDemand.serviceAddress" /> | |||||
</div> | </div> | ||||
<div class="main_content_right_list"> | <div class="main_content_right_list"> | ||||
@@ -49,13 +54,14 @@ | |||||
<p class="on">订单信息</p> | <p class="on">订单信息</p> | ||||
</div> | </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> | ||||
</div> | </div> | ||||
@@ -65,6 +71,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {productTypes, supplyorderGet} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipIndex", | name: "agriculturalTrusteeshipIndex", | ||||
@@ -76,13 +83,44 @@ | |||||
finished: false, | finished: false, | ||||
show:true, | show:true, | ||||
activeNames:[], | activeNames:[], | ||||
cropTypeOptions:[], | |||||
orderStatusOptions:[], | |||||
productList:[], | |||||
supplyDemand:{} | |||||
}; | }; | ||||
}, | }, | ||||
created() { | 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: { | 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> | </script> | ||||
@@ -21,7 +21,11 @@ | |||||
</div> | </div> | ||||
<div class="main_content_right_list_center"> | <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"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">{{supplyDemand.contractionName}}</p> | <p class="tt">{{supplyDemand.contractionName}}</p> | ||||
<div class="tab"> | <div class="tab"> | ||||
@@ -90,7 +94,7 @@ | |||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : 0, | |||||
parentId : null, | |||||
tree:true | tree:true | ||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
@@ -110,13 +114,11 @@ | |||||
response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | ||||
response.data.orderStatus = this.selectDictLabel(this.orderStatusOptions, response.data.orderStatus); | 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.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; | this.supplyDemand = response.data; | ||||
}); | }); | ||||
@@ -13,7 +13,7 @@ | |||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<div class="main"> | <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 first"> | ||||
<div class="main_content_right_list_header"> | <div class="main_content_right_list_header"> | ||||
<p class="on">商品信息</p> | <p class="on">商品信息</p> | ||||
@@ -22,17 +22,21 @@ | |||||
</div> | </div> | ||||
<div class="main_content_right_list_center"> | <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"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">{{supplyDemand.contractionName}}</p> | |||||
<p class="tt">{{supplyDemand.demandName}}</p> | |||||
<div class="tab"> | <div class="tab"> | ||||
<p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | <p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | ||||
</div> | </div> | ||||
</div> | </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> | ||||
<div class="main_content_right_list"> | <div class="main_content_right_list"> | ||||
@@ -98,7 +102,7 @@ | |||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : 0, | |||||
parentId : null, | |||||
tree:true | tree:true | ||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
@@ -118,13 +122,12 @@ | |||||
response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | ||||
response.data.orderStatus = this.selectDictLabel(this.orderStatusOptions, response.data.orderStatus); | 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.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; | this.supplyDemand = response.data; | ||||
}); | }); | ||||
@@ -17,22 +17,26 @@ | |||||
<div class="main_content_right_list first"> | <div class="main_content_right_list first"> | ||||
<div class="main_content_right_list_header"> | <div class="main_content_right_list_header"> | ||||
<p class="on">商品信息</p> | <p class="on">商品信息</p> | ||||
<p>灌溉</p> | |||||
<p>{supplyDemand.productType}}</p> | |||||
<p>服务</p> | <p>服务</p> | ||||
</div> | </div> | ||||
<div class="main_content_right_list_center"> | <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"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||||
<p class="tt">{{supplyDemand.demandName}}</p> | |||||
<div class="tab"> | <div class="tab"> | ||||
<p>¥<span>165,836,365</span>.00/亩</p> | |||||
<p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | |||||
</div> | </div> | ||||
</div> | </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> | ||||
<div class="main_content_right_list"> | <div class="main_content_right_list"> | ||||
@@ -40,9 +44,9 @@ | |||||
<p class="on">买家信息</p> | <p class="on">买家信息</p> | ||||
</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.linkera" /> | |||||
<van-cell title="联系电话" :border="false" :value="supplyDemand.phonea" /> | |||||
<van-cell title="服务地点" :border="false" :value="supplyDemand.serviceAddress" /> | |||||
</div> | </div> | ||||
<div class="main_content_right_list"> | <div class="main_content_right_list"> | ||||
@@ -50,13 +54,13 @@ | |||||
<p class="on">订单信息</p> | <p class="on">订单信息</p> | ||||
</div> | </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> | ||||
</div> | </div> | ||||
@@ -66,6 +70,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {productTypes, supplyorderGet} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipIndex", | name: "agriculturalTrusteeshipIndex", | ||||
@@ -77,13 +82,44 @@ | |||||
finished: false, | finished: false, | ||||
show:true, | show:true, | ||||
activeNames:[], | activeNames:[], | ||||
cropTypeOptions:[], | |||||
orderStatusOptions:[], | |||||
productList:[], | |||||
supplyDemand:{} | |||||
}; | }; | ||||
}, | }, | ||||
created() { | 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: { | 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> | </script> | ||||
@@ -1,54 +1,56 @@ | |||||
<template> | <template> | ||||
<div class="home_wrapper"> | <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> | |||||
<!-- 头部结束 --> | |||||
<!-- 头部结束 --> | |||||
<!-- 导航开始 --> | |||||
<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> | </div> | ||||
<!-- 导航结束 --> | |||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<div class="main"> | <div class="main"> | ||||
<div class="main_header"> | <div class="main_header"> | ||||
@@ -107,7 +109,7 @@ | |||||
</div> | </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> | <buyer></buyer> | ||||
</div> | </div> | ||||
@@ -220,6 +222,10 @@ | |||||
} | } | ||||
this.supplyDemandListYes = []; | this.supplyDemandListYes = []; | ||||
this.getList(); | this.getList(); | ||||
}, | |||||
openMain(){ | |||||
$('#topMain').attr('none'); | |||||
} | } | ||||
}, | }, | ||||
} | } | ||||
@@ -234,6 +240,9 @@ | |||||
align-items: center; | align-items: center; | ||||
background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4); | background-image: linear-gradient(to right , #6E93F3 , #7E89E9 , #54C6E4); | ||||
padding: 4vh 4% 2vh; | padding: 4vh 4% 2vh; | ||||
img{ | |||||
border-radius: 100%; | |||||
} | |||||
.header_box{ | .header_box{ | ||||
margin-left: 4%; | margin-left: 4%; | ||||
flex: 1; | flex: 1; | ||||
@@ -25,9 +25,10 @@ | |||||
</div> | </div> | ||||
<div class="main_content_right_list_center"> | <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"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">{{item.contractionName}}</p> | |||||
<p class="tt">{{item.demandName}}</p> | |||||
<div class="tab"> | <div class="tab"> | ||||
<p>¥<span>{{item.unitPrice}}</span>.00/{{item.unit}}</p> | <p>¥<span>{{item.unitPrice}}</span>.00/{{item.unit}}</p> | ||||
</div> | </div> | ||||
@@ -37,9 +38,9 @@ | |||||
</p> | </p> | ||||
</div> | </div> | ||||
</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> | ||||
</van-list> | </van-list> | ||||
@@ -94,7 +95,7 @@ | |||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : 0, | |||||
parentId : null, | |||||
tree:true | tree:true | ||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
@@ -112,9 +113,13 @@ | |||||
supplyorderList(this.query).then(response => { | supplyorderList(this.query).then(response => { | ||||
response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
if ( res.orderStatus == '1'){ | 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.cropType = this.selectDictLabel(this.cropTypeOptions, res.cropType); | ||||
res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | 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.supplyDemandList.push(res); | ||||
} | } | ||||
this.supplyDemandList1.push(res); | this.supplyDemandList1.push(res); | ||||
@@ -17,15 +17,15 @@ | |||||
<img src="../../../static/images/agriculturalTrusteeship/index/nav_01.png"/> | <img src="../../../static/images/agriculturalTrusteeship/index/nav_01.png"/> | ||||
<p>社会化</p> | <p>社会化</p> | ||||
</van-grid-item> | </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"/> | <img src="../../../static/images/agriculturalTrusteeship/index/nav_02.png"/> | ||||
<p>农担</p> | <p>农担</p> | ||||
</van-grid-item> | </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"/> | <img src="../../../static/images/agriculturalTrusteeship/index/nav_03.png"/> | ||||
<p>贷款</p> | <p>贷款</p> | ||||
</van-grid-item> | </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"/> | <img src="../../../static/images/agriculturalTrusteeship/index/nav_04.png"/> | ||||
<p>保险</p> | <p>保险</p> | ||||
</van-grid-item> | </van-grid-item> | ||||
@@ -4,7 +4,7 @@ | |||||
<div class="header"> | <div class="header"> | ||||
<div class="header_left" @click="onClickLeft"> | <div class="header_left" @click="onClickLeft"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/return.png"> | <img src="../../../../static/images/agriculturalTrusteeship/return.png"> | ||||
<p>保险服务</p> | |||||
<p>{{tt}}服务</p> | |||||
</div> | </div> | ||||
<p class="header_right">河东河西村</p> | <p class="header_right">河东河西村</p> | ||||
</div> | </div> | ||||
@@ -13,7 +13,7 @@ | |||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<div class="main"> | <div class="main"> | ||||
<van-tabs v-model="active" sticky animated> | <van-tabs v-model="active" sticky animated> | ||||
<van-tab title="保险公司"> | |||||
<van-tab :title="tt+'公司'"> | |||||
<div class="search"> | <div class="search"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | ||||
<input type="text" v-model="searchServiceInput" placeholder="输入需求进行搜索" /> | <input type="text" v-model="searchServiceInput" placeholder="输入需求进行搜索" /> | ||||
@@ -47,7 +47,7 @@ | |||||
</van-list> | </van-list> | ||||
</van-tab> | </van-tab> | ||||
<van-tab title="保险产品"> | |||||
<van-tab :title="tt+'产品'"> | |||||
<div class="search"> | <div class="search"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | <img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | ||||
<input type="text" v-model="searchInput" placeholder="输入需求进行搜索" /> | <input type="text" v-model="searchInput" placeholder="输入需求进行搜索" /> | ||||
@@ -115,10 +115,14 @@ | |||||
}, | }, | ||||
searchServiceInput:'', | searchServiceInput:'', | ||||
searchInput:'', | searchInput:'', | ||||
tt:'' | |||||
}; | }; | ||||
}, | }, | ||||
created() { | 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: { | methods: { | ||||
getServiceList(){ | getServiceList(){ | ||||
@@ -66,6 +66,7 @@ | |||||
}, | }, | ||||
created() { | created() { | ||||
this.query.financialServiceId = this.$route.query.id; | this.query.financialServiceId = this.$route.query.id; | ||||
this.tt = this.$route.query.financialName | this.tt = this.$route.query.financialName | ||||
}, | }, | ||||
methods: { | methods: { | ||||
@@ -98,7 +98,7 @@ | |||||
<p class="submit_btn" v-if="loginType == 'mj'" @click="handleLogin">登录1</p> | <p class="submit_btn" v-if="loginType == 'mj'" @click="handleLogin">登录1</p> | ||||
<p class="submit_btn" v-else @click="goLogin">登录</p> | <p class="submit_btn" v-else @click="goLogin">登录</p> | ||||
</van-tab> | </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'"> | <template v-if="loginType == 'bxjg' || loginType == 'dkjg' || loginType == 'ndjg'"> | ||||
<van-field v-model="serviceForm.financialName" center :border="false" placeholder="请输入机构名称" > | <van-field v-model="serviceForm.financialName" center :border="false" placeholder="请输入机构名称" > | ||||
@@ -727,6 +727,7 @@ | |||||
this.mainImgUploader2.splice(detail.index,1); | this.mainImgUploader2.splice(detail.index,1); | ||||
}, | }, | ||||
goRegister(){ | goRegister(){ | ||||
console.log(this.loginType) | |||||
if (this.loginType == 'bxjg' || this.loginType == 'dkjg' || this.loginType == 'ndjg'){ | if (this.loginType == 'bxjg' || this.loginType == 'dkjg' || this.loginType == 'ndjg'){ | ||||
this.serviceForm.mainImg = this.mainImgArr.join(','); | this.serviceForm.mainImg = this.mainImgArr.join(','); | ||||
this.serviceForm.username = encrypt(this.serviceForm.username); | this.serviceForm.username = encrypt(this.serviceForm.username); | ||||
@@ -736,7 +737,7 @@ | |||||
this.$notify({ type: 'success', message: '注册成功' }); | this.$notify({ type: 'success', message: '注册成功' }); | ||||
this.active = 0; | this.active = 0; | ||||
}) | }) | ||||
}else if(this.loginType = 'fwzz'){ | |||||
}else if(this.loginType == 'fwzz'){ | |||||
this.entityForm.mainImg = this.mainImgArrEntity.join(','); | this.entityForm.mainImg = this.mainImgArrEntity.join(','); | ||||
this.entityForm.userName = encrypt(this.entityForm.userName); | this.entityForm.userName = encrypt(this.entityForm.userName); | ||||
this.entityForm.password = encrypt(this.entityForm.password); | this.entityForm.password = encrypt(this.entityForm.password); | ||||
@@ -745,6 +746,9 @@ | |||||
this.active = 0; | this.active = 0; | ||||
}) | }) | ||||
} | } | ||||
// else if(this.loginType == 'mj'){ | |||||
// this.registerSubmit(); | |||||
// } | |||||
}, | }, | ||||
onConfirmStatisticsTypeId(data){ | onConfirmStatisticsTypeId(data){ | ||||
this.entityForm.statisticsTypeId = data.value; | this.entityForm.statisticsTypeId = data.value; | ||||
@@ -4,8 +4,8 @@ | |||||
<div class="header"> | <div class="header"> | ||||
<div class="search"> | <div class="search"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_01.png" /> | <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> | </div> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" alt="" @click="show = true"> | <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_01.png" alt="" @click="show = true"> | ||||
</div> | </div> | ||||
@@ -65,7 +65,7 @@ | |||||
</div> | </div> | ||||
<div class="main_content_right_list_center" @click="$router.push({name:'agriculturalTrusteeshipSocializationBillDetail',query:{id:item.id}})"> | <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;"> | <img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | ||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">{{item.contractionName}}</p> | <p class="tt">{{item.contractionName}}</p> | ||||
@@ -104,8 +104,8 @@ | |||||
<div class="selected" v-for="(item,index) in productList2" :key="index"> | <div class="selected" v-for="(item,index) in productList2" :key="index"> | ||||
<p class="on">{{item.dictName}}</p> | <p class="on">{{item.dictName}}</p> | ||||
<div class="options"> | <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> | </div> | ||||
<!-- <div class="selected">--> | <!-- <div class="selected">--> | ||||
@@ -188,7 +188,7 @@ | |||||
startOrderAt :this.format(new Date(),'yyyy-MM'), | startOrderAt :this.format(new Date(),'yyyy-MM'), | ||||
endOrderAt :this.format(new Date(),'yyyy-MM'), | endOrderAt :this.format(new Date(),'yyyy-MM'), | ||||
orderStatus :'', | orderStatus :'', | ||||
productType:'' | |||||
productTypeStr:'' | |||||
}, | }, | ||||
startOrderAt:this.format(new Date(),'yyyy年MM月'), | startOrderAt:this.format(new Date(),'yyyy年MM月'), | ||||
endOrderAt:this.format(new Date(),'yyyy年MM月'), | endOrderAt:this.format(new Date(),'yyyy年MM月'), | ||||
@@ -196,7 +196,8 @@ | |||||
startOrderAt:this.format(new Date(),'yyyy-MM'), | startOrderAt:this.format(new Date(),'yyyy-MM'), | ||||
endOrderAt:this.format(new Date(),'yyyy-MM'), | endOrderAt:this.format(new Date(),'yyyy-MM'), | ||||
}, | }, | ||||
content:'' | |||||
content:'', | |||||
searchInput:'' | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
@@ -233,9 +234,9 @@ | |||||
getList(){ | getList(){ | ||||
supplyorderList(this.query).then(response => { | supplyorderList(this.query).then(response => { | ||||
response.rows.map(res=>{ | 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.cropType = this.selectDictLabel(this.cropTypeOptions, res.cropType); | ||||
res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | ||||
@@ -284,9 +285,14 @@ | |||||
startOrderAt :this.format(new Date(),'yyyy-MM'), | startOrderAt :this.format(new Date(),'yyyy-MM'), | ||||
endOrderAt :this.format(new Date(),'yyyy-MM'), | endOrderAt :this.format(new Date(),'yyyy-MM'), | ||||
orderStatus :'', | orderStatus :'', | ||||
productType:'' | |||||
productTypeStr:'' | |||||
} | } | ||||
}, | }, | ||||
goSearch(){ | |||||
this.supplyDemandList = []; | |||||
this.query.demandName = this.searchInput; | |||||
this.getList(); | |||||
}, | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
@@ -21,17 +21,19 @@ | |||||
</div> | </div> | ||||
<div class="main_content_right_list_center"> | <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"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">{{supplyDemand.contractionName}}</p> | |||||
<p class="tt">{{supplyDemand.demandName}}</p> | |||||
<div class="tab"> | <div class="tab"> | ||||
<p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | <p>¥<span>{{supplyDemand.unitPrice}}</span>.00/{{supplyDemand.unit}}</p> | ||||
</div> | </div> | ||||
</div> | </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> | ||||
<div class="main_content_right_list"> | <div class="main_content_right_list"> | ||||
@@ -109,13 +111,9 @@ | |||||
response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | response.data.cropType = this.selectDictLabel(this.cropTypeOptions, response.data.cropType); | ||||
response.data.orderStatus = this.selectDictLabel(this.orderStatusOptions, response.data.orderStatus); | 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.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; | this.supplyDemand = response.data; | ||||
}); | }); | ||||
@@ -25,7 +25,7 @@ | |||||
</div> | </div> | ||||
<div class="main_content_right_list_center"> | <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;"> | <img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 25vw;height: 25vw;"> | ||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">{{item.contractionName}}</p> | <p class="tt">{{item.contractionName}}</p> | ||||
@@ -116,9 +116,9 @@ | |||||
supplyorderList(this.query).then(response => { | supplyorderList(this.query).then(response => { | ||||
response.rows.map(res=>{ | response.rows.map(res=>{ | ||||
if ( res.orderStatus == '1'){ | 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.cropType = this.selectDictLabel(this.cropTypeOptions, res.cropType); | ||||
res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | res.orderStatus = this.selectDictLabel(this.orderStatusOptions, res.orderStatus); | ||||
@@ -14,22 +14,22 @@ | |||||
<van-grid :column-num="4" :border="false"> | <van-grid :column-num="4" :border="false"> | ||||
<van-grid-item> | <van-grid-item> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_01.png" alt=""> | <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> | <p>已成交</p> | ||||
</van-grid-item> | </van-grid-item> | ||||
<van-grid-item> | <van-grid-item> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_02.png" alt=""> | <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> | <p>待处理</p> | ||||
</van-grid-item> | </van-grid-item> | ||||
<van-grid-item> | <van-grid-item> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_04.png" alt=""> | <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> | <p>已拒单</p> | ||||
</van-grid-item> | </van-grid-item> | ||||
<van-grid-item> | <van-grid-item> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/user_nav_03.png" alt=""> | <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> | <p style="color: #FF5D00">总收入</p> | ||||
</van-grid-item> | </van-grid-item> | ||||
</van-grid> | </van-grid> | ||||
@@ -49,13 +49,13 @@ | |||||
</van-cell> | </van-cell> | ||||
<div class="main_box" style="margin-top: 0;"> | <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> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
@@ -78,6 +78,7 @@ | |||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import agr from "@/components/common/agr_footer"; | import agr from "@/components/common/agr_footer"; | ||||
import dialogClose from "@/components/agriculturalTrusteeship/dialog"; | import dialogClose from "@/components/agriculturalTrusteeship/dialog"; | ||||
import {entityGet, orderStatistics} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipInsuranceList", | name: "agriculturalTrusteeshipInsuranceList", | ||||
components: { | components: { | ||||
@@ -92,13 +93,38 @@ | |||||
finished: false, | finished: false, | ||||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | ||||
zoom: 15, //地图展示级别 | zoom: 15, //地图展示级别 | ||||
showDialog:false | |||||
showDialog:false, | |||||
entityForm:{}, | |||||
content:{}, | |||||
statisticsTypeIdOptions:[], | |||||
industryClassificationTypeOptions:[], | |||||
modelSocietyTypeOptions:[], | |||||
}; | }; | ||||
}, | }, | ||||
created() { | 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: { | 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){ | openDialog(val){ | ||||
this.showDialog = val | this.showDialog = val | ||||
}, | }, | ||||
@@ -12,28 +12,141 @@ | |||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<div class="main"> | <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;"> | <div style="padding: 0 4% 2vh;"> | ||||
<van-uploader /> | |||||
<van-uploader v-model="entityForm.masterMapList" :after-read="afterReadEvidenceEntityForm" :before-delete="deleteFileEvidenceEntityForm" /> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -45,14 +158,14 @@ | |||||
</div> | </div> | ||||
<div class="main_btn"> | <div class="main_btn"> | ||||
<p>发布</p> | |||||
<p>存稿</p> | |||||
<p @click="submitForm">保存</p> | |||||
</div> | </div> | ||||
<!-- 内容结束 --> | <!-- 内容结束 --> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {commonUpload, entityGet, treeselect,entityEdit} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipSocializationRelease", | name: "agriculturalTrusteeshipSocializationRelease", | ||||
data() { | data() { | ||||
@@ -63,14 +176,132 @@ | |||||
finished: false, | finished: false, | ||||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | ||||
zoom: 15, //地图展示级别 | 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() { | 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: { | 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> | </script> | ||||