@@ -2,6 +2,14 @@ import request from '@/utils/request' | |||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
// 查询部门下拉树结构 | |||||
export function treeselect() { | |||||
return request({ | |||||
url: '/depositm/dept/treeselect', | |||||
method: 'get' | |||||
}) | |||||
} | |||||
// 保险公司登录 | // 保险公司登录 | ||||
export function serviceLogin(data) { | export function serviceLogin(data) { | ||||
return request({ | return request({ | ||||
@@ -33,6 +41,9 @@ export function entityLogin(data) { | |||||
export function serviceList(query) { | export function serviceList(query) { | ||||
return request({ | return request({ | ||||
url: '/depositm/financialService/list', | url: '/depositm/financialService/list', | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
@@ -42,6 +53,9 @@ export function serviceList(query) { | |||||
export function serviceGet(id) { | export function serviceGet(id) { | ||||
return request({ | return request({ | ||||
url: '/depositm/financialService/get/'+id, | url: '/depositm/financialService/get/'+id, | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
}) | }) | ||||
} | } | ||||
@@ -144,17 +158,20 @@ export function productOut(id) { | |||||
export function detailList(query) { | export function detailList(query) { | ||||
return request({ | return request({ | ||||
url: '/depositm/entity/list', | url: '/depositm/entity/list', | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
} | } | ||||
//服务组织注册 | //服务组织注册 | ||||
export function entityRegister(query) { | |||||
export function entityRegister(data) { | |||||
return request({ | return request({ | ||||
url: '/depositm/entity/register', | url: '/depositm/entity/register', | ||||
method: 'get', | |||||
params: query | |||||
method: 'post', | |||||
data: data | |||||
}) | }) | ||||
} | } | ||||
@@ -162,6 +179,9 @@ export function entityRegister(query) { | |||||
export function supplyDemandList(query) { | export function supplyDemandList(query) { | ||||
return request({ | return request({ | ||||
url: '/depositm/supplyDemand/list', | url: '/depositm/supplyDemand/list', | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
@@ -171,6 +191,9 @@ export function supplyDemandList(query) { | |||||
export function productTypes(query) { | export function productTypes(query) { | ||||
return request({ | return request({ | ||||
url: '/depositm/supplyDemand/productTypes', | url: '/depositm/supplyDemand/productTypes', | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
@@ -180,6 +203,9 @@ export function productTypes(query) { | |||||
export function supplyDemandGet(id) { | export function supplyDemandGet(id) { | ||||
return request({ | return request({ | ||||
url: '/depositm/supplyDemand/get/'+id, | url: '/depositm/supplyDemand/get/'+id, | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
}) | }) | ||||
} | } | ||||
@@ -188,6 +214,9 @@ export function supplyDemandGet(id) { | |||||
export function supplyDemandEdit(data) { | export function supplyDemandEdit(data) { | ||||
return request({ | return request({ | ||||
url: '/depositm/supplyDemand/edit', | url: '/depositm/supplyDemand/edit', | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -197,6 +226,9 @@ export function supplyDemandEdit(data) { | |||||
export function supplyComment(data) { | export function supplyComment(data) { | ||||
return request({ | return request({ | ||||
url: '/deposit/supplyorder/comment', | url: '/deposit/supplyorder/comment', | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -206,6 +238,9 @@ export function supplyComment(data) { | |||||
export function supplyDemandProductOut(id) { | export function supplyDemandProductOut(id) { | ||||
return request({ | return request({ | ||||
url: '/depositm/supplyDemand/productOut/'+id, | url: '/depositm/supplyDemand/productOut/'+id, | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'post', | method: 'post', | ||||
}) | }) | ||||
} | } | ||||
@@ -214,7 +249,22 @@ export function supplyDemandProductOut(id) { | |||||
export function supplyDemandProductIn(id) { | export function supplyDemandProductIn(id) { | ||||
return request({ | return request({ | ||||
url: '/depositm/supplyDemand/productIn/'+id, | url: '/depositm/supplyDemand/productIn/'+id, | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'post', | |||||
}) | |||||
} | |||||
// 服务项目新增 | |||||
export function supplyDemandAdd(data) { | |||||
return request({ | |||||
url: '/depositm/supplyDemand/add', | |||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'post', | method: 'post', | ||||
data:data | |||||
}) | }) | ||||
} | } | ||||
@@ -223,6 +273,9 @@ export function supplyDemandProductIn(id) { | |||||
export function supplyorderReject(id) { | export function supplyorderReject(id) { | ||||
return request({ | return request({ | ||||
url: '/depositm/supplyorder/reject/'+id, | url: '/depositm/supplyorder/reject/'+id, | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'post', | method: 'post', | ||||
}) | }) | ||||
} | } | ||||
@@ -231,6 +284,9 @@ export function supplyorderReject(id) { | |||||
export function supplyorderList(query) { | export function supplyorderList(query) { | ||||
return request({ | return request({ | ||||
url: '/depositm/supplyorder/list', | url: '/depositm/supplyorder/list', | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
@@ -240,6 +296,9 @@ export function supplyorderList(query) { | |||||
export function orderStatistics(query) { | export function orderStatistics(query) { | ||||
return request({ | return request({ | ||||
url: '/depositm/entity/orderStatistics', | url: '/depositm/entity/orderStatistics', | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
@@ -249,6 +308,9 @@ export function orderStatistics(query) { | |||||
export function supplyorderGet(id) { | export function supplyorderGet(id) { | ||||
return request({ | return request({ | ||||
url: '/depositm/supplyorder/get/'+id, | url: '/depositm/supplyorder/get/'+id, | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
}) | }) | ||||
} | } | ||||
@@ -257,6 +319,9 @@ export function supplyorderGet(id) { | |||||
export function fwhtList(query) { | export function fwhtList(query) { | ||||
return request({ | return request({ | ||||
url: '/geo/fwht/list', | url: '/geo/fwht/list', | ||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
@@ -265,7 +330,10 @@ export function fwhtList(query) { | |||||
//下单 | //下单 | ||||
export function placeOrder(data) { | export function placeOrder(data) { | ||||
return request({ | return request({ | ||||
url: '/deposit/supplyorder/placeOrder', | |||||
url: '/entity/supplyorder/placeOrder', | |||||
headers: { | |||||
"ACCESS-SESSION-ID": Cookies.get('ACCESS-SESSION-ID') | |||||
}, | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -21,7 +21,7 @@ | |||||
<img src="../../../static/images/agriculturalTrusteeship/socialization/dialog_02.png" style="margin-right: 15PX" /> | <img src="../../../static/images/agriculturalTrusteeship/socialization/dialog_02.png" style="margin-right: 15PX" /> | ||||
</template> | </template> | ||||
<template #default> | <template #default> | ||||
<p style="background: #FBE6D9;color: #FF5D00;display: inline-block;padding: 0 5PX;border-radius: 5PX;">12</p> | |||||
<p style="background: #FBE6D9;color: #FF5D00;display: inline-block;padding: 0 5PX;border-radius: 5PX;">{{supplyDemandListYes1.length}}</p> | |||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
</div> | </div> | ||||
@@ -30,9 +30,33 @@ | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import {supplyDemandList} from "@/api/agriculturalTrusteeship"; | |||||
import Cookies from "js-cookie"; | |||||
export default { | export default { | ||||
name: "toolbar", | name: "toolbar", | ||||
data() { | |||||
return { | |||||
supplyDemandListYes1:[], | |||||
query:{ | |||||
entityId:Cookies.get('ACCESS-SESSION-ID'), | |||||
productType:'' | |||||
}, | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getList() | |||||
}, | |||||
methods:{ | methods:{ | ||||
getList(){ | |||||
supplyDemandList(this.query).then(response => { | |||||
response.rows.map(res=>{ | |||||
if(res.publishStatus == 2){ | |||||
this.supplyDemandListYes1.push(res); | |||||
} | |||||
}) | |||||
}); | |||||
}, | |||||
openDialog(){ | openDialog(){ | ||||
this.$parent.openDialog(false) | this.$parent.openDialog(false) | ||||
} | } | ||||
@@ -16,12 +16,12 @@ | |||||
<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>{{supplyDemand.productType}}</p> | |||||
<p>{{productType}}</p> | |||||
<p>服务</p> | <p>服务</p> | ||||
</div> | </div> | ||||
<div class="main_content_right_list_center"> | <div class="main_content_right_list_center"> | ||||
<img :src="supplyDemand.supplyMasterMapList[0]" style="width: 25vw;height: 25vw;"> | |||||
<img :src="supplyDemand.supplyMasterMap" style="width: 25vw;height: 25vw;"> | |||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">{{supplyDemand.supplyDemandName}}</p> | <p class="tt">{{supplyDemand.supplyDemandName}}</p> | ||||
<div class="tab"> | <div class="tab"> | ||||
@@ -55,7 +55,7 @@ | |||||
required | required | ||||
:border="false" | :border="false" | ||||
:rules="[{ required: true , message:'请选择服务合同'}]" | :rules="[{ required: true , message:'请选择服务合同'}]" | ||||
v-model="fwht" | |||||
v-model="contractionName" | |||||
label="服务合同" | label="服务合同" | ||||
placeholder="请选择服务合同" | placeholder="请选择服务合同" | ||||
@click="showfwht = true" | @click="showfwht = true" | ||||
@@ -67,12 +67,13 @@ | |||||
<van-picker | <van-picker | ||||
show-toolbar | show-toolbar | ||||
:columns="fwhtOptions" | :columns="fwhtOptions" | ||||
value-key="contractionName" | |||||
@confirm="onConfirmFwht" | @confirm="onConfirmFwht" | ||||
@cancel="showfwht = false" | @cancel="showfwht = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<!-- <van-field label="服务合同" v-model="supplyDemand.fwhtId" :border="false" input-align="right" placeholder="请输入服务合同" />--> | <!-- <van-field label="服务合同" v-model="supplyDemand.fwhtId" :border="false" input-align="right" placeholder="请输入服务合同" />--> | ||||
<van-field readonly label="服务作物" v-model="supplyDemand.cropType" :border="false" input-align="right" placeholder="服务作物" /> | |||||
<van-field readonly label="服务作物" v-model="cropType" :border="false" input-align="right" placeholder="服务作物" /> | |||||
<!-- <van-field label="下单时间" v-model="supplyDemand.orderAt" :border="false" input-align="right" placeholder="请输入下单时间" />--> | <!-- <van-field label="下单时间" v-model="supplyDemand.orderAt" :border="false" input-align="right" placeholder="请输入下单时间" />--> | ||||
@@ -128,6 +129,7 @@ | |||||
</template> | </template> | ||||
</van-field> | </van-field> | ||||
<van-field label="数量单位" v-model="supplyDemand.numUnit" :border="false" input-align="right" placeholder="请输入数量单位" /> | |||||
<van-field label="备注" v-model="supplyDemand.serviceRemark" :border="false" input-align="right" placeholder="请输入备注" /> | <van-field label="备注" v-model="supplyDemand.serviceRemark" :border="false" input-align="right" placeholder="请输入备注" /> | ||||
</div> | </div> | ||||
@@ -135,7 +137,7 @@ | |||||
<div class="main_btn"> | <div class="main_btn"> | ||||
<p @click="placeOrder">下单</p> | <p @click="placeOrder">下单</p> | ||||
<p>取消</p> | |||||
<p @click="onClickLeft">取消</p> | |||||
</div> | </div> | ||||
<!-- 内容结束 --> | <!-- 内容结束 --> | ||||
</div> | </div> | ||||
@@ -161,7 +163,8 @@ | |||||
serviceAt:new Date(), | serviceAt:new Date(), | ||||
showServiceAt: false, | showServiceAt: false, | ||||
activeNames:[], | activeNames:[], | ||||
supplyDemand:{}, | |||||
supplyDemand:{ | |||||
}, | |||||
projectTypeOptions:[], | projectTypeOptions:[], | ||||
productList:[], | productList:[], | ||||
productList1:[], | productList1:[], | ||||
@@ -171,15 +174,18 @@ | |||||
bodyTypeOptions:[], | bodyTypeOptions:[], | ||||
fwhtOptions:[], | fwhtOptions:[], | ||||
user:{}, | user:{}, | ||||
fwht:'' | |||||
fwht:'', | |||||
contractionName:'', | |||||
productType:'', | |||||
cropType:'' | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
fwhtList({deptId: this.$store.state.user.loginDeptId, contractionStatus: '1'}).then(response => { | |||||
this.fwhtOptions = response.rows; | |||||
}); | |||||
getInfo().then(response => { | getInfo().then(response => { | ||||
this.user = response.user; | this.user = response.user; | ||||
fwhtList({deptId: response.user.loginDeptId,bookId:'0', contractionStatus: '1'}).then(response => { | |||||
this.fwhtOptions = response.rows; | |||||
}); | |||||
}); | }); | ||||
let query = { | let query = { | ||||
parentId : '' | parentId : '' | ||||
@@ -199,26 +205,30 @@ | |||||
} | } | ||||
this.bodyTypeOptions = response.data; | this.bodyTypeOptions = response.data; | ||||
}); | }); | ||||
this.getDicts("crop_type").then(response => { | |||||
this.cropTypeOptions = response.data; | |||||
}); | |||||
this.getDetail(); | this.getDetail(); | ||||
}, | }, | ||||
methods: { | methods: { | ||||
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; | |||||
this.productType = this.productList1.filter(function (e) { return e.id == response.data.productType; })[0].dictName; | |||||
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( "," ); | |||||
attachement.forEach(responseAttach=>{ | |||||
response.data.supplyMasterMapList.push('/api' + responseAttach); | |||||
}) | |||||
response.data.supplyMasterMap = '/api' + attachement[0]; | |||||
} | } | ||||
response.data.serviceNum = 1; | |||||
this.supplyDemand = response.data; | this.supplyDemand = response.data; | ||||
}); | }); | ||||
}, | }, | ||||
onConfirmFwht(){ | |||||
onConfirmFwht(val){ | |||||
this.contractionName = val.contractionName; | |||||
this.supplyDemand.fwhtId = val.id; | |||||
this.cropType = this.selectDictLabel(this.cropTypeOptions, val.cropType); | |||||
this.supplyDemand.cropType = val.cropType; | |||||
this.showfwht = false; | |||||
}, | }, | ||||
onConfirmOrderAt(data){ | onConfirmOrderAt(data){ | ||||
this.supplyDemand.orderAt = this.format(data,'yyyy-MM-dd'); | this.supplyDemand.orderAt = this.format(data,'yyyy-MM-dd'); | ||||
@@ -232,6 +242,12 @@ | |||||
this.showServiceAt = false; | this.showServiceAt = false; | ||||
}, | }, | ||||
placeOrder(){ | placeOrder(){ | ||||
console.log(this.supplyDemand) | |||||
this.supplyDemand.demandId = this.$route.query.id; | |||||
this.supplyDemand.id = ''; | |||||
this.supplyDemand.linkera = this.user.nickName | |||||
this.supplyDemand.phonea = this.user.phonenumber | |||||
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: '发布成功' }); | ||||
@@ -29,7 +29,7 @@ | |||||
<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.realityServiceMoney}}</span>.00</p> | |||||
<p>¥<span>{{item.unitPrice}}</span>.00/{{item.unit}}</p> | |||||
</div> | </div> | ||||
<p class="name"> | <p class="name"> | ||||
<span>数量:{{item.serviceNum}}</span> | <span>数量:{{item.serviceNum}}</span> | ||||
@@ -37,7 +37,7 @@ | |||||
</p> | </p> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<van-cell title="买方名称" :border="false" :value="item.bookName" /> | |||||
<van-cell title="卖方名称" :border="false" :value="item.bookName" /> | |||||
<van-cell title="联系人" :border="false" :value="item.linkera" /> | <van-cell title="联系人" :border="false" :value="item.linkera" /> | ||||
<van-cell title="联系电话" :border="false" :value="item.phonea" /> | <van-cell title="联系电话" :border="false" :value="item.phonea" /> | ||||
</div> | </div> | ||||
@@ -52,7 +52,8 @@ | |||||
<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, supplyorderList} from "@/api/agriculturalTrusteeship"; | |||||
import {fwhtList, productTypes, supplyorderList} from "@/api/agriculturalTrusteeship"; | |||||
import {getInfo} from "@/api/login"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipIndex", | name: "agriculturalTrusteeshipIndex", | ||||
@@ -80,6 +81,7 @@ | |||||
startOrderAt :'', | startOrderAt :'', | ||||
endOrderAt :'', | endOrderAt :'', | ||||
orderStatus :'', | orderStatus :'', | ||||
createBy:'' | |||||
}, | }, | ||||
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月'), | ||||
@@ -112,7 +114,7 @@ | |||||
if ( res.orderStatus == '1'){ | if ( res.orderStatus == '1'){ | ||||
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); | ||||
@@ -3,7 +3,10 @@ | |||||
<!-- 头部开始 --> | <!-- 头部开始 --> | ||||
<div class="header"> | <div class="header"> | ||||
<!-- @click="onClickLeft"--> | <!-- @click="onClickLeft"--> | ||||
<div class="header_left" @click="navDis = 'block',loginDis = 'none'"> | |||||
<div class="header_left" v-if="navDis == 'none'" @click="navDis = 'block',loginDis = 'none'"> | |||||
<img src="../../../static/images/agriculturalTrusteeship/return.png"> | |||||
</div> | |||||
<div class="header_left" v-if="navDis == 'block'" @click="$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"> | ||||
@@ -193,17 +196,83 @@ | |||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<van-field v-model="entityForm.industryClassificationType" center :border="false" placeholder="请选择生产种类" > | |||||
<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> | <template #left-icon> | ||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_03.png" alt=""> | <img src="../../../static/images/agriculturalTrusteeship/login/register_03.png" alt=""> | ||||
</template> | </template> | ||||
</van-field> | </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 v-model="entityForm.modelSocietyType" center :border="false" placeholder="请选择示范类型"> | |||||
<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> | <template #left-icon> | ||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_04.png" alt=""> | <img src="../../../static/images/agriculturalTrusteeship/login/register_04.png" alt=""> | ||||
</template> | </template> | ||||
</van-field> | </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="请输入主体地址" > | <van-field v-model="entityForm.entityAddress" center :border="false" placeholder="请输入主体地址" > | ||||
<template #left-icon> | <template #left-icon> | ||||
@@ -211,11 +280,32 @@ | |||||
</template> | </template> | ||||
</van-field> | </van-field> | ||||
<van-field v-model="entityForm.registerTime" center :border="false" placeholder="请选择成立时间" > | |||||
<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> | <template #left-icon> | ||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_05.png" alt=""> | <img src="../../../static/images/agriculturalTrusteeship/login/register_05.png" alt=""> | ||||
</template> | </template> | ||||
</van-field> | </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="请输入负责人姓名"> | <van-field v-model="entityForm.principalName" center :border="false" placeholder="请输入负责人姓名"> | ||||
<template #left-icon> | <template #left-icon> | ||||
@@ -229,7 +319,7 @@ | |||||
</template> | </template> | ||||
</van-field> | </van-field> | ||||
<van-field v-model="entityForm.username" center :border="false" placeholder="请输入账号"> | |||||
<van-field v-model="entityForm.userName" center :border="false" placeholder="请输入账号"> | |||||
<template #left-icon> | <template #left-icon> | ||||
<img src="../../../static/images/agriculturalTrusteeship/login/register_06.png" alt=""> | <img src="../../../static/images/agriculturalTrusteeship/login/register_06.png" alt=""> | ||||
</template> | </template> | ||||
@@ -248,7 +338,7 @@ | |||||
</van-field> | </van-field> | ||||
<div style="height: 20PX"></div> | <div style="height: 20PX"></div> | ||||
<van-uploader v-model="mainImgUploader" :after-read="afterReadEvidenceEntityForm" :before-delete="deleteFileEvidenceEntityForm" /> | |||||
<van-uploader v-model="mainImgUploader2" :after-read="afterReadEvidenceEntityForm" :before-delete="deleteFileEvidenceEntityForm" /> | |||||
</template> | </template> | ||||
<p class="submit_btn" @click="goRegister">提交审核</p> | <p class="submit_btn" @click="goRegister">提交审核</p> | ||||
@@ -263,7 +353,7 @@ | |||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {getCodeImg, getRegisterSmsCode, registerCheck, registerOn} from "@/api/login"; | import {getCodeImg, getRegisterSmsCode, registerCheck, registerOn} from "@/api/login"; | ||||
import {decrypt, encrypt} from "@/utils/jsencrypt"; | import {decrypt, encrypt} from "@/utils/jsencrypt"; | ||||
import {serviceLogin, entityLogin, commonUpload , serviceRegister , entityRegister} from "@/api/agriculturalTrusteeship"; | |||||
import {serviceLogin, entityLogin, commonUpload , serviceRegister , entityRegister , treeselect} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipLogin", | name: "agriculturalTrusteeshipLogin", | ||||
data() { | data() { | ||||
@@ -303,10 +393,28 @@ | |||||
mainImgArr:[], | mainImgArr:[], | ||||
mainImgArrEntity:[], | mainImgArrEntity:[], | ||||
mainImgUploader:[], | mainImgUploader:[], | ||||
mainImgUploader2:[], | |||||
financialType:'', | financialType:'', | ||||
statisticsTypeIdOptions : [], | statisticsTypeIdOptions : [], | ||||
showStatisticsTypeId : false, | showStatisticsTypeId : false, | ||||
statisticsTypeId:'' | |||||
statisticsTypeId:'', | |||||
industryClassificationType:'', | |||||
showIndustryClassificationType: false, | |||||
industryClassificationTypeOptions: [], | |||||
modelSocietyType:'', | |||||
showModelSocietyType: false, | |||||
modelSocietyTypeOptions: [], | |||||
showRegisterTime :false, | |||||
currentDate:new Date(), | |||||
deptOptions:[], | |||||
deptName:'', | |||||
showDeptId:false, | |||||
villageValue : '', | |||||
hcAreaInfoFieldName: { | |||||
text: "label", | |||||
value: "value", | |||||
children: "children", | |||||
}, | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
@@ -318,6 +426,22 @@ | |||||
this.statisticsTypeIdOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | this.statisticsTypeIdOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | ||||
} | } | ||||
}); | }); | ||||
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.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}); | |||||
} | |||||
}); | |||||
treeselect().then(res=>{ | |||||
if (res.code == 200) { | |||||
this.deptOptions = res.data; | |||||
} | |||||
}) | |||||
this.getCode(); | this.getCode(); | ||||
this.getCookie(); | this.getCookie(); | ||||
@@ -585,6 +709,7 @@ | |||||
}, | }, | ||||
deleteFileEvidenceForm(file,detail) { | deleteFileEvidenceForm(file,detail) { | ||||
this.mainImgArr.splice(detail.index,1); | this.mainImgArr.splice(detail.index,1); | ||||
this.mainImgUploader.splice(detail.index,1); | |||||
}, | }, | ||||
afterReadEvidenceEntityForm(file){ | afterReadEvidenceEntityForm(file){ | ||||
let params1 = new FormData(); | let params1 = new FormData(); | ||||
@@ -599,6 +724,7 @@ | |||||
}, | }, | ||||
deleteFileEvidenceEntityForm(file,detail) { | deleteFileEvidenceEntityForm(file,detail) { | ||||
this.mainImgArrEntity.splice(detail.index,1); | this.mainImgArrEntity.splice(detail.index,1); | ||||
this.mainImgUploader2.splice(detail.index,1); | |||||
}, | }, | ||||
goRegister(){ | goRegister(){ | ||||
if (this.loginType == 'bxjg' || this.loginType == 'dkjg' || this.loginType == 'ndjg'){ | if (this.loginType == 'bxjg' || this.loginType == 'dkjg' || this.loginType == 'ndjg'){ | ||||
@@ -612,7 +738,7 @@ | |||||
}) | }) | ||||
}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); | ||||
entityRegister(this.entityForm).then(res=>{ | entityRegister(this.entityForm).then(res=>{ | ||||
this.$notify({ type: 'success', message: '注册成功' }); | this.$notify({ type: 'success', message: '注册成功' }); | ||||
@@ -624,7 +750,28 @@ | |||||
this.entityForm.statisticsTypeId = data.value; | this.entityForm.statisticsTypeId = data.value; | ||||
this.statisticsTypeId = data.text; | this.statisticsTypeId = data.text; | ||||
this.showStatisticsTypeId = false; | 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.deptId = selectedOptions[selectedOptions.length-1].value; | |||||
this.deptName = selectedOptions[selectedOptions.length-1].label; | |||||
this.showDeptId = false | |||||
}, | |||||
//methods结束处 | //methods结束处 | ||||
}, | }, | ||||
@@ -17,14 +17,16 @@ | |||||
v-model="loading" | v-model="loading" | ||||
:finished="finished" | :finished="finished" | ||||
finished-text="没有更多了" | finished-text="没有更多了" | ||||
@load="getList" | |||||
> | > | ||||
<!-- @load="onLoad"--> | <!-- @load="onLoad"--> | ||||
<div class="main_content_right_list" v-for="item in 10" :key="item" @click="$router.push({name:'agriculturalTrusteeshipSocializationDraftEdit'})"> | |||||
<div class="main_content_right_list" v-for="(item,index) in supplyDemandListYes" :key="index" @click="$router.push({name:'agriculturalTrusteeshipSocializationProjectEdit',query:{id:item.id}})"> | |||||
<div class="main_content_right_list_center"> | <div class="main_content_right_list_center"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png" width="80"> | |||||
<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;"> | |||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">如果只有一行就空着啊啊啊啊啊啊啊啊啊啊啊啊</p> | |||||
<p class="name">2022.03.15</p> | |||||
<p class="tt">{{item.supplyDemandName}}</p> | |||||
<p class="name">{{item.createTime.substr(0,10)}}</p> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -38,6 +40,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 {supplyDemandList} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipIndex", | name: "agriculturalTrusteeshipIndex", | ||||
@@ -51,13 +54,40 @@ | |||||
active: 0, | active: 0, | ||||
loading: false, | loading: false, | ||||
finished: false, | finished: false, | ||||
showDialog:false | |||||
showDialog:false, | |||||
supplyDemandList:[], | |||||
supplyDemandListYes:[], | |||||
query:{ | |||||
entityId:Cookies.get('ACCESS-SESSION-ID'), | |||||
productType:'' | |||||
}, | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
}, | }, | ||||
methods: { | methods: { | ||||
getList(){ | |||||
supplyDemandList(this.query).then(response => { | |||||
response.rows.map(res=>{ | |||||
if (res.supplyMasterMap){ | |||||
let supplyMasterMap = res.supplyMasterMap.split( "," ) | |||||
res.supplyMasterMap = '/api'+supplyMasterMap[0] | |||||
} | |||||
if(res.publishStatus == 2){ | |||||
this.supplyDemandListYes.push(res); | |||||
} | |||||
this.supplyDemandList.push(res); | |||||
}) | |||||
if(this.supplyDemandList.length >= response.total){ | |||||
this.finished = true; | |||||
return; | |||||
}else{ | |||||
this.loading = false; | |||||
this.query.pageNum += 1 ; | |||||
} | |||||
}); | |||||
}, | |||||
openDialog(val){ | openDialog(val){ | ||||
this.showDialog = val | this.showDialog = val | ||||
}, | }, | ||||
@@ -3,7 +3,7 @@ | |||||
<!-- 头部开始 --> | <!-- 头部开始 --> | ||||
<div class="header"> | <div class="header"> | ||||
<div class="header_left" @click="onClickLeft"> | <div class="header_left" @click="onClickLeft"> | ||||
<p>张三服务合作社</p> | |||||
<p>{{entityName}}</p> | |||||
</div> | </div> | ||||
<p class="header_right"> | <p class="header_right"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_photo.png" /> | <img src="../../../../static/images/agriculturalTrusteeship/socialization/socialization_icon_photo.png" /> | ||||
@@ -17,8 +17,8 @@ | |||||
<van-tab title="售卖中"> | <van-tab title="售卖中"> | ||||
<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> | ||||
<div class="main_content"> | <div class="main_content"> | ||||
@@ -31,7 +31,7 @@ | |||||
<div class="main_content_right"> | <div class="main_content_right"> | ||||
<div class="main_content_right_header"> | <div class="main_content_right_header"> | ||||
<p class="main_content_right_header_tit">{{main_content_right_header_tit}}</p> | <p class="main_content_right_header_tit">{{main_content_right_header_tit}}</p> | ||||
<van-tabs v-model="active" animated> | |||||
<van-tabs v-model="activePc" animated @change="orderByChange"> | |||||
<van-tab title="评分排序"></van-tab> | <van-tab title="评分排序"></van-tab> | ||||
<van-tab title="销量排序"></van-tab> | <van-tab title="销量排序"></van-tab> | ||||
</van-tabs> | </van-tabs> | ||||
@@ -48,7 +48,8 @@ | |||||
> | > | ||||
<!-- @load="onLoad"--> | <!-- @load="onLoad"--> | ||||
<div class="main_content_right_list" v-for="(item,index) in supplyDemandListYes" :key="index"> | <div class="main_content_right_list" v-for="(item,index) in supplyDemandListYes" :key="index"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png" @click="$router.push({name:'agriculturalTrusteeshipSocializationProjectDetail',query:{id:item.id}})"> | |||||
<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;"> | |||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
<p class="tt" @click="$router.push({name:'agriculturalTrusteeshipSocializationProjectDetail',query:{id:item.id}})">{{item.supplyDemandName}}</p> | <p class="tt" @click="$router.push({name:'agriculturalTrusteeshipSocializationProjectDetail',query:{id:item.id}})">{{item.supplyDemandName}}</p> | ||||
<div class="tab" @click="$router.push({name:'agriculturalTrusteeshipSocializationProjectDetail',query:{id:item.id}})"> | <div class="tab" @click="$router.push({name:'agriculturalTrusteeshipSocializationProjectDetail',query:{id:item.id}})"> | ||||
@@ -68,41 +69,38 @@ | |||||
<van-tab title="已下架"> | <van-tab title="已下架"> | ||||
<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="searchInput2" /> | |||||
<img src="../../../../static/images/agriculturalTrusteeship/index/search_icon_02.png" @click="goSearch2" /> | |||||
</div> | </div> | ||||
<div class="main_content"> | <div class="main_content"> | ||||
<div class="main_content_left"> | <div class="main_content_left"> | ||||
<van-sidebar v-model="activeKey"> | |||||
<van-sidebar v-model="activeKey2" @change="onChangeIn2"> | |||||
<van-sidebar-item title="全套服务" /> | <van-sidebar-item title="全套服务" /> | ||||
<van-sidebar-item v-for="(item,index) in productList" :key="index" :title="item.dictName" /> | <van-sidebar-item v-for="(item,index) in productList" :key="index" :title="item.dictName" /> | ||||
</van-sidebar> | </van-sidebar> | ||||
</div> | </div> | ||||
<div class="main_content_right"> | <div class="main_content_right"> | ||||
<div class="main_content_right_header"> | <div class="main_content_right_header"> | ||||
<p class="main_content_right_header_tit">灌溉</p> | |||||
<van-tabs v-model="active" animated> | |||||
<p class="main_content_right_header_tit">{{main_content_right_header_tit2}}</p> | |||||
<van-tabs v-model="activePc2" animated @change="orderByChange2"> | |||||
<van-tab title="评分排序"></van-tab> | <van-tab title="评分排序"></van-tab> | ||||
<van-tab title="销量排序"></van-tab> | <van-tab title="销量排序"></van-tab> | ||||
</van-tabs> | </van-tabs> | ||||
</div> | </div> | ||||
<div class="main_content_right_nav"> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<p>服务</p> | |||||
<div class="main_content_right_nav" v-if="activeKey!=0"> | |||||
<p v-for="(item,index) in productListChildren" :key="index">{{item.dictName}}</p> | |||||
</div> | </div> | ||||
<van-list | <van-list | ||||
v-model="loading" | |||||
:finished="finished" | |||||
v-model="loading2" | |||||
:finished="finished2" | |||||
finished-text="没有更多了" | finished-text="没有更多了" | ||||
@load="getList" | |||||
@load="getList2" | |||||
> | > | ||||
<div class="main_content_right_list" v-for="(item,index) in supplyDemandListNo" :key="index"> | <div class="main_content_right_list" v-for="(item,index) in supplyDemandListNo" :key="index"> | ||||
<img src="../../../../static/images/agriculturalTrusteeship/index/test.png"> | |||||
<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;"> | |||||
<div class="main_content_right_list_content"> | <div class="main_content_right_list_content"> | ||||
<p class="tt">{{item.entityName}}</p> | <p class="tt">{{item.entityName}}</p> | ||||
<div class="tab"> | <div class="tab"> | ||||
@@ -150,9 +148,14 @@ | |||||
data() { | data() { | ||||
return { | return { | ||||
activeKey: 0, | activeKey: 0, | ||||
activeKey2: 0, | |||||
active: 0, | active: 0, | ||||
activePc: 0, | |||||
activePc2: 0, | |||||
loading: false, | loading: false, | ||||
finished: false, | finished: false, | ||||
loading2: false, | |||||
finished2: false, | |||||
showDialog:false, | showDialog:false, | ||||
// query:{ | // query:{ | ||||
// pageNum: 1 , | // pageNum: 1 , | ||||
@@ -166,13 +169,22 @@ | |||||
productList:[], | productList:[], | ||||
productListChildren:[], | productListChildren:[], | ||||
main_content_right_header_tit:'全套服务', | main_content_right_header_tit:'全套服务', | ||||
main_content_right_header_tit2:'全套服务', | |||||
query:{ | query:{ | ||||
entityId:Cookies.get('ACCESS-SESSION-ID'), | entityId:Cookies.get('ACCESS-SESSION-ID'), | ||||
productType:'' | productType:'' | ||||
} | |||||
}, | |||||
query2:{ | |||||
entityId:Cookies.get('ACCESS-SESSION-ID'), | |||||
productType:'' | |||||
}, | |||||
entityName:'', | |||||
searchInput:'', | |||||
searchInput2:'', | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
this.entityName = JSON.parse(Cookies.get("ServiceInformation")).entityName; | |||||
this.getDicts("publish_status").then(response => { | this.getDicts("publish_status").then(response => { | ||||
for (var i = 0; i < response.data.length; i++) { | for (var i = 0; i < response.data.length; i++) { | ||||
this.productStatisticsOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | this.productStatisticsOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | ||||
@@ -194,12 +206,13 @@ | |||||
getList(){ | getList(){ | ||||
supplyDemandList(this.query).then(response => { | supplyDemandList(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.publishStatus == 3){ | if(res.publishStatus == 3){ | ||||
this.supplyDemandListYes.push(res); | this.supplyDemandListYes.push(res); | ||||
} | } | ||||
if(res.publishStatus == 2){ | |||||
this.supplyDemandListNo.push(res); | |||||
} | |||||
this.supplyDemandList.push(res); | this.supplyDemandList.push(res); | ||||
}) | }) | ||||
if(this.supplyDemandList.length >= response.total){ | if(this.supplyDemandList.length >= response.total){ | ||||
@@ -211,6 +224,27 @@ | |||||
} | } | ||||
}); | }); | ||||
}, | }, | ||||
getList2(){ | |||||
supplyDemandList(this.query2).then(response => { | |||||
response.rows.map(res=>{ | |||||
if (res.supplyMasterMap){ | |||||
let supplyMasterMap = res.supplyMasterMap.split( "," ) | |||||
res.supplyMasterMap = '/api'+supplyMasterMap[0] | |||||
} | |||||
if(res.publishStatus == 1){ | |||||
this.supplyDemandListNo.push(res); | |||||
} | |||||
this.supplyDemandList.push(res); | |||||
}) | |||||
if(this.supplyDemandList.length >= response.total){ | |||||
this.finished2 = true; | |||||
return; | |||||
}else{ | |||||
this.loading2 = false; | |||||
this.query2.pageNum += 1; | |||||
} | |||||
}); | |||||
}, | |||||
openDialog(val){ | openDialog(val){ | ||||
this.showDialog = val | this.showDialog = val | ||||
}, | }, | ||||
@@ -228,9 +262,12 @@ | |||||
}, | }, | ||||
onChangeIn(val){ | onChangeIn(val){ | ||||
this.supplyDemandListYes = []; | this.supplyDemandListYes = []; | ||||
this.supplyDemandListNo = []; | |||||
this.supplyDemandList = []; | |||||
if (val == 0){ | if (val == 0){ | ||||
this.main_content_right_header_tit = '全套服务'; | this.main_content_right_header_tit = '全套服务'; | ||||
this.query.productType = ''; | this.query.productType = ''; | ||||
console.log("aaaaa") | |||||
this.getList(); | this.getList(); | ||||
return; | return; | ||||
} | } | ||||
@@ -242,9 +279,68 @@ | |||||
} | } | ||||
productTypes(query1).then(response => { | productTypes(query1).then(response => { | ||||
this.productListChildren = response.data; | this.productListChildren = response.data; | ||||
console.log("bbbbb") | |||||
this.getList(); | this.getList(); | ||||
}); | }); | ||||
}, | }, | ||||
onChangeIn2(val){ | |||||
this.supplyDemandListNo = []; | |||||
this.supplyDemandList = []; | |||||
if (val == 0){ | |||||
this.main_content_right_header_tit2 = '全套服务'; | |||||
this.query2.productType = ''; | |||||
console.log("ccccc") | |||||
this.getList2(); | |||||
return; | |||||
} | |||||
this.query2.productType = this.productList[val-1].id; | |||||
let parentId = this.productList[val-1].id; | |||||
this.main_content_right_header_tit2 = this.productList[val-1].dictName | |||||
let query1 = { | |||||
parentId : parentId | |||||
} | |||||
productTypes(query1).then(response => { | |||||
this.productListChildren = response.data; | |||||
console.log("ddddd") | |||||
this.getList2(); | |||||
}); | |||||
}, | |||||
orderByChange(){ | |||||
if (this.activePc == 0){ | |||||
this.query.orderByColumn = 'order_score' | |||||
} | |||||
if (this.activePc == 1){ | |||||
this.query.orderByColumn = 'order_num' | |||||
} | |||||
this.supplyDemandListYes = []; | |||||
this.supplyDemandList = []; | |||||
this.getList(); | |||||
}, | |||||
orderByChange2(){ | |||||
if (this.activePc2 == 0){ | |||||
this.query2.orderByColumn = 'order_score' | |||||
} | |||||
if (this.activePc2 == 1){ | |||||
this.query2.orderByColumn = 'order_num' | |||||
} | |||||
this.supplyDemandListNo = []; | |||||
this.supplyDemandList = []; | |||||
this.getList2(); | |||||
}, | |||||
goSearch(){ | |||||
this.supplyDemandListYes = []; | |||||
this.supplyDemandList = []; | |||||
this.query.supplyDemandName = this.searchInput; | |||||
this.getList(); | |||||
}, | |||||
goSearch2(){ | |||||
this.supplyDemandListNo = []; | |||||
this.supplyDemandList = []; | |||||
this.query2.supplyDemandName = this.searchInput; | |||||
this.getList(); | |||||
}, | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||
@@ -67,6 +67,7 @@ | |||||
<van-field label="单价" v-model="supplyDemand.unitPrice" input-align="right" placeholder="请输入单价" /> | <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.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.supplyDemandTal" input-align="right" placeholder="请输入联系电话" /> | ||||
<van-field label="联系人" v-model="supplyDemand.linker" 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.serviceDeptName" input-align="right" placeholder="请输入服务区域" /> | ||||
@@ -13,22 +13,69 @@ | |||||
<!-- 内容开始 --> | <!-- 内容开始 --> | ||||
<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="图片" :border="false" input-align="right" placeholder="请输入图片" /> | |||||
<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-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-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-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;"> | <div style="padding: 0 4% 2vh;"> | ||||
<van-uploader /> | |||||
<van-uploader v-model="supplyDemand.supplyMasterMapList" :after-read="afterReadEvidenceForm" :before-delete="deleteFileEvidenceForm" /> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -40,14 +87,15 @@ | |||||
</div> | </div> | ||||
<div class="main_btn"> | <div class="main_btn"> | ||||
<p>发布</p> | |||||
<p>存稿</p> | |||||
<p @click="submitForm('3')">发布</p> | |||||
<p @click="submitForm('2')">存稿</p> | |||||
</div> | </div> | ||||
<!-- 内容结束 --> | <!-- 内容结束 --> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {commonUpload, productTypes, supplyDemandAdd} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipSocializationRelease", | name: "agriculturalTrusteeshipSocializationRelease", | ||||
data() { | data() { | ||||
@@ -56,16 +104,91 @@ | |||||
active: 0, | active: 0, | ||||
loading: false, | loading: false, | ||||
finished: false, | finished: false, | ||||
showProductType: false, | |||||
showBodyType: false, | |||||
center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | center: { lng: 122.089726, lat: 37.540728 }, //经纬度 | ||||
zoom: 15, //地图展示级别 | zoom: 15, //地图展示级别 | ||||
showDialog:false | |||||
showDialog:false, | |||||
supplyDemand:{}, | |||||
productType:'', | |||||
bodyType:'', | |||||
projectTypeOptions:[], | |||||
productList:[], | |||||
productList1:[], | |||||
demandTypeOptions:[], | |||||
productTypeOptions:[], | |||||
supplyMasterMapArr:[], | |||||
bodyTypeOptions:[], | |||||
fieldNames : { | |||||
text: 'dictName', | |||||
value: 'id', | |||||
children: 'children', | |||||
}, | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
let query = { | |||||
parentId : '' | |||||
} | |||||
let query1 = { | |||||
tree : true | |||||
} | |||||
productTypes(query).then(response => { | |||||
this.productList = response.data; | |||||
}); | |||||
productTypes(query1).then(response => { | |||||
this.productList1 = response.data; | |||||
}); | |||||
this.getDicts("newBusinessEntity_statistics_project").then(response => { | |||||
for (var i = 0; i < response.data.length; i++) { | |||||
this.projectTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||||
} | |||||
this.bodyTypeOptions = response.data; | |||||
}); | |||||
this.getDicts("publish_status").then(response => { | |||||
for (var i = 0; i < response.data.length; i++) { | |||||
this.projectTypeOptions.push({text: response.data[i].dictLabel, value: response.data[i].dictValue}); | |||||
} | |||||
this.bodyTypeOptions = response.data; | |||||
}); | |||||
}, | }, | ||||
methods: { | methods: { | ||||
onConfirmProductType({ selectedOptions }){ | |||||
this.supplyDemand.productType = selectedOptions[selectedOptions.length-1].id; | |||||
this.productType = selectedOptions.map((option) => option.dictName).join('/'); | |||||
this.showProductType = false; | |||||
}, | |||||
onConfirmProjectType(data){ | |||||
this.supplyDemand.bodyType = data.value; | |||||
this.bodyType = data.text; | |||||
this.showBodyType = false; | |||||
}, | |||||
afterReadEvidenceForm(file){ | |||||
let params1 = new FormData(); | |||||
params1.append("file", file.file); | |||||
commonUpload(params1).then((r1) => { | |||||
// this.tEnforceSamplingGoodsList[index].attachement.push(r1.fileName); | |||||
console.log(r1) | |||||
this.supplyMasterMapArr.push(r1.fileName) | |||||
}) | |||||
}, | |||||
deleteFileEvidenceForm(file,detail) { | |||||
this.supplyMasterMapArr.splice(detail.index,1); | |||||
this.supplyDemand.supplyMasterMapList.splice(detail.index,1); | |||||
}, | |||||
submitForm(publishStatus){ | |||||
this.supplyDemand.supplyMasterMap = this.supplyMasterMapArr.join(',') | |||||
this.supplyDemand.supplyDemandType = '1'; | |||||
this.supplyDemand.publishStatus = publishStatus; | |||||
supplyDemandAdd(this.supplyDemand).then((res) => { | |||||
if(res.code=="200"){ | |||||
this.$notify({ type: 'success', message: '发布成功' }); | |||||
setTimeout(function(){ | |||||
history.back(-1); | |||||
},2000) | |||||
} | |||||
}) | |||||
}, | |||||
}, | }, | ||||
} | } | ||||
</script> | </script> | ||||