| @@ -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> | ||||