@@ -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> | ||||
<!-- 头部结束 --> | <!-- 头部结束 --> | ||||
@@ -814,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){ | ||||
@@ -65,8 +65,29 @@ | |||||
<!-- @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 | |||||
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 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="单价" required :rules="[{ required: true }]" 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="请输入数量" /> | ||||
@@ -104,7 +125,7 @@ | |||||
productTypes, | productTypes, | ||||
commonUpload, | commonUpload, | ||||
supplyDemandEdit, | supplyDemandEdit, | ||||
supplyDemandAdd | |||||
supplyDemandAdd, detailList | |||||
} from "@/api/agriculturalTrusteeship"; | } from "@/api/agriculturalTrusteeship"; | ||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipSocializationRelease", | name: "agriculturalTrusteeshipSocializationRelease", | ||||
@@ -134,7 +155,8 @@ | |||||
value: 'id', | value: 'id', | ||||
children: 'children', | children: 'children', | ||||
}, | }, | ||||
publishStatus:'' | |||||
publishStatus:'', | |||||
detailListOptions:[] | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
@@ -157,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: { | ||||
@@ -184,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){ | ||||
@@ -44,29 +44,31 @@ | |||||
<!-- <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 | |||||
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 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="所属主体" required :rules="[{ required: true }]" v-model="supplyDemand.entityName" input-align="right" placeholder="请输入所属主体" /> | |||||
<van-field label="单价" required :rules="[{ required: true }]" v-model="supplyDemand.unitPrice" type="number" input-align="right" placeholder="请输入单价" /> | <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="数量" v-model="supplyDemand.number" type="digit" input-align="right" placeholder="请输入数量" /> | ||||
@@ -125,7 +127,7 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import {commonUpload, productTypes, supplyDemandAdd, treeselect} from "@/api/agriculturalTrusteeship"; | |||||
import {commonUpload, productTypes, supplyDemandAdd, treeselect,detailList} from "@/api/agriculturalTrusteeship"; | |||||
export default { | export default { | ||||
name: "agriculturalTrusteeshipSocializationRelease", | name: "agriculturalTrusteeshipSocializationRelease", | ||||
data() { | data() { | ||||
@@ -164,6 +166,7 @@ | |||||
value: "value", | value: "value", | ||||
children: "children", | children: "children", | ||||
}, | }, | ||||
detailListOptions:[] | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
@@ -197,6 +200,11 @@ | |||||
this.deptOptions = res.data; | this.deptOptions = res.data; | ||||
} | } | ||||
}) | }) | ||||
detailList().then(res=>{ | |||||
if (res.code == 200) { | |||||
this.detailListOptions = res.rows; | |||||
} | |||||
}) | |||||
}, | }, | ||||
methods: { | methods: { | ||||
onConfirmProductType({ selectedOptions }){ | onConfirmProductType({ selectedOptions }){ | ||||
@@ -205,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){ | ||||