| @@ -150,13 +150,13 @@ | |||||
| </template> | </template> | ||||
| </van-field> | </van-field> | ||||
| <van-field v-model="serviceForm.fax" required :rules="[{ required: true }]" center :border="false" placeholder="请输入传真"> | |||||
| <van-field v-model="serviceForm.fax" center :border="false" 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-field v-model="serviceForm.description" required :rules="[{ required: true }]" center :border="false" placeholder="请输入简要描述"> | |||||
| <van-field v-model="serviceForm.description" center :border="false" 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> | ||||
| @@ -6,18 +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" @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> | |||||
| <!-- <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> | ||||
| <!-- 头部结束 --> | <!-- 头部结束 --> | ||||
| @@ -28,7 +28,8 @@ | |||||
| <p class="tt">公司信息</p> | <p class="tt">公司信息</p> | ||||
| </template> | </template> | ||||
| <template #right-icon> | <template #right-icon> | ||||
| <img v-if="serviceForm.auditStatus != '3'" src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_edit.png" @click="$router.push({name:'agriculturalTrusteeshipServiceEdit'})"> | |||||
| <!-- v-if="serviceForm.auditStatus != '3'"--> | |||||
| <img src="../../../../static/images/agriculturalTrusteeship/insurance/shop_icon_edit.png" @click="$router.push({name:'agriculturalTrusteeshipServiceEdit'})"> | |||||
| </template> | </template> | ||||
| </van-cell> | </van-cell> | ||||
| @@ -151,9 +152,8 @@ | |||||
| productListNo:[], | productListNo:[], | ||||
| query:{ | query:{ | ||||
| financialServiceId:Cookies.get('ACCESS-SESSION-ID'), | financialServiceId:Cookies.get('ACCESS-SESSION-ID'), | ||||
| serviceDeptId:'187', | |||||
| pageNum:1, | pageNum:1, | ||||
| pageSize:'10' | |||||
| pageSize:'10', | |||||
| }, | }, | ||||
| serviceForm:{}, | serviceForm:{}, | ||||
| deptOptions:[], | deptOptions:[], | ||||
| @@ -219,7 +219,7 @@ | |||||
| }, | }, | ||||
| //选择案件属地 | //选择案件属地 | ||||
| onConfirmDept({ selectedOptions }){ | onConfirmDept({ selectedOptions }){ | ||||
| this.query.serviceDeptId = selectedOptions[selectedOptions.length-1].value; | |||||
| this.query.deptId = selectedOptions[selectedOptions.length-1].value; | |||||
| this.deptName = selectedOptions[selectedOptions.length-1].label; | this.deptName = selectedOptions[selectedOptions.length-1].label; | ||||
| this.showDeptId = false | this.showDeptId = false | ||||
| this.productListYes = []; | this.productListYes = []; | ||||
| @@ -42,7 +42,7 @@ | |||||
| </van-popup> | </van-popup> | ||||
| <!-- <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="产品规格" required :rules="[{ required: true }]" 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--> | <!-- <van-field--> | ||||
| <!-- readonly--> | <!-- readonly--> | ||||
| @@ -67,14 +67,15 @@ | |||||
| <!-- </van-popup>--> | <!-- </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" 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.number" input-align="right" placeholder="请输入数量" /> | |||||
| <van-field label="数量" v-model="supplyDemand.number" 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.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.supplyDemandTal" input-align="right" placeholder="请输入联系电话" /> | ||||
| <van-field label="联系人" required :rules="[{ required: true }]" v-model="supplyDemand.linker" input-align="right" placeholder="请输入联系人" /> | <van-field label="联系人" required :rules="[{ required: true }]" v-model="supplyDemand.linker" input-align="right" placeholder="请输入联系人" /> | ||||
| <van-field label="地址" required :rules="[{ required: true }]" v-model="supplyDemand.address" input-align="right" placeholder="请输入地址" /> | |||||
| <van-field label="地址" v-model="supplyDemand.address" input-align="right" placeholder="请输入地址" /> | |||||
| <van-field label="简介" required :rules="[{ required: true }]" 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="详情" required :rules="[{ required: true }]" v-model="supplyDemand.particulars" input-align="right" placeholder="请输入详情" /> | |||||
| <van-field label="详情" v-model="supplyDemand.particulars" input-align="right" placeholder="请输入详情" /> | |||||
| <van-field label="图片" readonly :border="false" input-align="right" /> | <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" /> | ||||
| @@ -42,7 +42,7 @@ | |||||
| </van-popup> | </van-popup> | ||||
| <!-- <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="产品规格" required :rules="[{ required: true }]" 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--> | <!-- <van-field--> | ||||
| <!-- readonly--> | <!-- readonly--> | ||||
| @@ -69,14 +69,39 @@ | |||||
| <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="数量" required :rules="[{ required: true }]" v-model="supplyDemand.number" type="digit" 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.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.supplyDemandTal" type="digit" input-align="right" placeholder="请输入联系电话" /> | ||||
| <van-field label="联系人" required :rules="[{ required: true }]" v-model="supplyDemand.linker" input-align="right" placeholder="请输入联系人" /> | <van-field label="联系人" required :rules="[{ required: true }]" v-model="supplyDemand.linker" input-align="right" placeholder="请输入联系人" /> | ||||
| <van-field label="服务区域" required :rules="[{ required: true }]" v-model="supplyDemand.serviceDeptName" input-align="right" placeholder="请输入服务区域" /> | |||||
| <van-field label="地址" required :rules="[{ required: true }]" v-model="supplyDemand.address" 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 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.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="简介" required :rules="[{ required: true }]" v-model="supplyDemand.introduction" type="textarea" autosize input-align="right" placeholder="请输入简介" /> | ||||
| <van-field label="详情" required :rules="[{ required: true }]" v-model="supplyDemand.particulars" 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 /> | <van-field label="图片" :border="false" input-align="right" readonly /> | ||||
| <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" /> | ||||
| @@ -100,7 +125,7 @@ | |||||
| </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} from "@/api/agriculturalTrusteeship"; | |||||
| export default { | export default { | ||||
| name: "agriculturalTrusteeshipSocializationRelease", | name: "agriculturalTrusteeshipSocializationRelease", | ||||
| data() { | data() { | ||||
| @@ -129,7 +154,16 @@ | |||||
| value: 'id', | value: 'id', | ||||
| children: 'children', | children: 'children', | ||||
| }, | }, | ||||
| publishStatus:'' | |||||
| publishStatus:'', | |||||
| deptOptions:[], | |||||
| deptName:'张村', | |||||
| showDeptId:false, | |||||
| villageValue : '', | |||||
| hcAreaInfoFieldName: { | |||||
| text: "label", | |||||
| value: "value", | |||||
| children: "children", | |||||
| }, | |||||
| }; | }; | ||||
| }, | }, | ||||
| created() { | created() { | ||||
| @@ -158,6 +192,11 @@ | |||||
| } | } | ||||
| this.bodyTypeOptions = response.data; | this.bodyTypeOptions = response.data; | ||||
| }); | }); | ||||
| treeselect().then(res=>{ | |||||
| if (res.code == 200) { | |||||
| this.deptOptions = res.data; | |||||
| } | |||||
| }) | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| onConfirmProductType({ selectedOptions }){ | onConfirmProductType({ selectedOptions }){ | ||||
| @@ -201,6 +240,12 @@ | |||||
| } | } | ||||
| }) | }) | ||||
| }, | }, | ||||
| //选择案件属地 | |||||
| onConfirmDept({ selectedOptions }){ | |||||
| this.supplyDemand.serviceDeptId = selectedOptions[selectedOptions.length-1].value; | |||||
| this.supplyDemand.serviceDeptName = selectedOptions[selectedOptions.length-1].label; | |||||
| this.showDeptId = false | |||||
| }, | |||||
| }, | }, | ||||
| } | } | ||||
| </script> | </script> | ||||