@@ -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 | |||||
}) | |||||
} |
@@ -95,11 +95,12 @@ service.interceptors.response.use(res => { | |||||
window.location.href = '/sunVillage/login'; | window.location.href = '/sunVillage/login'; | ||||
} else if (window.location.href.indexOf('/homestead/') != -1) { | } else if (window.location.href.indexOf('/homestead/') != -1) { | ||||
window.location.href = '/homestead/login'; | window.location.href = '/homestead/login'; | ||||
} else { | |||||
} else if (window.location.href.indexOf('yinnong') != -1){ | |||||
window.location.href = '/yinnongLogin'; | window.location.href = '/yinnongLogin'; | ||||
//window.location.href = '/zjdLogin'; | //window.location.href = '/zjdLogin'; | ||||
/*window.location.href = '/index';*/ | /*window.location.href = '/index';*/ | ||||
} else { | |||||
window.location.href = '/agriculturalTrusteeship/login'; | |||||
} | } | ||||
}) | }) | ||||
}) | }) | ||||
@@ -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,9 +59,10 @@ | |||||
</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.realityServiceMoney}}</span>.00</p> | ||||
</div> | </div> | ||||
@@ -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,13 +173,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'), | ||||
}, | }, | ||||
content:'' | |||||
content:'', | |||||
searchInput:'' | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : 0, | |||||
tree:true | |||||
parentId : null, | |||||
tree:false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
@@ -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,59 +1,72 @@ | |||||
<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"> | ||||
<p>社会化服务产品</p> | <p>社会化服务产品</p> | ||||
<p>河东河西村</p> | |||||
<p @click="showDeptId = true">{{deptName}}</p> | |||||
<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> | |||||
</div> | </div> | ||||
<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" /> | ||||
@@ -87,7 +100,7 @@ | |||||
@load="getList" | @load="getList" | ||||
> | > | ||||
<!-- @load="onLoad" @click="$router.push({name:'agriculturalTrusteeshipPlaceOrder'})"--> | <!-- @load="onLoad" @click="$router.push({name:'agriculturalTrusteeshipPlaceOrder'})"--> | ||||
<div class="main_content_right_list" v-for="(item,index) in supplyDemandListYes" :key="index" @click="$router.push({name:'agriculturalTrusteeshipPlaceOrder',query:{id:item.id}})"> | |||||
<div class="main_content_right_list" v-for="(item,index) in supplyDemandListYes" :key="index" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectDetail',query:{id:item.id}})"> | |||||
<img v-if="item.supplyMasterMap" :src="item.supplyMasterMap"> | <img v-if="item.supplyMasterMap" :src="item.supplyMasterMap"> | ||||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png"> | <img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png"> | ||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
@@ -107,7 +120,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> | ||||
@@ -115,7 +128,7 @@ | |||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import buyer from "@/components/common/buyer_footer"; | import buyer from "@/components/common/buyer_footer"; | ||||
import {productTypes, supplyDemandList} from "@/api/agriculturalTrusteeship"; | |||||
import {productTypes, supplyDemandList, treeselect} from "@/api/agriculturalTrusteeship"; | |||||
import {getInfo} from "@/api/login"; | import {getInfo} from "@/api/login"; | ||||
import request from "@/utils/request"; | import request from "@/utils/request"; | ||||
export default { | export default { | ||||
@@ -135,7 +148,8 @@ | |||||
productList:[], | productList:[], | ||||
main_content_right_header_tit:'全套服务', | main_content_right_header_tit:'全套服务', | ||||
query:{ | query:{ | ||||
entityId:Cookies.get('ACCESS-SESSION-ID'), | |||||
entityId:'', | |||||
serviceDeptId:'187', | |||||
productType:'', | productType:'', | ||||
supplyDemandName:'' | supplyDemandName:'' | ||||
}, | }, | ||||
@@ -145,6 +159,15 @@ | |||||
avatar:'', | avatar:'', | ||||
phonenumber:'', | phonenumber:'', | ||||
searchInput:'', | searchInput:'', | ||||
deptOptions:[], | |||||
deptName:'张村', | |||||
showDeptId:false, | |||||
villageValue : '', | |||||
hcAreaInfoFieldName: { | |||||
text: "label", | |||||
value: "value", | |||||
children: "children", | |||||
}, | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
@@ -161,6 +184,12 @@ | |||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
}); | }); | ||||
treeselect().then(res=>{ | |||||
if (res.code == 200) { | |||||
this.deptOptions = res.data; | |||||
} | |||||
}) | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getList(){ | getList(){ | ||||
@@ -220,7 +249,19 @@ | |||||
} | } | ||||
this.supplyDemandListYes = []; | this.supplyDemandListYes = []; | ||||
this.getList(); | this.getList(); | ||||
} | |||||
}, | |||||
openMain(){ | |||||
$('#topMain').attr('none'); | |||||
}, | |||||
//选择案件属地 | |||||
onConfirmDept({ selectedOptions }){ | |||||
this.query.serviceDeptId = selectedOptions[selectedOptions.length-1].value; | |||||
this.deptName = selectedOptions[selectedOptions.length-1].label; | |||||
this.showDeptId = false | |||||
this.supplyDemandListYes = []; | |||||
this.getList(); | |||||
}, | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
@@ -234,6 +275,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; | ||||
@@ -188,17 +188,12 @@ | |||||
}); | }); | ||||
}); | }); | ||||
let query = { | let query = { | ||||
parentId : '' | |||||
} | |||||
let query1 = { | |||||
tree : true | |||||
parentId : null, | |||||
tree : false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
}); | }); | ||||
productTypes(query1).then(response => { | |||||
this.productList1 = response.data; | |||||
}); | |||||
this.getDicts("newBusinessEntity_statistics_project").then(response => { | this.getDicts("newBusinessEntity_statistics_project").then(response => { | ||||
for (var i = 0; i < response.data.length; i++) { | for (var i = 0; i < response.data.length; i++) { | ||||
this.projectTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | this.projectTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | ||||
@@ -214,7 +209,7 @@ | |||||
getDetail(){ | getDetail(){ | ||||
supplyDemandGet(this.$route.query.id).then(response => { | supplyDemandGet(this.$route.query.id).then(response => { | ||||
response.data.bodyType = this.selectDictLabel(this.bodyTypeOptions, response.data.bodyType); | response.data.bodyType = this.selectDictLabel(this.bodyTypeOptions, response.data.bodyType); | ||||
this.productType = this.productList1.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | |||||
this.productType = this.productList.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | |||||
if (response.data.supplyMasterMap){ | if (response.data.supplyMasterMap){ | ||||
var attachement = response.data.supplyMasterMap.split( "," ); | var attachement = response.data.supplyMasterMap.split( "," ); | ||||
response.data.supplyMasterMap = '/api' + attachement[0]; | response.data.supplyMasterMap = '/api' + attachement[0]; | ||||
@@ -250,7 +245,7 @@ | |||||
this.supplyDemand.serviceAddress = this.user.deptName | this.supplyDemand.serviceAddress = this.user.deptName | ||||
placeOrder(this.supplyDemand).then(response => { | placeOrder(this.supplyDemand).then(response => { | ||||
if(response.code=="200"){ | if(response.code=="200"){ | ||||
this.$notify({ type: 'success', message: '发布成功' }); | |||||
this.$notify({ type: 'success', message: '下单成功' }); | |||||
setTimeout(function(){ | setTimeout(function(){ | ||||
history.back(-1); | history.back(-1); | ||||
},2000) | },2000) | ||||
@@ -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,8 +95,8 @@ | |||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : 0, | |||||
tree:true | |||||
parentId : null, | |||||
tree:false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
@@ -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> | ||||
@@ -76,7 +76,7 @@ | |||||
</van-tabs> | </van-tabs> | ||||
</div> | </div> | ||||
<div class="main_content_right_nav" v-if="activeKey!=0"> | <div class="main_content_right_nav" v-if="activeKey!=0"> | ||||
<p v-for="(item,index) in productListChildren" :key="index">{{item.dictName}}</p> | |||||
<p :class="{'active':query.productType == item.id}" @click="tabChange(item.id)" v-for="(item,index) in productListChildren" :key="index">{{item.dictName}}</p> | |||||
</div> | </div> | ||||
<van-list | <van-list | ||||
@@ -127,7 +127,7 @@ | |||||
productList:[], | productList:[], | ||||
main_content_right_header_tit:'全套服务', | main_content_right_header_tit:'全套服务', | ||||
query:{ | query:{ | ||||
entityId:Cookies.get('ACCESS-SESSION-ID'), | |||||
entityId:'', | |||||
productType:'', | productType:'', | ||||
supplyDemandName:'' | supplyDemandName:'' | ||||
}, | }, | ||||
@@ -198,7 +198,12 @@ | |||||
} | } | ||||
this.supplyDemandListYes = []; | this.supplyDemandListYes = []; | ||||
this.getList(); | this.getList(); | ||||
} | |||||
}, | |||||
tabChange(val){ | |||||
this.query.productType = val; | |||||
this.supplyDemandListYes=[]; | |||||
this.getList(); | |||||
}, | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
@@ -345,13 +350,19 @@ | |||||
} | } | ||||
.main_content_right_nav{ | .main_content_right_nav{ | ||||
display: flex; | display: flex; | ||||
justify-content: space-between; | |||||
flex-wrap: wrap; | |||||
margin-top: 2vh; | margin-top: 2vh; | ||||
p{ | p{ | ||||
padding: 5PX 10PX; | padding: 5PX 10PX; | ||||
background: #F5F5F5; | background: #F5F5F5; | ||||
color: #8F8F8F; | color: #8F8F8F; | ||||
border-radius: 4PX; | border-radius: 4PX; | ||||
margin-right: 10PX; | |||||
margin-bottom: 10PX; | |||||
&.active{ | |||||
background: #E2E9FD; | |||||
color: #1B5DEA; | |||||
} | |||||
} | } | ||||
} | } | ||||
.main_content_right_list{ | .main_content_right_list{ | ||||
@@ -4,16 +4,27 @@ | |||||
<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" @click="showDeptId = true">{{deptName}}</p> | |||||
<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> | |||||
</div> | </div> | ||||
<!-- 头部结束 --> | <!-- 头部结束 --> | ||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<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 +58,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="输入需求进行搜索" /> | ||||
@@ -61,7 +72,7 @@ | |||||
@load="getList" | @load="getList" | ||||
> | > | ||||
<!-- @load="onLoad"--> | <!-- @load="onLoad"--> | ||||
<div class="main_content_right_list" v-for="(item,index) in productListYes" :key="index" @click="$router.push({name:'agriculturalTrusteeshipInsuranceProjectDetail',query:{id:item.id}})"> | |||||
<div class="main_content_right_list" v-for="(item,index) in productListYes" :key="index" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectDetail',query:{id:item.id}})"> | |||||
<img v-if="item.mainImg" :src="item.mainImg" style="width: 18vw;height: 18vw;"> | <img v-if="item.mainImg" :src="item.mainImg" style="width: 18vw;height: 18vw;"> | ||||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 18vw;height: 18vw;"> | <img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 18vw;height: 18vw;"> | ||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
@@ -84,7 +95,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {productList, productTypes, serviceList} from "@/api/agriculturalTrusteeship"; | |||||
import {productList, productTypes, serviceList, treeselect} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipInsuranceList", | name: "agriculturalTrusteeshipInsuranceList", | ||||
data() { | data() { | ||||
@@ -106,19 +117,41 @@ | |||||
main_content_right_header_tit:'全套服务', | main_content_right_header_tit:'全套服务', | ||||
query:{ | query:{ | ||||
entityId:'', | entityId:'', | ||||
serviceDeptId:'187', | |||||
entityName:'', | entityName:'', | ||||
productType:'' | productType:'' | ||||
}, | }, | ||||
query2:{ | query2:{ | ||||
productName :'', | productName :'', | ||||
serviceDeptId:'187', | |||||
orderByColumn:'order_score' | orderByColumn:'order_score' | ||||
}, | }, | ||||
searchServiceInput:'', | searchServiceInput:'', | ||||
searchInput:'', | searchInput:'', | ||||
tt:'', | |||||
deptOptions:[], | |||||
deptName:'张村', | |||||
showDeptId:false, | |||||
villageValue : '', | |||||
hcAreaInfoFieldName: { | |||||
text: "label", | |||||
value: "value", | |||||
children: "children", | |||||
}, | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
this.query.financialType = this.$route.query.type; | |||||
this.query2.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 = '贷款'} | |||||
treeselect().then(res=>{ | |||||
if (res.code == 200) { | |||||
this.deptOptions = res.data; | |||||
} | |||||
}) | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getServiceList(){ | getServiceList(){ | ||||
@@ -205,7 +238,18 @@ | |||||
} | } | ||||
this.supplyDemandListYes = []; | this.supplyDemandListYes = []; | ||||
this.getList(); | this.getList(); | ||||
} | |||||
}, | |||||
//选择案件属地 | |||||
onConfirmDept({ selectedOptions }){ | |||||
this.query.serviceDeptId = selectedOptions[selectedOptions.length-1].value; | |||||
this.query2.serviceDeptId = selectedOptions[selectedOptions.length-1].value; | |||||
this.deptName = selectedOptions[selectedOptions.length-1].label; | |||||
this.showDeptId = false | |||||
this.supplyDemandListYes = []; | |||||
this.serviceList = []; | |||||
this.getServiceList(); | |||||
this.getList(); | |||||
}, | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
@@ -24,7 +24,7 @@ | |||||
@load="getList" | @load="getList" | ||||
> | > | ||||
<!-- @load="onLoad"--> | <!-- @load="onLoad"--> | ||||
<div class="main_content_right_list" v-for="(item,index) in productListYes" @click="$router.push({name:'agriculturalTrusteeshipInsuranceProjectDetail',query:{id:item.id}})"> | |||||
<div class="main_content_right_list" v-for="(item,index) in productListYes" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectDetail',query:{id:item.id}})"> | |||||
<img v-if="item.mainImg" :src="item.mainImg" style="width: 18vw;height: 18vw;"> | <img v-if="item.mainImg" :src="item.mainImg" style="width: 18vw;height: 18vw;"> | ||||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 18vw;height: 18vw;"> | <img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 18vw;height: 18vw;"> | ||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
@@ -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: { | ||||
@@ -75,10 +76,7 @@ | |||||
if(res.sysYesNo == 'Y'){ | if(res.sysYesNo == 'Y'){ | ||||
if (res.mainImg){ | if (res.mainImg){ | ||||
let supplyMasterMap = res.mainImg.split( "," ) | let supplyMasterMap = res.mainImg.split( "," ) | ||||
res.mainImg2 = [] | |||||
supplyMasterMap.map(rr=>{ | |||||
res.mainImg2.push('/api'+rr) | |||||
}) | |||||
res.mainImg = '/api'+supplyMasterMap[0] | |||||
} | } | ||||
this.productListYes.push(res); | this.productListYes.push(res); | ||||
} | } | ||||
@@ -3,15 +3,15 @@ | |||||
<!-- 头部开始 --> | <!-- 头部开始 --> | ||||
<div class="header"> | <div class="header"> | ||||
<!-- @click="onClickLeft"--> | <!-- @click="onClickLeft"--> | ||||
<div class="header_left" v-if="navDis == 'none'" @click="navDis = 'block',loginDis = 'none'"> | |||||
<div class="header_left" v-if="navDis == 'none'" @click="loginType='',navDis = 'block',loginDis = 'none'"> | |||||
<img src="../../../static/images/agriculturalTrusteeship/return.png"> | <img src="../../../static/images/agriculturalTrusteeship/return.png"> | ||||
</div> | </div> | ||||
<div class="header_left" v-if="navDis == 'block'" @click="$router.push({ path: '/agriculturalTrusteeship/index' })"> | |||||
<div class="header_left" v-if="navDis == 'block'" @click="loginType='',$router.push({ path: '/agriculturalTrusteeship/index' })"> | |||||
<img src="../../../static/images/agriculturalTrusteeship/return.png"> | <img src="../../../static/images/agriculturalTrusteeship/return.png"> | ||||
</div> | </div> | ||||
<div class="tit"> | <div class="tit"> | ||||
<p>大托管服务中心</p> | <p>大托管服务中心</p> | ||||
<p>登录注册</p> | |||||
<p>{{loginType=='mj'?'买家':loginType=='fwzz'?'社会化服务组织':loginType=='bxjg'?'保险机构':loginType=='dkjg'?'贷款机构':loginType=='ndjg'?'农担机构':''}}登录注册</p> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<!-- 头部结束 --> | <!-- 头部结束 --> | ||||
@@ -95,253 +95,255 @@ | |||||
<div class="clear"></div> | <div class="clear"></div> | ||||
</div> | </div> | ||||
<!-- $router.push({name:'agriculturalTrusteeshipShopList'})--> | <!-- $router.push({name:'agriculturalTrusteeshipShopList'})--> | ||||
<p class="submit_btn" v-if="loginType == 'mj'" @click="handleLogin">登录1</p> | |||||
<p class="submit_btn" v-if="loginType == 'mj'" @click="handleLogin">登录</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'"> | |||||
<van-field v-model="serviceForm.financialName" center :border="false" placeholder="请输入机构名称" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_01.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.linker" center :border="false" placeholder="请输入联系人"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_04.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.address" center :border="false" placeholder="请输入地址" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<!-- <van-field v-model="value1" center :border="false" placeholder="请输入成立时间">--> | |||||
<!-- <template #left-icon>--> | |||||
<!-- <img src="../../../static/images/agriculturalTrusteeship/login/register_05.png" alt="">--> | |||||
<!-- </template>--> | |||||
<!-- </van-field>--> | |||||
<van-field v-model="serviceForm.phone" center :border="false" placeholder="请输入电话"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_07.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.username" center :border="false" placeholder="请输入用户名" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_06.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.password" center :border="false" placeholder="请输入密码" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.passwordReal" center :border="false" placeholder="请确认密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.fax" center :border="false" placeholder="请输入传真"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_05.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.description" center :border="false" placeholder="请输入简要描述"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_03.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<div style="height: 20PX"></div> | |||||
<van-uploader v-model="mainImgUploader" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
</template> | |||||
<template v-if="loginType == 'fwzz'"> | |||||
<van-field v-model="entityForm.entityName" center :border="false" placeholder="请输入主体名称" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_01.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择产品类型'}]" | |||||
v-model="statisticsTypeId" | |||||
center | |||||
@click="showStatisticsTypeId = true" | |||||
:border="false" | |||||
right-icon="arrow-down" | |||||
placeholder="请选择主体类别"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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" | |||||
:border="false" | |||||
right-icon="arrow-down" | |||||
placeholder="请选择生产种类" | |||||
> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_03.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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" | |||||
:border="false" | |||||
right-icon="arrow-down" | |||||
placeholder="请选择示范类型" | |||||
> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_04.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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 | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择案件属地' }]" | |||||
v-model="deptName" | |||||
placeholder="请选择主体属地" | |||||
@click="showDeptId = true" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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 v-model="entityForm.entityAddress" center :border="false" placeholder="请输入主体地址" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择成立时间'}]" | |||||
v-model="entityForm.registerTime" | |||||
center | |||||
@click="showRegisterTime = true" | |||||
:border="false" | |||||
right-icon="arrow-down" | |||||
placeholder="请选择成立时间" | |||||
> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_05.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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 v-model="entityForm.principalName" center :border="false" placeholder="请输入负责人姓名"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_06.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="entityForm.tal" center :border="false" placeholder="请输入联系方式"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_07.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="entityForm.userName" center :border="false" placeholder="请输入账号"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_06.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="entityForm.password" center :border="false" placeholder="请输入密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="entityForm.passwordReal" center :border="false" placeholder="请确认密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-form @submit="goRegister" ref="formData" show-error :show-error-message="false"> | |||||
<template v-if="loginType == 'bxjg' || loginType == 'dkjg' || loginType == 'ndjg'"> | |||||
<van-field v-model="serviceForm.financialName" required :rules="[{ required: true }]" center :border="false" placeholder="请输入机构名称" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_01.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.linker" required :rules="[{ required: true }]" center :border="false" placeholder="请输入联系人"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_04.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.address" required :rules="[{ required: true }]" center :border="false" placeholder="请输入地址" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<!-- <van-field v-model="value1" center :border="false" placeholder="请输入成立时间">--> | |||||
<!-- <template #left-icon>--> | |||||
<!-- <img src="../../../static/images/agriculturalTrusteeship/login/register_05.png" alt="">--> | |||||
<!-- </template>--> | |||||
<!-- </van-field>--> | |||||
<van-field v-model="serviceForm.phone" required :rules="[{ required: true }]" center :border="false" placeholder="请输入电话"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_07.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.username" required :rules="[{ required: true }]" center :border="false" placeholder="请输入用户名" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_06.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.password" required :rules="[{ required: true }]" center :border="false" placeholder="请输入密码" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.passwordReal" required :rules="[{ required: true }]" center :border="false" placeholder="请确认密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.fax" center :border="false" placeholder="请输入传真"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_05.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="serviceForm.description" center :border="false" placeholder="请输入简要描述"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_03.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<div style="height: 20PX"></div> | |||||
<van-uploader v-model="mainImgUploader" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
<div style="height: 20PX"></div> | |||||
<van-uploader v-model="mainImgUploader2" :after-read="afterReadEvidenceEntityForm" :before-delete="deleteFileEvidenceEntityForm" /> | |||||
</template> | |||||
<template v-if="loginType == 'fwzz'"> | |||||
<van-field v-model="entityForm.entityName" required :rules="[{ required: true }]" center :border="false" placeholder="请输入主体名称" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_01.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true }]" | |||||
v-model="statisticsTypeId" | |||||
center | |||||
@click="showStatisticsTypeId = true" | |||||
:border="false" | |||||
right-icon="arrow-down" | |||||
placeholder="请选择主体类别"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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 }]" | |||||
v-model="industryClassificationType" | |||||
center | |||||
@click="showIndustryClassificationType = true" | |||||
:border="false" | |||||
right-icon="arrow-down" | |||||
placeholder="请选择生产种类" | |||||
> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_03.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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 }]" | |||||
v-model="modelSocietyType" | |||||
center | |||||
@click="showModelSocietyType = true" | |||||
:border="false" | |||||
right-icon="arrow-down" | |||||
placeholder="请选择示范类型" | |||||
> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_04.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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 | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true }]" | |||||
v-model="deptName" | |||||
placeholder="请选择主体属地" | |||||
@click="showDeptId = true" | |||||
right-icon="arrow-down" | |||||
:border="false" | |||||
label-width="auto" | |||||
> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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 v-model="entityForm.entityAddress" required :rules="[{ required: true }]" center :border="false" placeholder="请输入主体地址" > | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_02.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true }]" | |||||
v-model="entityForm.registerTime" | |||||
center | |||||
@click="showRegisterTime = true" | |||||
:border="false" | |||||
right-icon="arrow-down" | |||||
placeholder="请选择成立时间" | |||||
> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_05.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<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 v-model="entityForm.principalName" required :rules="[{ required: true }]" center :border="false" placeholder="请输入负责人姓名"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_06.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="entityForm.tal" required :rules="[{ required: true }]" center :border="false" placeholder="请输入联系方式"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_07.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="entityForm.userName" required :rules="[{ required: true }]" center :border="false" placeholder="请输入账号"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_06.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="entityForm.password" required :rules="[{ required: true }]" center :border="false" placeholder="请输入密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<van-field v-model="entityForm.passwordReal" required :rules="[{ required: true }]" center :border="false" placeholder="请确认密码"> | |||||
<template #left-icon> | |||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_08.png" alt=""> | |||||
</template> | |||||
</van-field> | |||||
<div style="height: 20PX"></div> | |||||
<van-uploader v-model="mainImgUploader2" :after-read="afterReadEvidenceEntityForm" :before-delete="deleteFileEvidenceEntityForm" /> | |||||
</template> | |||||
<p class="submit_btn" @click="goRegister">提交审核</p> | |||||
</template> | |||||
<p class="submit_btn" @click="$refs.formData.submit()">提交审核</p> | |||||
</van-form> | |||||
</van-tab> | </van-tab> | ||||
</van-tabs> | </van-tabs> | ||||
</div> | </div> | ||||
@@ -455,7 +457,7 @@ | |||||
this.formData.username = encrypt(this.username); | this.formData.username = encrypt(this.username); | ||||
this.formData.password = encrypt(this.password); | this.formData.password = encrypt(this.password); | ||||
this.formData.financialType = '2'; | |||||
this.formData.financialType = this.financialType; | |||||
serviceLogin(this.formData).then(response => { | serviceLogin(this.formData).then(response => { | ||||
Cookies.set("ACCESS-SESSION-ID", response.data.id); | Cookies.set("ACCESS-SESSION-ID", response.data.id); | ||||
Cookies.set("ServiceInformation", response.data); | Cookies.set("ServiceInformation", response.data); | ||||
@@ -476,7 +478,16 @@ | |||||
} | } | ||||
}, | }, | ||||
tabsChange(name){ | tabsChange(name){ | ||||
console.log(name) | |||||
this.serviceForm = {}; | |||||
this.entityForm = {}; | |||||
this.statisticsTypeId = ''; | |||||
this.industryClassificationType = ''; | |||||
this.modelSocietyType = ''; | |||||
this.deptName = ''; | |||||
this.mainImgArr = []; | |||||
this.mainImgArrEntity = []; | |||||
this.mainImgUploader = []; | |||||
this.mainImgUploader2 = []; | |||||
if ( name == 'register' ){ | if ( name == 'register' ){ | ||||
this.position = 'relative'; | this.position = 'relative'; | ||||
this.top = '40px'; | this.top = '40px'; | ||||
@@ -727,6 +738,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 +748,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 +757,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; | ||||
@@ -799,14 +814,16 @@ | |||||
height: 30PX; | height: 30PX; | ||||
justify-content: center; | justify-content: center; | ||||
border-radius: 100%; | border-radius: 100%; | ||||
z-index: 999; | |||||
} | } | ||||
.tit{ | .tit{ | ||||
font-size: .7rem; | font-size: .7rem; | ||||
color: #334281; | color: #334281; | ||||
text-align: center; | text-align: center; | ||||
position: absolute; | position: absolute; | ||||
left: 50%; | |||||
transform: translateX(-50%); | |||||
//left: 50%; | |||||
//transform: translateX(-50%); | |||||
width: 92%; | |||||
line-height: 1; | line-height: 1; | ||||
p{ | p{ | ||||
&:nth-child(1){ | &:nth-child(1){ | ||||
@@ -897,4 +914,11 @@ | |||||
border-radius: 50PX; | border-radius: 50PX; | ||||
} | } | ||||
} | } | ||||
/deep/ .van-cell--required::before{ | |||||
left: 20PX; | |||||
color: rgb(30, 103, 255); | |||||
} | |||||
/deep/ .van-cell__value{ | |||||
padding-left: 10PX; | |||||
} | |||||
</style> | </style> |
@@ -2,7 +2,7 @@ | |||||
<div class="home_wrapper"> | <div class="home_wrapper"> | ||||
<!-- 头部开始 --> | <!-- 头部开始 --> | ||||
<van-nav-bar | <van-nav-bar | ||||
title="编辑保险公司信息" | |||||
title="编辑公司信息" | |||||
fixed | fixed | ||||
placeholder | placeholder | ||||
left-arrow | left-arrow | ||||
@@ -11,41 +11,24 @@ | |||||
<!-- 头部结束 --> | <!-- 头部结束 --> | ||||
<!-- 内容开始 --> | |||||
<div class="main"> | |||||
<van-field label="产品名称" v-model="product.productName" input-align="right" placeholder="请输入产品名称" /> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择产品类型'}]" | |||||
v-model="productType" | |||||
label="产品类型" | |||||
placeholder="请选择产品类型" | |||||
@click="showProductType = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showProductType" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="productTypeOptions" | |||||
@confirm="onConfirmProductType" | |||||
@cancel="showProductType = false" | |||||
/> | |||||
</van-popup> | |||||
<van-form @submit="submitForm" ref="formData" show-error :show-error-message="false"> | |||||
<!-- 内容开始 --> | |||||
<div class="main"> | |||||
<van-field label="产品名称" required :rules="[{ required: true }]" v-model="product.productName" input-align="right" placeholder="请输入产品名称" /> | |||||
<van-field label="简介" type="textarea" autosize v-model="product.productLink" input-align="right" placeholder="请输入简介" /> | |||||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||||
<div style="padding: 0 4% 2vh;"> | |||||
<van-uploader v-model="product.mainImgList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
<van-field label="产品类型" required :rules="[{ required: true }]" v-model="product.productType" input-align="right" placeholder="请输入产品类型" /> | |||||
<van-field label="产品描述" required :rules="[{ required: true }]" type="textarea" autosize v-model="product.productLink" input-align="right" placeholder="请输入产品描述" /> | |||||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||||
<div style="padding: 0 4% 2vh;"> | |||||
<van-uploader v-model="product.mainImgList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
</div> | |||||
</div> | </div> | ||||
</div> | |||||
<div class="main_btn"> | |||||
<p @click="submitForm">发布</p> | |||||
</div> | |||||
<div class="main_btn" @click="$refs.formData.submit()"> | |||||
<p>发布</p> | |||||
</div> | |||||
</van-form> | |||||
<!-- 内容结束 --> | <!-- 内容结束 --> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
@@ -2,7 +2,7 @@ | |||||
<div class="home_wrapper"> | <div class="home_wrapper"> | ||||
<!-- 头部开始 --> | <!-- 头部开始 --> | ||||
<van-nav-bar | <van-nav-bar | ||||
title="发布商品" | |||||
title="查看商品" | |||||
fixed | fixed | ||||
placeholder | placeholder | ||||
left-arrow | left-arrow | ||||
@@ -2,7 +2,7 @@ | |||||
<div class="home_wrapper"> | <div class="home_wrapper"> | ||||
<!-- 头部开始 --> | <!-- 头部开始 --> | ||||
<van-nav-bar | <van-nav-bar | ||||
title="发布商品" | |||||
title="修改商品" | |||||
fixed | fixed | ||||
placeholder | placeholder | ||||
left-arrow | left-arrow | ||||
@@ -12,39 +12,24 @@ | |||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<div class="main"> | |||||
<van-field label="产品名称" v-model="product.productName" input-align="right" placeholder="无" /> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择产品类型'}]" | |||||
v-model="productType" | |||||
label="产品类型" | |||||
placeholder="请选择产品类型" | |||||
@click="showProductType = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showProductType" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="productTypeOptions" | |||||
@confirm="onConfirmProductType" | |||||
@cancel="showProductType = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field label="简介" type="textarea" autosize v-model="product.productLink" input-align="right" placeholder="无" /> | |||||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||||
<div style="padding: 0 4% 2vh;"> | |||||
<van-uploader v-model="product.mainImgList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
<van-form @submit="submitForm" ref="formData" show-error :show-error-message="false"> | |||||
<div class="main"> | |||||
<van-field label="产品名称" required :rules="[{ required: true }]" v-model="product.productName" input-align="right" placeholder="请输入产品名称" /> | |||||
<van-field label="产品类型" required :rules="[{ required: true }]" v-model="product.productType" input-align="right" placeholder="请输入产品类型" /> | |||||
<van-field label="产品描述" required :rules="[{ required: true }]" type="textarea" autosize v-model="product.productLink" input-align="right" placeholder="请输入产品描述" /> | |||||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||||
<div style="padding: 0 4% 2vh;"> | |||||
<van-uploader v-model="product.mainImgList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
</div> | |||||
</div> | </div> | ||||
</div> | |||||
<div class="main_btn"> | |||||
<p @click="submitForm">发布</p> | |||||
</div> | |||||
<div class="main_btn"> | |||||
<p @click="$refs.formData.submit()">发布</p> | |||||
</div> | |||||
</van-form> | |||||
<!-- 内容结束 --> | <!-- 内容结束 --> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
@@ -6,7 +6,18 @@ | |||||
<img src="../../../../static/images/agriculturalTrusteeship/return.png"> | <img src="../../../../static/images/agriculturalTrusteeship/return.png"> | ||||
<p>退出登录</p> | <p>退出登录</p> | ||||
</div> | </div> | ||||
<p class="header_right">河东河西村</p> | |||||
<!-- <p class="header_right" @click="showDeptId = true">{{deptName}}</p>--> | |||||
<!-- <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>--> | |||||
</div> | </div> | ||||
<!-- 头部结束 --> | <!-- 头部结束 --> | ||||
@@ -17,26 +28,27 @@ | |||||
<p class="tt">公司信息</p> | <p class="tt">公司信息</p> | ||||
</template> | </template> | ||||
<template #right-icon> | <template #right-icon> | ||||
<!-- v-if="serviceForm.auditStatus != '3'"--> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_edit.png" @click="$router.push({name:'agriculturalTrusteeshipServiceEdit'})"> | <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_edit.png" @click="$router.push({name:'agriculturalTrusteeshipServiceEdit'})"> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
:value="serviceForm.financialName" | |||||
label="机构名称" | label="机构名称" | ||||
left-icon="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_com.png" | left-icon="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_com.png" | ||||
input-align="right" | input-align="right" | ||||
:border="false" | :border="false" | ||||
placeholder="机构名称" | |||||
> | |||||
<template #input> | |||||
/> | |||||
<van-cell :border="false"> | |||||
<template #title> | |||||
<div class="serviceName"> | <div class="serviceName"> | ||||
<span :class="{'active':serviceForm.auditStatus == '3'}">{{serviceForm.auditStatus == '1'?'待审核':serviceForm.auditStatus == '3'?'已通过':serviceForm.auditStatus == '2'?'驳回':''}}</span> | <span :class="{'active':serviceForm.auditStatus == '3'}">{{serviceForm.auditStatus == '1'?'待审核':serviceForm.auditStatus == '3'?'已通过':serviceForm.auditStatus == '2'?'驳回':''}}</span> | ||||
<p>{{serviceForm.financialName}}</p> | <p>{{serviceForm.financialName}}</p> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
</van-field> | |||||
</van-cell> | |||||
<van-field | <van-field | ||||
readonly | readonly | ||||
@@ -126,7 +138,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {productList , productOut , productIn , serviceGet} from "@/api/agriculturalTrusteeship"; | |||||
import {productList, productOut, productIn, serviceGet, treeselect} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipShopList", | name: "agriculturalTrusteeshipShopList", | ||||
data() { | data() { | ||||
@@ -141,13 +153,27 @@ | |||||
query:{ | query:{ | ||||
financialServiceId:Cookies.get('ACCESS-SESSION-ID'), | financialServiceId:Cookies.get('ACCESS-SESSION-ID'), | ||||
pageNum:1, | pageNum:1, | ||||
pageSize:'10' | |||||
pageSize:'10', | |||||
}, | |||||
serviceForm:{}, | |||||
deptOptions:[], | |||||
deptName:'张村', | |||||
showDeptId:false, | |||||
villageValue : '', | |||||
hcAreaInfoFieldName: { | |||||
text: "label", | |||||
value: "value", | |||||
children: "children", | |||||
}, | }, | ||||
serviceForm:{} | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
this.getDetail(); | this.getDetail(); | ||||
treeselect().then(res=>{ | |||||
if (res.code == 200) { | |||||
this.deptOptions = res.data; | |||||
} | |||||
}) | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getDetail(){ | getDetail(){ | ||||
@@ -191,6 +217,15 @@ | |||||
location.reload() | location.reload() | ||||
}); | }); | ||||
}, | }, | ||||
//选择案件属地 | |||||
onConfirmDept({ selectedOptions }){ | |||||
this.query.deptId = selectedOptions[selectedOptions.length-1].value; | |||||
this.deptName = selectedOptions[selectedOptions.length-1].label; | |||||
this.showDeptId = false | |||||
this.productListYes = []; | |||||
this.productListNo = []; | |||||
this.getList(); | |||||
}, | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
@@ -228,6 +263,7 @@ | |||||
.serviceName{ | .serviceName{ | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
justify-content: space-between; | |||||
span{ | span{ | ||||
background: #E8E8E8; | background: #E8E8E8; | ||||
padding: 0 8PX; | padding: 0 8PX; | ||||
@@ -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> | ||||
@@ -22,6 +22,7 @@ | |||||
<van-datetime-picker | <van-datetime-picker | ||||
v-model="currentDateStar" | v-model="currentDateStar" | ||||
@confirm="onConfirmStar" | @confirm="onConfirmStar" | ||||
@cancel = "startTimeShow = false" | |||||
type="year-month" | type="year-month" | ||||
title="选择年月" | title="选择年月" | ||||
/> | /> | ||||
@@ -30,6 +31,7 @@ | |||||
<van-datetime-picker | <van-datetime-picker | ||||
v-model="currentDateEnd" | v-model="currentDateEnd" | ||||
@confirm="onConfirmEnd" | @confirm="onConfirmEnd" | ||||
@cancel = "endTimeShow = false" | |||||
type="year-month" | type="year-month" | ||||
title="选择年月" | title="选择年月" | ||||
/> | /> | ||||
@@ -65,7 +67,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> | ||||
@@ -196,7 +198,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() { | ||||
@@ -205,22 +208,17 @@ | |||||
}); | }); | ||||
let query = { | let query = { | ||||
parentId : null, | parentId : null, | ||||
tree:true | |||||
tree:false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
}); | }); | ||||
let query2 = { | let query2 = { | ||||
parentId : null, | parentId : null, | ||||
tree:false | |||||
tree:true | |||||
} | } | ||||
productTypes(query2).then(response => { | productTypes(query2).then(response => { | ||||
response.data.map(res=>{ | |||||
res.children.map(rr=>{ | |||||
rr.active = false; | |||||
}) | |||||
}) | |||||
this.productList2 = response.data; | |||||
this.productList2 = response.data; | |||||
}); | }); | ||||
this.getDicts("crop_type").then(response => { | this.getDicts("crop_type").then(response => { | ||||
this.cropTypeOptions = response.data; | this.cropTypeOptions = response.data; | ||||
@@ -233,9 +231,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); | ||||
@@ -253,8 +251,8 @@ | |||||
}, | }, | ||||
onConfirmStar(data){ | onConfirmStar(data){ | ||||
this.supplyDemandList = []; | this.supplyDemandList = []; | ||||
this.params.startOrderAt = this.format(data,'yyyy-mm'); | |||||
this.query.startOrderAt = this.format(data,'yyyy-mm'); | |||||
this.params.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月'); | ||||
this.startTimeShow = false; | this.startTimeShow = false; | ||||
orderStatistics(this.params).then(response => { | orderStatistics(this.params).then(response => { | ||||
@@ -264,8 +262,8 @@ | |||||
}, | }, | ||||
onConfirmEnd(data){ | onConfirmEnd(data){ | ||||
this.supplyDemandList = []; | this.supplyDemandList = []; | ||||
this.params.endOrderAt = this.format(data,'yyyy-mm'); | |||||
this.query.endOrderAt = this.format(data,'yyyy-mm'); | |||||
this.params.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月'); | ||||
this.endTimeShow = false; | this.endTimeShow = false; | ||||
orderStatistics(this.params).then(response => { | orderStatistics(this.params).then(response => { | ||||
@@ -286,6 +284,14 @@ | |||||
orderStatus :'', | orderStatus :'', | ||||
productType:'' | productType:'' | ||||
} | } | ||||
this.params.startOrderAt = this.format(new Date(),'yyyy-MM'); | |||||
this.startOrderAt = this.format(new Date(),'yyyy年MM月'); | |||||
}, | |||||
goSearch(){ | |||||
this.supplyDemandList = []; | |||||
this.query.demandName = this.searchInput; | |||||
this.getList(); | |||||
}, | }, | ||||
}, | }, | ||||
} | } | ||||
@@ -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"> | ||||
@@ -54,7 +56,8 @@ | |||||
<van-cell title="下单时间" :border="false" :value="supplyDemand.orderAt" /> | <van-cell title="下单时间" :border="false" :value="supplyDemand.orderAt" /> | ||||
<van-cell title="服务时间" :border="false" :value="supplyDemand.serviceAt" /> | <van-cell title="服务时间" :border="false" :value="supplyDemand.serviceAt" /> | ||||
<van-cell title="服务数量" :border="false" :value="supplyDemand.serviceNum" /> | <van-cell title="服务数量" :border="false" :value="supplyDemand.serviceNum" /> | ||||
<van-cell title="成交金额" :border="false" :value="supplyDemand.realityServiceMoney" /> | |||||
<van-cell title="成交金额" :border="false" :value="supplyDemand.realityServiceMoney == null ? supplyDemand.countMoney:supplyDemand.realityServiceMoney" /> | |||||
<van-cell title="备注" :border="false" :value="supplyDemand.serviceRemark" /> | <van-cell title="备注" :border="false" :value="supplyDemand.serviceRemark" /> | ||||
</div> | </div> | ||||
@@ -90,7 +93,7 @@ | |||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : null, | parentId : null, | ||||
tree:true | |||||
tree:false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
@@ -109,13 +112,10 @@ | |||||
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.countMoney = response.data.unitPrice*response.data.serviceNum; | |||||
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; | ||||
}); | }); | ||||
@@ -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"> | ||||
@@ -54,7 +58,7 @@ | |||||
<van-cell title="下单时间" :border="false" :value="supplyDemand.orderAt" /> | <van-cell title="下单时间" :border="false" :value="supplyDemand.orderAt" /> | ||||
<van-cell title="服务时间" :border="false" :value="supplyDemand.serviceAt" /> | <van-cell title="服务时间" :border="false" :value="supplyDemand.serviceAt" /> | ||||
<van-cell title="服务数量" :border="false" :value="supplyDemand.serviceNum" /> | <van-cell title="服务数量" :border="false" :value="supplyDemand.serviceNum" /> | ||||
<van-cell title="成交金额" :border="false" :value="supplyDemand.realityServiceMoney" /> | |||||
<van-cell title="成交金额" :border="false" :value="supplyDemand.realityServiceMoney == null ? supplyDemand.countMoney:supplyDemand.realityServiceMoney" /> | |||||
<van-cell title="备注" :border="false" :value="supplyDemand.serviceRemark" /> | <van-cell title="备注" :border="false" :value="supplyDemand.serviceRemark" /> | ||||
</div> | </div> | ||||
@@ -90,7 +94,7 @@ | |||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : null, | parentId : null, | ||||
tree:true | |||||
tree:false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
@@ -109,13 +113,13 @@ | |||||
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.countMoney = response.data.unitPrice*response.data.serviceNum; | |||||
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; | ||||
}); | }); | ||||
@@ -130,7 +134,7 @@ | |||||
}, | }, | ||||
clickNo(){ | clickNo(){ | ||||
supplyorderReject(this.$route.query.id).then(response => { | supplyorderReject(this.$route.query.id).then(response => { | ||||
this.$notify({ type: 'success', message: '接单成功' }); | |||||
this.$notify({ type: 'success', message: '拒单成功' }); | |||||
setTimeout(function(){ | setTimeout(function(){ | ||||
history.back(-1); | history.back(-1); | ||||
},2000) | },2000) | ||||
@@ -188,7 +188,7 @@ | |||||
} | } | ||||
.name{ | .name{ | ||||
color: #334281; | color: #334281; | ||||
margin-left: auto; | |||||
/*margin-left: auto;*/ | |||||
padding:0 0 0 15PX; | padding:0 0 0 15PX; | ||||
background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png") no-repeat left center | background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png") no-repeat left center | ||||
} | } | ||||
@@ -25,12 +25,15 @@ | |||||
</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;"> | |||||
<template v-if="item.supplyDemand"> | |||||
<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;"> | |||||
</template> | |||||
<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> | ||||
<div class="tab"> | <div class="tab"> | ||||
<p>¥<span>{{item.unitPrice}}</span>.00/{{item.unit}}</p> | |||||
<p>¥<span>{{item.countMoney}}</span>.00</p> | |||||
</div> | </div> | ||||
<p class="name"> | <p class="name"> | ||||
<span>数量:{{item.serviceNum}}</span> | <span>数量:{{item.serviceNum}}</span> | ||||
@@ -99,7 +102,7 @@ | |||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : null, | parentId : null, | ||||
tree:true | |||||
tree:false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
@@ -116,13 +119,16 @@ | |||||
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){ | |||||
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); | ||||
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; | ||||
res.countMoney = res.unitPrice * res.serviceNum; | |||||
this.supplyDemandList.push(res); | this.supplyDemandList.push(res); | ||||
} | } | ||||
this.supplyDemandList1.push(res); | this.supplyDemandList1.push(res); | ||||
@@ -23,7 +23,7 @@ | |||||
<p><span>销 {{supplyDemand.orderNum}}</span><span>分 {{supplyDemand.orderScore}}</span></p> | <p><span>销 {{supplyDemand.orderNum}}</span><span>分 {{supplyDemand.orderScore}}</span></p> | ||||
</div> | </div> | ||||
<p class="tt">{{supplyDemand.supplyDemandName}}</p> | <p class="tt">{{supplyDemand.supplyDemandName}}</p> | ||||
<p class="name">{{supplyDemand.entityName}}</p> | |||||
<p class="name" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectList',query:{id:supplyDemand.entityId,entityName:supplyDemand.entityName}})">{{supplyDemand.entityName}}<span>{{supplyDemand.createTime}}</span></p> | |||||
</div> | </div> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
@@ -82,10 +82,12 @@ | |||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : '' | |||||
parentId : null, | |||||
tree:true | |||||
} | } | ||||
let query1 = { | let query1 = { | ||||
tree : true | |||||
parentId : null, | |||||
tree : false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
@@ -106,6 +108,7 @@ | |||||
supplyDemandGet(this.$route.query.id).then(response => { | supplyDemandGet(this.$route.query.id).then(response => { | ||||
response.data.bodyType = this.selectDictLabel(this.bodyTypeOptions, response.data.bodyType); | response.data.bodyType = this.selectDictLabel(this.bodyTypeOptions, response.data.bodyType); | ||||
response.data.productType = this.productList1.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | response.data.productType = this.productList1.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | ||||
response.data.createTime = response.data.createTime.substr(0,10) | |||||
if (response.data.supplyMasterMap){ | if (response.data.supplyMasterMap){ | ||||
response.data.supplyMasterMapList = []; | response.data.supplyMasterMapList = []; | ||||
var attachement = response.data.supplyMasterMap.split( "," ); | var attachement = response.data.supplyMasterMap.split( "," ); | ||||
@@ -179,6 +182,13 @@ | |||||
color: #4E7FFF; | color: #4E7FFF; | ||||
background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center; | background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center; | ||||
padding-left: 18PX; | padding-left: 18PX; | ||||
display: flex; | |||||
span{ | |||||
color: #334281; | |||||
margin-left: auto; | |||||
padding:0 0 0 18PX; | |||||
background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png") no-repeat left center | |||||
} | |||||
} | } | ||||
.tab{ | .tab{ | ||||
display: flex; | display: flex; | ||||
@@ -12,8 +12,9 @@ | |||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<van-form @submit="submitForm" ref="formData" show-error :show-error-message="false"> | |||||
<div class="main"> | <div class="main"> | ||||
<van-field label="产品名称" v-model="supplyDemand.supplyDemandName" input-align="right" placeholder="请输入产品名称" /> | |||||
<van-field label="产品名称" required :rules="[{ required: true }]" v-model="supplyDemand.supplyDemandName" input-align="right" placeholder="请输入产品名称" /> | |||||
<!-- <van-field label="产品类型" v-model="supplyDemand.productType" input-align="right" placeholder="请输入产品类型" />--> | <!-- <van-field label="产品类型" v-model="supplyDemand.productType" input-align="right" placeholder="请输入产品类型" />--> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
@@ -43,12 +44,33 @@ | |||||
<!-- <van-field label="二级分类" v-model="supplyDemand.supplyDemandType" input-align="right" placeholder="请输入二级分类" />--> | <!-- <van-field label="二级分类" v-model="supplyDemand.supplyDemandType" input-align="right" placeholder="请输入二级分类" />--> | ||||
<van-field label="产品规格" v-model="supplyDemand.specification" input-align="right" placeholder="请输入产品规格" /> | <van-field label="产品规格" v-model="supplyDemand.specification" input-align="right" placeholder="请输入产品规格" /> | ||||
<!-- <van-field label="所属主体" v-model="supplyDemand.bodyType" input-align="right" placeholder="请输入所属主体" />--> | <!-- <van-field label="所属主体" v-model="supplyDemand.bodyType" input-align="right" placeholder="请输入所属主体" />--> | ||||
<!-- <van-field--> | |||||
<!-- readonly--> | |||||
<!-- clickable--> | |||||
<!-- required--> | |||||
<!-- :rules="[{ required: true , message:'请选择所属主体'}]"--> | |||||
<!-- v-model="bodyType"--> | |||||
<!-- label="所属主体"--> | |||||
<!-- placeholder="请选择所属主体"--> | |||||
<!-- @click="showBodyType = true"--> | |||||
<!-- input-align="right"--> | |||||
<!-- right-icon="arrow-down"--> | |||||
<!-- label-width="auto"--> | |||||
<!-- />--> | |||||
<!-- <van-popup v-model="showBodyType" position="bottom">--> | |||||
<!-- <van-picker--> | |||||
<!-- show-toolbar--> | |||||
<!-- :columns="projectTypeOptions"--> | |||||
<!-- @confirm="onConfirmProjectType"--> | |||||
<!-- @cancel="showBodyType = false"--> | |||||
<!-- />--> | |||||
<!-- </van-popup>--> | |||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | clickable | ||||
required | required | ||||
:rules="[{ required: true , message:'请选择所属主体'}]" | :rules="[{ required: true , message:'请选择所属主体'}]" | ||||
v-model="bodyType" | |||||
v-model="supplyDemand.entityName" | |||||
label="所属主体" | label="所属主体" | ||||
placeholder="请选择所属主体" | placeholder="请选择所属主体" | ||||
@click="showBodyType = true" | @click="showBodyType = true" | ||||
@@ -59,22 +81,23 @@ | |||||
<van-popup v-model="showBodyType" position="bottom"> | <van-popup v-model="showBodyType" position="bottom"> | ||||
<van-picker | <van-picker | ||||
show-toolbar | show-toolbar | ||||
:columns="projectTypeOptions" | |||||
:columns="detailListOptions" | |||||
value-key="entityName" | |||||
@confirm="onConfirmProjectType" | @confirm="onConfirmProjectType" | ||||
@cancel="showBodyType = false" | @cancel="showBodyType = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<!-- <van-field label="所属主体" required :rules="[{ required: true }]" v-model="supplyDemand.entityName" input-align="right" placeholder="请输入所属主体" />--> | |||||
<van-field label="单价" v-model="supplyDemand.unitPrice" input-align="right" placeholder="请输入单价" /> | |||||
<van-field label="单价" required :rules="[{ required: true }]" v-model="supplyDemand.unitPrice" input-align="right" placeholder="请输入单价" /> | |||||
<van-field label="数量" v-model="supplyDemand.number" input-align="right" placeholder="请输入数量" /> | <van-field label="数量" v-model="supplyDemand.number" input-align="right" placeholder="请输入数量" /> | ||||
<van-field label="单位" v-model="supplyDemand.unit" input-align="right" placeholder="请输入单位" /> | |||||
<van-field label="联系电话" v-model="supplyDemand.supplyDemandTal" input-align="right" placeholder="请输入联系电话" /> | |||||
<van-field label="联系人" v-model="supplyDemand.linker" input-align="right" placeholder="请输入联系人" /> | |||||
<van-field label="服务区域" v-model="supplyDemand.serviceDeptName" input-align="right" placeholder="请输入服务区域" /> | |||||
<van-field label="单位" required :rules="[{ required: true }]" v-model="supplyDemand.unit" input-align="right" placeholder="请输入单位" /> | |||||
<van-field label="联系电话" required :rules="[{ required: true }]" v-model="supplyDemand.supplyDemandTal" input-align="right" placeholder="请输入联系电话" /> | |||||
<van-field label="联系人" required :rules="[{ required: true }]" v-model="supplyDemand.linker" input-align="right" placeholder="请输入联系人" /> | |||||
<van-field label="地址" v-model="supplyDemand.address" input-align="right" placeholder="请输入地址" /> | <van-field label="地址" v-model="supplyDemand.address" input-align="right" placeholder="请输入地址" /> | ||||
<van-field label="简介" v-model="supplyDemand.introduction" input-align="right" placeholder="请输入简介" /> | |||||
<van-field label="简介" required :rules="[{ required: true }]" v-model="supplyDemand.introduction" input-align="right" placeholder="请输入简介" /> | |||||
<van-field label="详情" v-model="supplyDemand.particulars" input-align="right" placeholder="请输入详情" /> | <van-field label="详情" v-model="supplyDemand.particulars" input-align="right" placeholder="请输入详情" /> | ||||
<van-field label="图片" :border="false" input-align="right" placeholder="请输入图片" /> | |||||
<van-field label="图片" readonly :border="false" input-align="right" /> | |||||
<div style="padding: 0 4% 2vh;"> | <div style="padding: 0 4% 2vh;"> | ||||
<van-uploader v-model="supplyDemand.supplyMasterMapList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | <van-uploader v-model="supplyDemand.supplyMasterMapList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | ||||
</div> | </div> | ||||
@@ -88,15 +111,22 @@ | |||||
</div> | </div> | ||||
<div class="main_btn"> | <div class="main_btn"> | ||||
<p @click="submitForm">发布</p> | |||||
<p>存稿</p> | |||||
<p @click="publishStatus = '3',$refs.formData.submit()">发布</p> | |||||
<p @click="publishStatus = '2',$refs.formData.submit()">存稿</p> | |||||
</div> | </div> | ||||
</van-form> | |||||
<!-- 内容结束 --> | <!-- 内容结束 --> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {supplyDemandGet, productTypes, commonUpload, supplyDemandEdit} from "@/api/agriculturalTrusteeship"; | |||||
import { | |||||
supplyDemandGet, | |||||
productTypes, | |||||
commonUpload, | |||||
supplyDemandEdit, | |||||
supplyDemandAdd, detailList | |||||
} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipSocializationRelease", | name: "agriculturalTrusteeshipSocializationRelease", | ||||
data() { | data() { | ||||
@@ -125,15 +155,17 @@ | |||||
value: 'id', | value: 'id', | ||||
children: 'children', | children: 'children', | ||||
}, | }, | ||||
publishStatus:'', | |||||
detailListOptions:[] | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : '' | |||||
parentId : null, | |||||
tree:true | |||||
} | } | ||||
let query1 = { | let query1 = { | ||||
tree : true | |||||
tree : false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
@@ -147,6 +179,11 @@ | |||||
} | } | ||||
this.bodyTypeOptions = response.data; | this.bodyTypeOptions = response.data; | ||||
}); | }); | ||||
detailList().then(res=>{ | |||||
if (res.code == 200) { | |||||
this.detailListOptions = res.rows; | |||||
} | |||||
}) | |||||
this.getDetail(); | this.getDetail(); | ||||
}, | }, | ||||
methods: { | methods: { | ||||
@@ -174,8 +211,8 @@ | |||||
this.showProductType = false; | this.showProductType = false; | ||||
}, | }, | ||||
onConfirmProjectType(data){ | onConfirmProjectType(data){ | ||||
this.supplyDemand.bodyType = data.value; | |||||
this.bodyType = data.text; | |||||
this.supplyDemand.entityName = data.entityName; | |||||
this.supplyDemand.entityId = data.id; | |||||
this.showBodyType = false; | this.showBodyType = false; | ||||
}, | }, | ||||
afterReadEvidenceForm(file){ | afterReadEvidenceForm(file){ | ||||
@@ -191,11 +228,17 @@ | |||||
this.supplyMasterMapArr.splice(detail.index,1); | this.supplyMasterMapArr.splice(detail.index,1); | ||||
this.supplyDemand.supplyMasterMapList.splice(detail.index,1); | this.supplyDemand.supplyMasterMapList.splice(detail.index,1); | ||||
}, | }, | ||||
submitForm(){ | |||||
submitForm(publishStatus){ | |||||
this.supplyDemand.supplyMasterMap = this.supplyMasterMapArr.join(',') | this.supplyDemand.supplyMasterMap = this.supplyMasterMapArr.join(',') | ||||
this.supplyDemand.supplyDemandType = '1'; | |||||
this.supplyDemand.publishStatus = this.publishStatus; | |||||
supplyDemandEdit(this.supplyDemand).then((res) => { | supplyDemandEdit(this.supplyDemand).then((res) => { | ||||
if(res.code=="200"){ | if(res.code=="200"){ | ||||
this.$notify({ type: 'success', message: '发布成功' }); | |||||
if (this.publishStatus == '3'){ | |||||
this.$notify({ type: 'success', message: '发布成功' }); | |||||
}else{ | |||||
this.$notify({ type: 'success', message: '存稿成功' }); | |||||
} | |||||
setTimeout(function(){ | setTimeout(function(){ | ||||
history.back(-1); | history.back(-1); | ||||
},2000) | },2000) | ||||
@@ -12,90 +12,122 @@ | |||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<div class="main"> | |||||
<van-field label="产品名称" v-model="supplyDemand.supplyDemandName" input-align="right" placeholder="请输入产品名称" /> | |||||
<!-- <van-field label="产品类型" v-model="supplyDemand.productType" input-align="right" placeholder="请输入产品类型" />--> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择产品类型'}]" | |||||
v-model="productType" | |||||
label="产品类型" | |||||
placeholder="请选择产品类型" | |||||
@click="showProductType = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | |||||
<van-form @submit="submitForm" ref="formData" show-error :show-error-message="false"> | |||||
<div class="main"> | |||||
<van-field label="产品名称" required :rules="[{ required: true }]" v-model="supplyDemand.supplyDemandName" input-align="right" placeholder="请输入产品名称" /> | |||||
<!-- <van-field label="产品类型" v-model="supplyDemand.productType" input-align="right" placeholder="请输入产品类型" />--> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择产品类型'}]" | |||||
v-model="productType" | |||||
label="产品类型" | |||||
placeholder="请选择产品类型" | |||||
@click="showProductType = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showProductType" round position="bottom"> | |||||
<!-- v-model="cascaderValue"--> | |||||
<van-cascader | |||||
title="请选择产品类型" | |||||
:options="productList" | |||||
@close="showProductType = false" | |||||
@finish="onConfirmProductType" | |||||
:field-names="fieldNames" | |||||
/> | |||||
</van-popup> | |||||
<van-popup v-model="showProductType" round position="bottom"> | |||||
<!-- v-model="cascaderValue"--> | |||||
<van-cascader | |||||
title="请选择产品类型" | |||||
:options="productList" | |||||
@close="showProductType = false" | |||||
@finish="onConfirmProductType" | |||||
:field-names="fieldNames" | |||||
<!-- <van-field label="二级分类" v-model="supplyDemand.supplyDemandType" input-align="right" placeholder="请输入二级分类" />--> | |||||
<van-field label="产品规格" v-model="supplyDemand.specification" input-align="right" placeholder="请输入产品规格" /> | |||||
<!-- <van-field label="所属主体" v-model="supplyDemand.bodyType" input-align="right" placeholder="请输入所属主体" />--> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择所属主体'}]" | |||||
v-model="supplyDemand.entityName" | |||||
label="所属主体" | |||||
placeholder="请选择所属主体" | |||||
@click="showBodyType = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | /> | ||||
</van-popup> | |||||
<van-popup v-model="showBodyType" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="detailListOptions" | |||||
value-key="entityName" | |||||
@confirm="onConfirmProjectType" | |||||
@cancel="showBodyType = false" | |||||
/> | |||||
</van-popup> | |||||
<!-- <van-field label="所属主体" required :rules="[{ required: true }]" v-model="supplyDemand.entityName" input-align="right" placeholder="请输入所属主体" />--> | |||||
<!-- <van-field label="二级分类" v-model="supplyDemand.supplyDemandType" input-align="right" placeholder="请输入二级分类" />--> | |||||
<van-field label="产品规格" v-model="supplyDemand.specification" input-align="right" placeholder="请输入产品规格" /> | |||||
<!-- <van-field label="所属主体" v-model="supplyDemand.bodyType" input-align="right" placeholder="请输入所属主体" />--> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择所属主体'}]" | |||||
v-model="bodyType" | |||||
label="所属主体" | |||||
placeholder="请选择所属主体" | |||||
@click="showBodyType = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | |||||
<van-popup v-model="showBodyType" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="projectTypeOptions" | |||||
@confirm="onConfirmProjectType" | |||||
@cancel="showBodyType = false" | |||||
<van-field label="单价" required :rules="[{ required: true }]" v-model="supplyDemand.unitPrice" type="number" input-align="right" placeholder="请输入单价" /> | |||||
<van-field label="数量" v-model="supplyDemand.number" type="digit" input-align="right" placeholder="请输入数量" /> | |||||
<van-field label="单位" required :rules="[{ required: true }]" v-model="supplyDemand.unit" input-align="right" placeholder="请输入单位" /> | |||||
<van-field label="联系电话" required :rules="[{ required: true }]" v-model="supplyDemand.supplyDemandTal" type="digit" input-align="right" placeholder="请输入联系电话" /> | |||||
<van-field label="联系人" required :rules="[{ required: true }]" v-model="supplyDemand.linker" input-align="right" placeholder="请输入联系人" /> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
required | |||||
:rules="[{ required: true , message:'请选择服务区域'}]" | |||||
v-model="supplyDemand.serviceDeptName" | |||||
label="服务区域" | |||||
placeholder="请选择服务区域" | |||||
@click="showDeptId = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" | |||||
/> | /> | ||||
</van-popup> | |||||
<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="supplyDemand.unitPrice" input-align="right" placeholder="请输入单价" /> | |||||
<van-field label="数量" v-model="supplyDemand.number" input-align="right" placeholder="请输入数量" /> | |||||
<van-field label="联系电话" v-model="supplyDemand.supplyDemandTal" input-align="right" placeholder="请输入联系电话" /> | |||||
<van-field label="联系人" v-model="supplyDemand.linker" input-align="right" placeholder="请输入联系人" /> | |||||
<van-field label="服务区域" v-model="supplyDemand.serviceDeptName" input-align="right" placeholder="请输入服务区域" /> | |||||
<van-field label="地址" v-model="supplyDemand.address" input-align="right" placeholder="请输入地址" /> | |||||
<van-field label="简介" v-model="supplyDemand.introduction" input-align="right" placeholder="请输入简介" /> | |||||
<van-field label="详情" v-model="supplyDemand.particulars" input-align="right" placeholder="请输入详情" /> | |||||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||||
<div style="padding: 0 4% 2vh;"> | |||||
<van-uploader v-model="supplyDemand.supplyMasterMapList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
<van-field label="地址" v-model="supplyDemand.address" input-align="right" placeholder="请输入地址" /> | |||||
<van-field label="简介" required :rules="[{ required: true }]" v-model="supplyDemand.introduction" type="textarea" autosize input-align="right" placeholder="请输入简介" /> | |||||
<van-field label="详情" v-model="supplyDemand.particulars" type="textarea" autosize input-align="right" placeholder="请输入详情" /> | |||||
<van-field label="图片" :border="false" input-align="right" readonly /> | |||||
<div style="padding: 0 4% 2vh;"> | |||||
<van-uploader v-model="supplyDemand.supplyMasterMapList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
</div> | |||||
</div> | </div> | ||||
</div> | |||||
<div class="main"> | |||||
<baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:25vh" > | |||||
<!-- 必须给容器指高度,不然地图将显示在一个高度为0的容器中,看不到 --> | |||||
<bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker> | |||||
</baidu-map> | |||||
</div> | |||||
<div class="main"> | |||||
<baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:25vh" > | |||||
<!-- 必须给容器指高度,不然地图将显示在一个高度为0的容器中,看不到 --> | |||||
<bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker> | |||||
</baidu-map> | |||||
</div> | |||||
<div class="main_btn"> | |||||
<p @click="submitForm('3')">发布</p> | |||||
<p @click="submitForm('2')">存稿</p> | |||||
</div> | |||||
<div class="main_btn"> | |||||
<p @click="publishStatus = '3',$refs.formData.submit()">发布</p> | |||||
<p @click="publishStatus = '2',$refs.formData.submit()">存稿</p> | |||||
</div> | |||||
</van-form> | |||||
<!-- 内容结束 --> | <!-- 内容结束 --> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {commonUpload, productTypes, supplyDemandAdd} from "@/api/agriculturalTrusteeship"; | |||||
import {commonUpload, productTypes, supplyDemandAdd, treeselect,detailList} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipSocializationRelease", | name: "agriculturalTrusteeshipSocializationRelease", | ||||
data() { | data() { | ||||
@@ -124,11 +156,23 @@ | |||||
value: 'id', | value: 'id', | ||||
children: 'children', | children: 'children', | ||||
}, | }, | ||||
publishStatus:'', | |||||
deptOptions:[], | |||||
deptName:'张村', | |||||
showDeptId:false, | |||||
villageValue : '', | |||||
hcAreaInfoFieldName: { | |||||
text: "label", | |||||
value: "value", | |||||
children: "children", | |||||
}, | |||||
detailListOptions:[] | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : '' | |||||
parentId : '', | |||||
tree : true | |||||
} | } | ||||
let query1 = { | let query1 = { | ||||
tree : true | tree : true | ||||
@@ -151,6 +195,16 @@ | |||||
} | } | ||||
this.bodyTypeOptions = response.data; | this.bodyTypeOptions = response.data; | ||||
}); | }); | ||||
treeselect().then(res=>{ | |||||
if (res.code == 200) { | |||||
this.deptOptions = res.data; | |||||
} | |||||
}) | |||||
detailList().then(res=>{ | |||||
if (res.code == 200) { | |||||
this.detailListOptions = res.rows; | |||||
} | |||||
}) | |||||
}, | }, | ||||
methods: { | methods: { | ||||
onConfirmProductType({ selectedOptions }){ | onConfirmProductType({ selectedOptions }){ | ||||
@@ -159,8 +213,8 @@ | |||||
this.showProductType = false; | this.showProductType = false; | ||||
}, | }, | ||||
onConfirmProjectType(data){ | onConfirmProjectType(data){ | ||||
this.supplyDemand.bodyType = data.value; | |||||
this.bodyType = data.text; | |||||
this.supplyDemand.entityName = data.entityName; | |||||
this.supplyDemand.entityId = data.id; | |||||
this.showBodyType = false; | this.showBodyType = false; | ||||
}, | }, | ||||
afterReadEvidenceForm(file){ | afterReadEvidenceForm(file){ | ||||
@@ -179,16 +233,27 @@ | |||||
submitForm(publishStatus){ | submitForm(publishStatus){ | ||||
this.supplyDemand.supplyMasterMap = this.supplyMasterMapArr.join(',') | this.supplyDemand.supplyMasterMap = this.supplyMasterMapArr.join(',') | ||||
this.supplyDemand.supplyDemandType = '1'; | this.supplyDemand.supplyDemandType = '1'; | ||||
this.supplyDemand.publishStatus = publishStatus; | |||||
this.supplyDemand.publishStatus = this.publishStatus; | |||||
supplyDemandAdd(this.supplyDemand).then((res) => { | supplyDemandAdd(this.supplyDemand).then((res) => { | ||||
if(res.code=="200"){ | if(res.code=="200"){ | ||||
this.$notify({ type: 'success', message: '发布成功' }); | |||||
if (this.publishStatus == '3'){ | |||||
this.$notify({ type: 'success', message: '发布成功' }); | |||||
}else{ | |||||
this.$notify({ type: 'success', message: '存稿成功' }); | |||||
} | |||||
setTimeout(function(){ | setTimeout(function(){ | ||||
history.back(-1); | history.back(-1); | ||||
},2000) | },2000) | ||||
} | } | ||||
}) | }) | ||||
}, | }, | ||||
//选择案件属地 | |||||
onConfirmDept({ selectedOptions }){ | |||||
this.supplyDemand.serviceDeptId = selectedOptions[selectedOptions.length-1].value; | |||||
this.supplyDemand.serviceDeptName = selectedOptions[selectedOptions.length-1].label; | |||||
this.showDeptId = false | |||||
}, | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
@@ -2,7 +2,7 @@ | |||||
<div class="home_wrapper"> | <div class="home_wrapper"> | ||||
<!-- 头部开始 --> | <!-- 头部开始 --> | ||||
<div class="header"> | <div class="header"> | ||||
<div class="header_left" @click="onClickLeft"> | |||||
<div class="header_left" @click="$router.push({name:'agriculturalTrusteeshipLogin'})"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/return.png"> | <img src="../../../../static/images/agriculturalTrusteeship/return.png"> | ||||
<p>退出登录</p> | <p>退出登录</p> | ||||
</div> | </div> | ||||
@@ -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> | ||||
@@ -6,7 +6,18 @@ | |||||
<img src="../../../../static/images/agriculturalTrusteeship/return.png"> | <img src="../../../../static/images/agriculturalTrusteeship/return.png"> | ||||
<p>社会化服务组织</p> | <p>社会化服务组织</p> | ||||
</div> | </div> | ||||
<p class="header_right">河东河西村</p> | |||||
<p class="header_right" @click="showDeptId = true">{{deptName}}</p> | |||||
<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> | |||||
</div> | </div> | ||||
<!-- 头部结束 --> | <!-- 头部结束 --> | ||||
@@ -92,8 +103,8 @@ | |||||
finished-text="没有更多了" | finished-text="没有更多了" | ||||
@load="getList" | @load="getList" | ||||
> | > | ||||
<!-- @load="onLoad"--> | |||||
<div class="main_content_right_list" v-for="(item,index) in supplyDemandListYes" :key="index" @click="$router.push({name:'agriculturalTrusteeshipSocializationProjectDetail',query:{id:item.id}})"> | |||||
<!-- @load="onLoad" agriculturalTrusteeshipSocializationProjectDetail--> | |||||
<div class="main_content_right_list" v-for="(item,index) in supplyDemandListYes" :key="index" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectDetail',query:{id:item.id}})"> | |||||
<img v-if="item.supplyMasterMap" :src="item.supplyMasterMap" style="width: 25vw;height: 25vw;"> | <img v-if="item.supplyMasterMap" :src="item.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"> | ||||
@@ -119,7 +130,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {supplyDemandList, detailList, productTypes} from "@/api/agriculturalTrusteeship"; | |||||
import {supplyDemandList, detailList, productTypes, treeselect} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipInsuranceList", | name: "agriculturalTrusteeshipInsuranceList", | ||||
data() { | data() { | ||||
@@ -141,15 +152,26 @@ | |||||
main_content_right_header_tit:'全套服务', | main_content_right_header_tit:'全套服务', | ||||
query:{ | query:{ | ||||
entityId:'', | entityId:'', | ||||
serviceDeptId:'187', | |||||
entityName:'', | entityName:'', | ||||
productType:'' | productType:'' | ||||
}, | }, | ||||
query2:{ | query2:{ | ||||
supplyDemandName:'', | supplyDemandName:'', | ||||
serviceDeptId:'187', | |||||
orderByColumn:'order_score' | orderByColumn:'order_score' | ||||
}, | }, | ||||
searchServiceInput:'', | searchServiceInput:'', | ||||
searchInput:'', | searchInput:'', | ||||
deptOptions:[], | |||||
deptName:'张村', | |||||
showDeptId:false, | |||||
villageValue : '', | |||||
hcAreaInfoFieldName: { | |||||
text: "label", | |||||
value: "value", | |||||
children: "children", | |||||
}, | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
@@ -162,6 +184,12 @@ | |||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
}); | }); | ||||
treeselect().then(res=>{ | |||||
if (res.code == 200) { | |||||
this.deptOptions = res.data; | |||||
} | |||||
}) | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getServiceList(){ | getServiceList(){ | ||||
@@ -246,7 +274,18 @@ | |||||
} | } | ||||
this.supplyDemandListYes = []; | this.supplyDemandListYes = []; | ||||
this.getList(); | this.getList(); | ||||
} | |||||
}, | |||||
//选择案件属地 | |||||
onConfirmDept({ selectedOptions }){ | |||||
this.query.serviceDeptId = selectedOptions[selectedOptions.length-1].value; | |||||
this.query2.serviceDeptId = selectedOptions[selectedOptions.length-1].value; | |||||
this.deptName = selectedOptions[selectedOptions.length-1].label; | |||||
this.showDeptId = false | |||||
this.supplyDemandListYes = []; | |||||
this.serviceList = []; | |||||
this.getServiceList(); | |||||
this.getList(); | |||||
}, | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
@@ -23,7 +23,7 @@ | |||||
<p><span>销 {{supplyDemand.orderNum}}</span><span>分 {{supplyDemand.orderScore}}</span></p> | <p><span>销 {{supplyDemand.orderNum}}</span><span>分 {{supplyDemand.orderScore}}</span></p> | ||||
</div> | </div> | ||||
<p class="tt">{{supplyDemand.supplyDemandName}}</p> | <p class="tt">{{supplyDemand.supplyDemandName}}</p> | ||||
<p class="name">{{supplyDemand.entityName}}</p> | |||||
<p class="name" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectList',query:{id:supplyDemand.entityId,entityName:supplyDemand.entityName}})">{{supplyDemand.entityName}}<span>{{supplyDemand.createTime}}</span></p> | |||||
</div> | </div> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
@@ -31,7 +31,7 @@ | |||||
<van-cell title="产品规格" :border="false" :value="supplyDemand.specification" /> | <van-cell title="产品规格" :border="false" :value="supplyDemand.specification" /> | ||||
<van-cell title="产品数量" :border="false" :value="supplyDemand.number" /> | <van-cell title="产品数量" :border="false" :value="supplyDemand.number" /> | ||||
<van-cell title="服务区域" :border="false" :value="supplyDemand.serviceDeptName" /> | <van-cell title="服务区域" :border="false" :value="supplyDemand.serviceDeptName" /> | ||||
<van-cell title="产品简介" :border="false" :value="supplyDemand.introduction" /> | |||||
<van-cell title="产品简介" type="textarea" autosize :border="false" :value="supplyDemand.introduction" /> | |||||
<van-cell title="公司地址" :border="false" :value="supplyDemand.address" /> | <van-cell title="公司地址" :border="false" :value="supplyDemand.address" /> | ||||
</div> | </div> | ||||
@@ -41,9 +41,15 @@ | |||||
</div> | </div> | ||||
<div class="main_box" style="padding: 0;"> | <div class="main_box" style="padding: 0;"> | ||||
<baidu-map :center="center" panBy="[50,50]" :zoom="zoom" :scroll-wheel-zoom="true" :pinch-to-zoom="true" map-type="BMAP_NORMAL_MAP" style="height:25vh" > | |||||
<baidu-map | |||||
:center="center" | |||||
panBy="[50,50]" | |||||
:zoom="zoom" | |||||
:scroll-wheel-zoom="true" | |||||
:pinch-to-zoom="true" | |||||
map-type="BMAP_NORMAL_MAP" | |||||
style="height:25vh" > | |||||
<!-- 必须给容器指高度,不然地图将显示在一个高度为0的容器中,看不到 --> | <!-- 必须给容器指高度,不然地图将显示在一个高度为0的容器中,看不到 --> | ||||
<bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true"></bm-geolocation> | |||||
<bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker> | <bm-marker :position="center" :dragging="true" animation="BMAP_ANIMATION_BOUNCE" :icon="{url: '../../../../static/images/lawEnforcement/new/address.gif', size: {width: 50, height: 50}}"></bm-marker> | ||||
</baidu-map> | </baidu-map> | ||||
</div> | </div> | ||||
@@ -53,7 +59,7 @@ | |||||
<!-- 底部提交按钮 --> | <!-- 底部提交按钮 --> | ||||
<div class="footer"> | <div class="footer"> | ||||
<p>温馨提示:下单前请先与商家沟通联系</p> | <p>温馨提示:下单前请先与商家沟通联系</p> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/submit_shop_btn.png"> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/insurance/submit_shop_btn.png" @click="$router.push({name:'agriculturalTrusteeshipPlaceOrder',query:{id:$route.query.id}})"> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
@@ -68,8 +74,11 @@ | |||||
active: 0, | active: 0, | ||||
loading: false, | loading: false, | ||||
finished: false, | finished: false, | ||||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | |||||
zoom: 15, //地图展示级别 | |||||
center: { | |||||
lng :'', | |||||
lat :'', | |||||
}, //经纬度 | |||||
zoom: 1, //地图展示级别 | |||||
showDialog:false, | showDialog:false, | ||||
supplyDemand:{}, | supplyDemand:{}, | ||||
productType:'', | productType:'', | ||||
@@ -90,17 +99,12 @@ | |||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | let query = { | ||||
parentId : '' | |||||
} | |||||
let query1 = { | |||||
tree : true | |||||
parentId : '', | |||||
tree : false | |||||
} | } | ||||
productTypes(query).then(response => { | productTypes(query).then(response => { | ||||
this.productList = response.data; | this.productList = response.data; | ||||
}); | }); | ||||
productTypes(query1).then(response => { | |||||
this.productList1 = response.data; | |||||
}); | |||||
this.getDicts("newBusinessEntity_statistics_project").then(response => { | this.getDicts("newBusinessEntity_statistics_project").then(response => { | ||||
for (var i = 0; i < response.data.length; i++) { | for (var i = 0; i < response.data.length; i++) { | ||||
this.projectTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | this.projectTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | ||||
@@ -113,14 +117,23 @@ | |||||
getDetail(){ | getDetail(){ | ||||
supplyDemandGet(this.$route.query.id).then(response => { | supplyDemandGet(this.$route.query.id).then(response => { | ||||
response.data.bodyType = this.selectDictLabel(this.bodyTypeOptions, response.data.bodyType); | response.data.bodyType = this.selectDictLabel(this.bodyTypeOptions, response.data.bodyType); | ||||
response.data.productType = this.productList1.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; | |||||
response.data.createTime = response.data.createTime.substr(0,10); | |||||
response.data.supplyMasterMapList = []; | |||||
if (response.data.theGeom){ | |||||
console.log(JSON.parse(response.data.theGeom).coordinates[0]) | |||||
console.log(JSON.parse(response.data.theGeom).coordinates[1]) | |||||
this.center.lng = JSON.parse(response.data.theGeom).coordinates[0]; | |||||
this.center.lat = JSON.parse(response.data.theGeom).coordinates[1]; | |||||
} | |||||
if (response.data.supplyMasterMap){ | if (response.data.supplyMasterMap){ | ||||
response.data.supplyMasterMapList = []; | |||||
var attachement = response.data.supplyMasterMap.split( "," ); | var attachement = response.data.supplyMasterMap.split( "," ); | ||||
this.supplyMasterMapArr = response.data.supplyMasterMap.split( "," ); | this.supplyMasterMapArr = response.data.supplyMasterMap.split( "," ); | ||||
attachement.forEach(responseAttach=>{ | attachement.forEach(responseAttach=>{ | ||||
response.data.supplyMasterMapList.push('/api' + responseAttach); | response.data.supplyMasterMapList.push('/api' + responseAttach); | ||||
}) | }) | ||||
}else{ | |||||
response.data.supplyMasterMapList.push('../../../../static/images/agriculturalTrusteeship/zwtp.png') | |||||
} | } | ||||
this.supplyDemand = response.data; | this.supplyDemand = response.data; | ||||
}); | }); | ||||
@@ -131,6 +144,7 @@ | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.home_wrapper{ | .home_wrapper{ | ||||
padding-bottom: 15vh; | padding-bottom: 15vh; | ||||
background-color: #F9F9F9; | |||||
} | } | ||||
/*头部*/ | /*头部*/ | ||||
.header{ | .header{ | ||||
@@ -187,6 +201,13 @@ | |||||
color: #4E7FFF; | color: #4E7FFF; | ||||
background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center; | background: url("../../../../static/images/agriculturalTrusteeship/index/name_icon.png") no-repeat left center; | ||||
padding-left: 18PX; | padding-left: 18PX; | ||||
display: flex; | |||||
span{ | |||||
color: #334281; | |||||
margin-left: auto; | |||||
padding:0 0 0 18PX; | |||||
background: url("../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_clock.png") no-repeat left center | |||||
} | |||||
} | } | ||||
.tab{ | .tab{ | ||||
display: flex; | display: flex; | ||||
@@ -43,7 +43,7 @@ | |||||
@load="getList" | @load="getList" | ||||
> | > | ||||
<!-- @load="onLoad"--> | <!-- @load="onLoad"--> | ||||
<div class="main_content_right_list" v-for="(item,index) in supplyDemandListYes" :key="index" @click="$router.push({name:'agriculturalTrusteeshipSocializationProjectDetail',query:{id:item.id}})"> | |||||
<div class="main_content_right_list" v-for="(item,index) in supplyDemandListYes" :key="index" @click="$router.push({name:'agriculturalTrusteeshipSocietyProjectDetail',query:{id:item.id}})"> | |||||
<img v-if="item.supplyMasterMap" :src="item.supplyMasterMap" style="width: 18vw;height: 18vw;"> | <img v-if="item.supplyMasterMap" :src="item.supplyMasterMap" style="width: 18vw;height: 18vw;"> | ||||
<img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 18vw;height: 18vw;"> | <img v-else src="../../../../static/images/agriculturalTrusteeship/zwtp.png" style="width: 18vw;height: 18vw;"> | ||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
@@ -289,7 +289,7 @@ | |||||
</van-popup>--> | </van-popup>--> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<p class="main_title" v-if="isModifyOrder">上传附件</p> | |||||
<p class="main_title" v-if="isModifyOrder" style="margin: 0.2rem 3%;">上传附件<i style="margin-right: 0.5em;"></i><span style="font-size: 12px;color: red;">(若申请单未变动可不必点击底部的修改按钮)</span></p> | |||||
<div class="main_box" style="padding: 5px 0 0 0;" v-if="isModifyOrder"> | <div class="main_box" style="padding: 5px 0 0 0;" v-if="isModifyOrder"> | ||||
<van-cell value="收据" /> | <van-cell value="收据" /> | ||||
<van-uploader v-model="fileList1" :after-read="beforeRead('1')" @delete="deleteFile" style="margin-left:8px;"></van-uploader> | <van-uploader v-model="fileList1" :after-read="beforeRead('1')" @delete="deleteFile" style="margin-left:8px;"></van-uploader> | ||||
@@ -306,10 +306,10 @@ | |||||
</van-row> | </van-row> | ||||
<van-row v-else> | <van-row v-else> | ||||
<van-col span="12" align="center"> | <van-col span="12" align="center"> | ||||
<van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保存修改</van-button> | |||||
<van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">修<i style="margin-right: 1em;"></i>改</van-button> | |||||
</van-col> | </van-col> | ||||
<van-col span="12" align="center"> | <van-col span="12" align="center"> | ||||
<van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button> | |||||
<van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">提<i style="margin-right: 1em;"></i>交</van-button> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
<div class="clear"></div> | <div class="clear"></div> | ||||
@@ -372,7 +372,7 @@ | |||||
fileList1:[], | fileList1:[], | ||||
fileList2:[], | fileList2:[], | ||||
fileList3:[], | fileList3:[], | ||||
capitalExpenditureType:'', | |||||
capitalExpenditureType:'结算类', | |||||
payee:'', | payee:'', | ||||
bankType:'', | bankType:'', | ||||
@@ -72,8 +72,8 @@ | |||||
<van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | <p class="main_title">上传附件</p> | ||||
@@ -64,8 +64,8 @@ | |||||
<van-field readonly label="申请使用金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | <van-field readonly label="申请使用金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="资金用途" v-model="item.remark" input-align="right" label-width="auto"/> | <van-field readonly label="资金用途" v-model="item.remark" input-align="right" label-width="auto"/> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | <p class="main_title">上传附件</p> | ||||
@@ -116,8 +116,8 @@ | |||||
<van-field readonly label="负责人全称" v-model="item.leader" input-align="right" label-width="auto"/> | <van-field readonly label="负责人全称" v-model="item.leader" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="资金用途" v-model="item.remark" input-align="right" /> | <van-field readonly label="资金用途" v-model="item.remark" input-align="right" /> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
@@ -69,8 +69,8 @@ | |||||
<van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | <p class="main_title">上传附件</p> | ||||
@@ -56,8 +56,8 @@ | |||||
<van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | <p class="main_title">上传附件</p> | ||||
@@ -288,7 +288,7 @@ | |||||
</van-popup> | </van-popup> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | |||||
<p class="main_title" style="margin: 0.2rem 3%;">上传附件<i style="margin-right: 0.5em;"></i><span style="font-size: 12px;color: red;">(若申请单未变动可不必点击底部的修改按钮)</span></p> | |||||
<div class="main_box" style="padding: 5px 0 0 0;"> | <div class="main_box" style="padding: 5px 0 0 0;"> | ||||
<van-cell value="收据" /> | <van-cell value="收据" /> | ||||
<van-uploader v-model="fileList1" :after-read="beforeRead('1')" @delete="deleteFile" style="margin-left:8px;"></van-uploader> | <van-uploader v-model="fileList1" :after-read="beforeRead('1')" @delete="deleteFile" style="margin-left:8px;"></van-uploader> | ||||
@@ -300,10 +300,10 @@ | |||||
<div style="padding: 16px 0;"> | <div style="padding: 16px 0;"> | ||||
<van-row> | <van-row> | ||||
<van-col span="12" align="center"> | <van-col span="12" align="center"> | ||||
<van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button> | |||||
<van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">修<i style="margin-right: 1em;"></i>改</van-button> | |||||
</van-col> | </van-col> | ||||
<van-col span="12" align="center"> | <van-col span="12" align="center"> | ||||
<van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button> | |||||
<van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">提<i style="margin-right: 1em;"></i>交</van-button> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
<div class="clear"></div> | <div class="clear"></div> | ||||
@@ -45,6 +45,7 @@ | |||||
</div> | </div> | ||||
<div class="index_info"> | <div class="index_info"> | ||||
<div class="title"></div> | <div class="title"></div> | ||||
<div class="nav_list"> | <div class="nav_list"> | ||||
<div class="nav_list_box"> | <div class="nav_list_box"> | ||||
<van-cell style="border-radius: 6px;"> | <van-cell style="border-radius: 6px;"> | ||||
@@ -54,16 +55,13 @@ | |||||
</van-cell> | </van-cell> | ||||
<router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link> | <router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link> | ||||
<router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link> | <router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link> | ||||
<router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link> | |||||
<router-link :to="{name:'sunVillageInfoListBalanceRanking'}" class="nav_item n_4">科目余额表</router-link> | |||||
<router-link :to="{name:'sunVillageInfoListVote'}" class="nav_item n_5">发布投票</router-link> | |||||
<router-link :to="{name:'sunVillageInfoFixedAssets'}" class="nav_item n_6">资产登记</router-link> | |||||
<router-link :to="{name:'sunVillageInfoInformation'}" class="nav_item n_7">合同登记</router-link> | |||||
<router-link :to="{name:'sunVillageInfoListRegister'}" class="nav_item n_8">零工登记</router-link> | <router-link :to="{name:'sunVillageInfoListRegister'}" class="nav_item n_8">零工登记</router-link> | ||||
<router-link :to="{name:'sunVillageInfoStatisticalReport'}" class="nav_item n_9">统计填报</router-link> | <router-link :to="{name:'sunVillageInfoStatisticalReport'}" class="nav_item n_9">统计填报</router-link> | ||||
<router-link :to="{name:'sunVillageInfoDetailedLedger'}" class="nav_item n_10">明细账</router-link> | |||||
<router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link> | |||||
<router-link :to="{name:'sunVillageInfoListVote'}" class="nav_item n_5">发布投票</router-link> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="nav_list"> | <div class="nav_list"> | ||||
<div class="nav_box"> | <div class="nav_box"> | ||||
<van-cell style="border-radius: 6px;"> | <van-cell style="border-radius: 6px;"> | ||||
@@ -126,15 +124,32 @@ | |||||
</div> | </div> | ||||
<p style="margin-top: 5px;color: #666666;">开户行</p> | <p style="margin-top: 5px;color: #666666;">开户行</p> | ||||
</van-grid-item> | </van-grid-item> | ||||
<!-- | |||||
<van-grid-item text="重大事项" :to="{name:'sunVillageApprovalList13'}" > | <van-grid-item text="重大事项" :to="{name:'sunVillageApprovalList13'}" > | ||||
<div class="icon" slot="default" style="background:#c568f5;" > | <div class="icon" slot="default" style="background:#c568f5;" > | ||||
<img src="../../../static/images/onlineHome/icon_Y3.png" alt /> | <img src="../../../static/images/onlineHome/icon_Y3.png" alt /> | ||||
</div> | </div> | ||||
<p style="margin-top: 5px;color: #666666;">重大事项</p> | <p style="margin-top: 5px;color: #666666;">重大事项</p> | ||||
</van-grid-item> | </van-grid-item> | ||||
--> | |||||
</van-grid> | </van-grid> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="nav_list"> | |||||
<div class="nav_list_box"> | |||||
<van-cell style="border-radius: 6px;"> | |||||
<template #title> | |||||
<p style="font-weight: bold;font-size: 18px;display: inline-block">财务信息</p> | |||||
</template> | |||||
</van-cell> | |||||
<router-link :to="{name:'sunVillageInfoListBalanceRanking'}" class="nav_item n_4">科目余额表</router-link> | |||||
<router-link :to="{name:'sunVillageInfoFixedAssets'}" class="nav_item n_6">固定资产</router-link> | |||||
<router-link :to="{name:'sunVillageInfoInformation'}" class="nav_item n_7">合同信息</router-link> | |||||
<router-link :to="{name:'sunVillageInfoDetailedLedger'}" class="nav_item n_10">明细账</router-link> | |||||
</div> | |||||
</div> | |||||
</div> | </div> | ||||
<div class="footer"> | <div class="footer"> | ||||
技术支持:北京农燊高科信息技术有限公司 | 技术支持:北京农燊高科信息技术有限公司 | ||||
@@ -390,7 +405,7 @@ | |||||
&.n_4 { | &.n_4 { | ||||
background: url('../../assets/images/sunVillage_info/index_block_04.png') no-repeat center top; | background: url('../../assets/images/sunVillage_info/index_block_04.png') no-repeat center top; | ||||
background-size: 50%; | background-size: 50%; | ||||
margin-bottom: 20PX; | |||||
// margin-bottom: 20PX; | |||||
} | } | ||||
&.n_5 { | &.n_5 { | ||||
background: url('../../assets/images/sunVillage_info/index_block_05.png') no-repeat center top; | background: url('../../assets/images/sunVillage_info/index_block_05.png') no-repeat center top; | ||||
@@ -400,12 +415,12 @@ | |||||
&.n_6 { | &.n_6 { | ||||
background: url('../../assets/images/sunVillage_info/index_block_06.png') no-repeat center top; | background: url('../../assets/images/sunVillage_info/index_block_06.png') no-repeat center top; | ||||
background-size: 50%; | background-size: 50%; | ||||
margin-bottom: 20PX; | |||||
// margin-bottom: 20PX; | |||||
} | } | ||||
&.n_7 { | &.n_7 { | ||||
background: url('../../assets/images/sunVillage_info/index_block_07.png') no-repeat center top; | background: url('../../assets/images/sunVillage_info/index_block_07.png') no-repeat center top; | ||||
background-size: 50%; | background-size: 50%; | ||||
margin-bottom: 20PX; | |||||
// margin-bottom: 20PX; | |||||
} | } | ||||
&.n_8 { | &.n_8 { | ||||
background: url('../../assets/images/sunVillage_info/index_block_08.png') no-repeat center top; | background: url('../../assets/images/sunVillage_info/index_block_08.png') no-repeat center top; | ||||
@@ -415,11 +430,13 @@ | |||||
&.n_9 { | &.n_9 { | ||||
background: url('../../assets/images/sunVillage_info/index_block_09.png') no-repeat center top; | background: url('../../assets/images/sunVillage_info/index_block_09.png') no-repeat center top; | ||||
background-size: 50%; | background-size: 50%; | ||||
margin-bottom: 20PX; | |||||
} | } | ||||
&.n_10 { | &.n_10 { | ||||
background: url('../../assets/images/sunVillage_info/index_block_10.png') no-repeat center top; | background: url('../../assets/images/sunVillage_info/index_block_10.png') no-repeat center top; | ||||
background-size: 50%; | background-size: 50%; | ||||
// margin-bottom: 20PX; | |||||
} | } | ||||
} | } | ||||
.icon{ | .icon{ | ||||
@@ -440,6 +457,7 @@ | |||||
font-size: 22px; | font-size: 22px; | ||||
color: #3f3d56; | color: #3f3d56; | ||||
text-align: center; | text-align: center; | ||||
padding-top: 20px; | |||||
padding-bottom: 25PX; | padding-bottom: 25PX; | ||||
} | } | ||||
} | } | ||||
@@ -289,7 +289,7 @@ | |||||
</van-popup>--> | </van-popup>--> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<p class="main_title" v-if="isModifyOrder">上传附件</p> | |||||
<p class="main_title" v-if="isModifyOrder" style="margin: 0.2rem 3%;">上传附件<i style="margin-right: 0.5em;"></i><span style="font-size: 12px;color: red;">(若申请单未变动可不必点击底部的修改按钮)</span></p> | |||||
<div class="main_box" style="padding: 5px 0 0 0;" v-if="isModifyOrder"> | <div class="main_box" style="padding: 5px 0 0 0;" v-if="isModifyOrder"> | ||||
<van-cell value="收据" /> | <van-cell value="收据" /> | ||||
<van-uploader v-model="fileList1" :after-read="beforeRead('1')" @delete="deleteFile" style="margin-left:8px;"></van-uploader> | <van-uploader v-model="fileList1" :after-read="beforeRead('1')" @delete="deleteFile" style="margin-left:8px;"></van-uploader> | ||||
@@ -307,10 +307,10 @@ | |||||
</van-row> | </van-row> | ||||
<van-row v-else> | <van-row v-else> | ||||
<van-col span="12" align="center"> | <van-col span="12" align="center"> | ||||
<van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保存修改</van-button> | |||||
<van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">修<i style="margin-right: 1em;"></i>改</van-button> | |||||
</van-col> | </van-col> | ||||
<van-col span="12" align="center"> | <van-col span="12" align="center"> | ||||
<van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button> | |||||
<van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">提<i style="margin-right: 1em;"></i>交</van-button> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
<div class="clear"></div> | <div class="clear"></div> | ||||
@@ -373,7 +373,7 @@ | |||||
fileList1:[], | fileList1:[], | ||||
fileList2:[], | fileList2:[], | ||||
fileList3:[], | fileList3:[], | ||||
capitalExpenditureType:'', | |||||
capitalExpenditureType:'结算类', | |||||
payee:'', | payee:'', | ||||
bankType:'', | bankType:'', | ||||
@@ -72,8 +72,8 @@ | |||||
<van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | <p class="main_title">上传附件</p> | ||||
@@ -64,8 +64,8 @@ | |||||
<van-field readonly label="申请使用金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | <van-field readonly label="申请使用金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="资金用途" v-model="item.remark" input-align="right" label-width="auto"/> | <van-field readonly label="资金用途" v-model="item.remark" input-align="right" label-width="auto"/> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | <p class="main_title">上传附件</p> | ||||
@@ -116,8 +116,8 @@ | |||||
<van-field readonly label="负责人全称" v-model="item.leader" input-align="right" label-width="auto"/> | <van-field readonly label="负责人全称" v-model="item.leader" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="资金用途" v-model="item.remark" input-align="right" /> | <van-field readonly label="资金用途" v-model="item.remark" input-align="right" /> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
@@ -69,8 +69,8 @@ | |||||
<van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | <p class="main_title">上传附件</p> | ||||
@@ -56,8 +56,8 @@ | |||||
<van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | <van-field readonly label="收入金额" v-model="item.incomeAmount" input-align="right" label-width="auto"/> | ||||
<van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | <van-field readonly label="所属银行" v-model="item.bankTypeText" input-align="right" /> | ||||
</div> | </div> | ||||
<p class="main_more" v-if="showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="!showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && showbtn" @click="listLength = chargeItme.length,showbtn=false">查看更多</p> | |||||
<p class="main_more" v-if="chargeItme.length>1 && !showbtn" @click="listLength = 1,showbtn=true">收起列表</p> | |||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | <p class="main_title">上传附件</p> | ||||
@@ -288,7 +288,7 @@ | |||||
</van-popup> | </van-popup> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<p class="main_title">上传附件</p> | |||||
<p class="main_title" style="margin: 0.2rem 3%;">上传附件<i style="margin-right: 0.5em;"></i><span style="font-size: 12px;color: red;">(若申请单未变动可不必点击底部的修改按钮)</span></p> | |||||
<div class="main_box" style="padding: 5px 0 0 0;"> | <div class="main_box" style="padding: 5px 0 0 0;"> | ||||
<van-cell value="收据" /> | <van-cell value="收据" /> | ||||
<van-uploader v-model="fileList1" :after-read="beforeRead('1')" @delete="deleteFile" style="margin-left:8px;"></van-uploader> | <van-uploader v-model="fileList1" :after-read="beforeRead('1')" @delete="deleteFile" style="margin-left:8px;"></van-uploader> | ||||
@@ -300,10 +300,10 @@ | |||||
<div style="padding: 16px 0;"> | <div style="padding: 16px 0;"> | ||||
<van-row> | <van-row> | ||||
<van-col span="12" align="center"> | <van-col span="12" align="center"> | ||||
<van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">保<i style="margin-right: 1em;"></i>存</van-button> | |||||
<van-button type="info" native-type="submit" @click="buttonType='update'" class="submitButton">修<i style="margin-right: 1em;"></i>改</van-button> | |||||
</van-col> | </van-col> | ||||
<van-col span="12" align="center"> | <van-col span="12" align="center"> | ||||
<van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">保存并提交</van-button> | |||||
<van-button type="info" native-type="submit" @click="buttonType='add'" class="submitButton">提<i style="margin-right: 1em;"></i>交</van-button> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
<div class="clear"></div> | <div class="clear"></div> | ||||
@@ -445,7 +445,7 @@ | |||||
this.payerOptions[index].value = res.id; | this.payerOptions[index].value = res.id; | ||||
}) | }) | ||||
}); | }); | ||||
this.getFileList(); | |||||
this.getDictionaries(); | |||||
}, | }, | ||||
methods: { | methods: { | ||||
@@ -1,6 +1,6 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-row style="background: url('../../../static/images/onlineHome/bg1.jpg') 50% ;height: 220px;border-radius:0 0 50px 50px;"> | |||||
<van-row style="background: url('../../../static/images/onlineHome/bg11.png') no-repeat left -20px;background-size: 100%;height: 220px;border-radius:0 0 50px 50px;"> | |||||
<van-cell center style="padding-top: 50px;background: none"> | <van-cell center style="padding-top: 50px;background: none"> | ||||
<template #title> | <template #title> | ||||
<p style="color: #fff;margin-left: 10px;font-size: 20px">{{nickName}}</p> | <p style="color: #fff;margin-left: 10px;font-size: 20px">{{nickName}}</p> | ||||
@@ -69,44 +69,44 @@ | |||||
<!-- />--> | <!-- />--> | ||||
<!-- </template>--> | <!-- </template>--> | ||||
<!-- </van-cell>--> | <!-- </van-cell>--> | ||||
<van-cell title="阳光村务" is-link @click="sunVillage"> | |||||
<van-cell title="阳光村务" center is-link @click="sunVillage"> | |||||
<template #icon> | <template #icon> | ||||
<van-image | <van-image | ||||
fit="contain" | fit="contain" | ||||
height="22" | |||||
height="20" | |||||
style="margin-right: 15px" | style="margin-right: 15px" | ||||
src="../../../static/images/onlineHome/myIcon8.png" | |||||
src="../../../static/images/onlineHome/myIcon01.png" | |||||
/> | /> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<van-cell title="电子签名" is-link to="signature"> | |||||
<van-cell title="电子签名" center is-link to="signature"> | |||||
<template #icon> | <template #icon> | ||||
<van-image | <van-image | ||||
fit="contain" | fit="contain" | ||||
height="22" | |||||
height="20" | |||||
style="margin-right: 15px" | style="margin-right: 15px" | ||||
src="../../../static/images/onlineHome/myIcon7.png" | |||||
src="../../../static/images/onlineHome/myIcon02.png" | |||||
/> | /> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<van-cell title="修改密码" is-link to="password"> | |||||
<van-cell title="修改密码" center is-link to="password"> | |||||
<template #icon> | <template #icon> | ||||
<van-image | <van-image | ||||
fit="contain" | fit="contain" | ||||
height="22" | |||||
height="20" | |||||
style="margin-right: 15px" | style="margin-right: 15px" | ||||
src="../../../static/images/onlineHome/myIcon7.png" | |||||
src="../../../static/images/onlineHome/myIcon03.png" | |||||
/> | /> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<van-cell title="退出登录" is-link @click="logout"> | |||||
<van-cell title="退出登录" center is-link @click="logout"> | |||||
<template #icon> | <template #icon> | ||||
<van-image | <van-image | ||||
fit="contain" | fit="contain" | ||||
height="22" | |||||
height="20" | |||||
style="margin-right: 15px" | style="margin-right: 15px" | ||||
src="../../../static/images/onlineHome/myIcon8.png" | |||||
src="../../../static/images/onlineHome/myIcon04.png" | |||||
/> | /> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||