yunxi
/
ningxiaWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

回收站接单范围单位问题修复

Browse Source
master
LI-CCONG\李聪聪 7 months ago
parent b7ba20cc87
commit face525539
1 changed files with 316 additions and 257 deletions
Show Stats Download Patch File Download Diff File

573
jnpf-java-boot/jnpf-web/src/views/enterpriserecyclestation/form.vue
Unescape View File

@ -1,244 +1,303 @@
<template> <template>
<transition name="el-zoom-in-center"> <transition name="el-zoom-in-center">
<div class="JNPF-preview-main"> <div class="JNPF-preview-main">
<div class="JNPF-common-page-header"> <div class="JNPF-common-page-header">
<el-page-header @back="goBack" :content="!dataForm.id ? '新建':'编辑'" /> <el-page-header @back="goBack" :content="!dataForm.id ? '新建':'编辑'" />
<div class="options"> <div class="options">
<el-dropdown class="dropdown" placement="bottom"> <el-dropdown class="dropdown" placement="bottom">
<el-button style="width:70px"> <el-button style="width:70px">
更 多<i class="el-icon-arrow-down el-icon--right"></i> 更 多<i class="el-icon-arrow-down el-icon--right"></i>
</el-button> </el-button>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<template v-if="dataForm.id"> <template v-if="dataForm.id">
<el-dropdown-item @click.native="prev" :disabled='prevDis'> <el-dropdown-item @click.native="prev" :disabled='prevDis'>
{{'上一条'}} {{'上一条'}}
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click.native="next" :disabled='nextDis'> <el-dropdown-item @click.native="next" :disabled='nextDis'>
{{'下一条'}} {{'下一条'}}
</el-dropdown-item> </el-dropdown-item>
</template> </template>
<el-dropdown-item type="primary" @click.native="dataFormSubmit(2)" :loading="continueBtnLoading" :disabled='btnLoading'> <el-dropdown-item type="primary" @click.native="dataFormSubmit(2)"
{{!dataForm.id ?'确定并新增':'确定并继续'}}</el-dropdown-item> :loading="continueBtnLoading" :disabled='btnLoading'>
</el-dropdown-menu> {{!dataForm.id ?'确定并新增':'确定并继续'}}</el-dropdown-item>
</el-dropdown> </el-dropdown-menu>
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading" :disabled='continueBtnLoading'> 保 存</el-button> </el-dropdown>
<el-button @click="goBack"> 取 消</el-button> <el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading"
:disabled='continueBtnLoading'> 保 存</el-button>
<el-button @click="goBack"> 取 消</el-button>
</div>
</div> </div>
</div> <el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}"> <el-form ref="formRef" :model="dataForm" :rules="dataRule" size="default"
<el-form ref="formRef" :model="dataForm" :rules="dataRule" size="default" label-width="100px" label-position="right"> label-width="100px" label-position="right">
<template v-if="!loading"> <template v-if="!loading">
<!-- 具体表单 --> <!-- 具体表单 -->
<el-col :span="24"> <el-col :span="24">
<jnpf-form-tip-item> <jnpf-form-tip-item>
<JnpfGroupTitle content="基础信息" contentPosition="left"> <JnpfGroupTitle content="基础信息" contentPosition="left">
</JnpfGroupTitle> </JnpfGroupTitle>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<jnpf-form-tip-item label="回收站编号" prop="stationCode"> <jnpf-form-tip-item label="回收站编号" prop="stationCode">
<JnpfInput v-model="dataForm.stationCode" @change="changeData('stationCode',-1)" placeholder="请输入" clearable :style='{"width":"100%"}'> <JnpfInput v-model="dataForm.stationCode" @change="changeData('stationCode',-1)"
</JnpfInput> placeholder="请输入" clearable :style='{"width":"100%"}'>
</jnpf-form-tip-item> </JnpfInput>
</el-col> </jnpf-form-tip-item>
<el-col :span="8"> </el-col>
<jnpf-form-tip-item label="回收站名称" prop="stationName"> <el-col :span="8">
<JnpfInput v-model="dataForm.stationName" @change="changeData('stationName',-1)" placeholder="请输入" clearable :style='{"width":"100%"}'> <jnpf-form-tip-item label="回收站名称" prop="stationName">
</JnpfInput> <JnpfInput v-model="dataForm.stationName" @change="changeData('stationName',-1)"
</jnpf-form-tip-item> placeholder="请输入" clearable :style='{"width":"100%"}'>
</el-col> </JnpfInput>
<el-col :span="8"> </jnpf-form-tip-item>
<jnpf-form-tip-item class="site-item" label="详细地址" prop="stationName"> </el-col>
<JnpfInput class="input" disabled v-model="dataForm.address" @change="changeData('stationName',-1)" placeholder="请选择详细地址" clearable :style='{"width":"100%"}'> <el-col :span="8">
</JnpfInput> <jnpf-form-tip-item class="site-item" label="详细地址" prop="stationName">
<el-button @click="handleShowMap">选择地址</el-button> <JnpfInput class="input" disabled v-model="dataForm.address"
</jnpf-form-tip-item> @change="changeData('stationName',-1)" placeholder="请选择详细地址" clearable
</el-col> :style='{"width":"100%"}'>
<el-col :span="8"> </JnpfInput>
<jnpf-form-tip-item label="回收站简称" prop="shortName"> <el-button @click="handleShowMap">选择地址</el-button>
<JnpfInput v-model="dataForm.shortName" @change="changeData('shortName',-1)" placeholder="请输入" clearable :style='{"width":"100%"}'> </jnpf-form-tip-item>
</JnpfInput> </el-col>
</jnpf-form-tip-item> <el-col :span="8">
</el-col> <jnpf-form-tip-item label="回收站简称" prop="shortName">
<el-col :span="8"> <JnpfInput v-model="dataForm.shortName" @change="changeData('shortName',-1)"
<jnpf-form-tip-item label="经营模式" prop="managementModel"> placeholder="请输入" clearable :style='{"width":"100%"}'>
<JnpfSelect v-model="dataForm.managementModel" @change="changeData('managementModel',-1)" placeholder="请选择" clearable :style='{"width":"100%"}' :options="managementModelOptions" :props="managementModelProps"> </JnpfInput>
</JnpfSelect> </jnpf-form-tip-item>
</jnpf-form-tip-item> </el-col>
</el-col> <el-col :span="8">
<el-col :span="8"> <jnpf-form-tip-item label="经营模式" prop="managementModel">
<jnpf-form-tip-item label="所在城市" prop="city"> <JnpfSelect v-model="dataForm.managementModel"
<JnpfAreaSelect v-model="dataForm.city" @change="changeData('city',-1)" placeholder="请选择" clearable :style='{"width":"100%"}' :level="1"> @change="changeData('managementModel',-1)" placeholder="请选择" clearable
</JnpfAreaSelect> :style='{"width":"100%"}' :options="managementModelOptions"
</jnpf-form-tip-item> :props="managementModelProps">
</el-col> </JnpfSelect>
<el-col :span="8"> </jnpf-form-tip-item>
<jnpf-form-tip-item label="回收类目" prop="recycleTypeIds"> </el-col>
<JnpfSelect v-model="dataForm.recycleTypeIds" @change="changeData('recycleTypeIds',-1)" placeholder="请选择" clearable :style='{"width":"100%"}' :options="recycleTypeIdsOptions" :props="recycleTypeIdsProps"> <el-col :span="8">
</JnpfSelect> <jnpf-form-tip-item label="所在城市" prop="city">
</jnpf-form-tip-item> <JnpfAreaSelect v-model="dataForm.city" @change="changeData('city',-1)"
</el-col> placeholder="请选择" clearable :style='{"width":"100%"}' :level="1">
<el-col :span="8"> </JnpfAreaSelect>
<jnpf-form-tip-item label="首联系人" prop="firstContactPerson"> </jnpf-form-tip-item>
<JnpfInput v-model="dataForm.firstContactPerson" @change="changeData('firstContactPerson',-1)" placeholder="请输入" clearable :style='{"width":"100%"}'> </el-col>
</JnpfInput> <el-col :span="8">
</jnpf-form-tip-item> <jnpf-form-tip-item label="回收类目" prop="recycleTypeIds">
</el-col> <JnpfSelect v-model="dataForm.recycleTypeIds"
<el-col :span="8"> @change="changeData('recycleTypeIds',-1)" placeholder="请选择" clearable
<jnpf-form-tip-item label="职位" prop="firstContactPersonPosition"> :style='{"width":"100%"}' :options="recycleTypeIdsOptions"
<JnpfInput v-model="dataForm.firstContactPersonPosition" @change="changeData('firstContactPersonPosition',-1)" placeholder="请输入" clearable :style='{"width":"100%"}'> :props="recycleTypeIdsProps">
</JnpfInput> </JnpfSelect>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<jnpf-form-tip-item label="手机号码" prop="firstContactPersonTel"> <jnpf-form-tip-item label="首联系人" prop="firstContactPerson">
<JnpfInput v-model="dataForm.firstContactPersonTel" @change="changeData('firstContactPersonTel',-1)" placeholder="请输入" clearable :style='{"width":"100%"}'> <JnpfInput v-model="dataForm.firstContactPerson"
</JnpfInput> @change="changeData('firstContactPerson',-1)" placeholder="请输入" clearable
</jnpf-form-tip-item> :style='{"width":"100%"}'>
</el-col> </JnpfInput>
<el-col :span="8"> </jnpf-form-tip-item>
<jnpf-form-tip-item label="回收站状态" prop="stationStatus"> </el-col>
<JnpfSwitch v-model="dataForm.stationStatus" @change="changeData('stationStatus',-1)" :active-value="1" :inactive-value="0"> <el-col :span="8">
</JnpfSwitch> <jnpf-form-tip-item label="职位" prop="firstContactPersonPosition">
</jnpf-form-tip-item> <JnpfInput v-model="dataForm.firstContactPersonPosition"
</el-col> @change="changeData('firstContactPersonPosition',-1)" placeholder="请输入" clearable
<el-col :span="24"> :style='{"width":"100%"}'>
<jnpf-form-tip-item> </JnpfInput>
<JnpfGroupTitle content="详细信息" contentPosition="left"> </jnpf-form-tip-item>
</JnpfGroupTitle> </el-col>
</jnpf-form-tip-item> <el-col :span="8">
</el-col> <jnpf-form-tip-item label="手机号码" prop="firstContactPersonTel">
<el-col :span="8"> <JnpfInput v-model="dataForm.firstContactPersonTel"
<jnpf-form-tip-item label="回收站照片" prop="stationImg"> @change="changeData('firstContactPersonTel',-1)" placeholder="请输入" clearable
<JnpfUploadImg v-model="dataForm.stationImg" @change="changeData('stationImg',-1)" :fileSize="10" sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0"> :style='{"width":"100%"}'>
</JnpfUploadImg> </JnpfInput>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> </el-col>
<!-- <el-col :span="8"> <el-col :span="8">
<jnpf-form-tip-item label="回收站状态" prop="stationStatus">
<JnpfSwitch v-model="dataForm.stationStatus"
@change="changeData('stationStatus',-1)" :active-value="1" :inactive-value="0">
</JnpfSwitch>
</jnpf-form-tip-item>
</el-col>
<el-col :span="24">
<jnpf-form-tip-item>
<JnpfGroupTitle content="详细信息" contentPosition="left">
</JnpfGroupTitle>
</jnpf-form-tip-item>
</el-col>
<el-col :span="8">
<jnpf-form-tip-item label="回收站照片" prop="stationImg">
<JnpfUploadImg v-model="dataForm.stationImg" @change="changeData('stationImg',-1)"
:fileSize="10" sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0">
</JnpfUploadImg>
</jnpf-form-tip-item>
</el-col>
<!-- <el-col :span="8">
<jnpf-form-tip-item label="详细地址" prop="address"> <jnpf-form-tip-item label="详细地址" prop="address">
<JnpfInput v-model="dataForm.address" @change="changeData('address',-1)" placeholder="请输入" clearable :style='{"width":"100%"}'> <JnpfInput v-model="dataForm.address" @change="changeData('address',-1)" placeholder="请输入" clearable :style='{"width":"100%"}'>
</JnpfInput> </JnpfInput>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> --> </el-col> -->
<el-col :span="8"> <el-col :span="8">
<jnpf-form-tip-item label="回收电话" prop="recycleTel"> <jnpf-form-tip-item label="回收电话" prop="recycleTel">
<JnpfInput v-model="dataForm.recycleTel" @change="changeData('recycleTel',-1)" placeholder="请输入" clearable :style='{"width":"100%"}'> <JnpfInput v-model="dataForm.recycleTel" @change="changeData('recycleTel',-1)"
</JnpfInput> placeholder="请输入" clearable :style='{"width":"100%"}'>
</jnpf-form-tip-item> </JnpfInput>
</el-col>
<el-col :span="16">
<jnpf-form-tip-item label="回收站介绍" prop="stationDescription">
<JnpfTextarea v-model="dataForm.stationDescription" @change="changeData('stationDescription',-1)" placeholder="请输入" clearable :style='{"width":"100%"}' :autosize='{"minRows":4,"maxRows":4}'>
</JnpfTextarea>
</jnpf-form-tip-item>
</el-col>
<el-col :span="24">
<jnpf-form-tip-item label-width="0">
<div class="JNPF-common-title">
<h2>价格配置</h2>
</div>
<el-table :data="dataForm.recyclestationpriceList" size='mini'>
<el-table-column type="index" width="50" label="序号" align="center" />
<el-table-column label="回收类目" prop="recycleTypeId">
<template slot="header" v-if="false">
<span class="required-sign">*</span>回收类目
</template>
<template slot-scope="scope">
<JnpfSelect v-model="scope.row.recycleTypeId" @change="changeData('recyclestationprice-recycleTypeId',scope.$index)" placeholder="请选择" clearable :style='{"width":"100%"}' :options="recyclestationpricerecycleTypeIdOptions" :props="recyclestationpricerecycleTypeIdProps">
</JnpfSelect>
</template>
</el-table-column>
<el-table-column label="单价(kg)" prop="unitPrice">
<template slot="header" v-if="false">
<span class="required-sign">*</span>单价(kg)
</template>
<template slot-scope="scope">
<JnpfInput v-model="scope.row.unitPrice" @change="changeData('recyclestationprice-unitPrice',scope.$index)" placeholder="请输入" clearable :style='{"width":"100%"}'>
</JnpfInput>
</template>
</el-table-column>
<el-table-column label="操作" width="50">
<template slot-scope="scope">
<el-button size="mini" type="text" class="JNPF-table-delBtn" @click="delrecyclestationpriceList(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="table-actions" @click="addrecyclestationpriceList()">
<el-button type="text" icon="el-icon-plus">添加</el-button>
</div>
</jnpf-form-tip-item>
</el-col>
<el-col :span="24">
<jnpf-form-tip-item>
<JnpfGroupTitle content="业务配置" contentPosition="left">
</JnpfGroupTitle>
</jnpf-form-tip-item>
</el-col>
<el-card class="mb-20" shadow="never" header="营业时间配置">
<el-col :span="12">
<jnpf-form-tip-item label="营业时间" prop="businessDays">
<JnpfCheckbox v-model="dataForm.businessDays" @change="changeData('businessDays',-1)" optionType="default" direction="horizontal" :style='{"width":"100%"}' :options="businessDaysOptions" :props="businessDaysProps">
</JnpfCheckbox>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> </el-col>
<el-col :span="16">
<el-col :span="6"> <jnpf-form-tip-item label="回收站介绍" prop="stationDescription">
<jnpf-form-tip-item label="营业时间起" prop="appointmentTimeStart"> <JnpfTextarea v-model="dataForm.stationDescription"
<JnpfTimePicker v-model="dataForm.appointmentTimeStart" @change="changeData('appointmentTimeStart',-1)" :startTime="time(false,1,1,'','HH:mm','')" :endTime="time(false,1,1,'','HH:mm','')" placeholder="请选择" clearable :style='{"width":"100%"}' format="HH:mm"> @change="changeData('stationDescription',-1)" placeholder="请输入" clearable
</JnpfTimePicker> :style='{"width":"100%"}' :autosize='{"minRows":4,"maxRows":4}'>
</JnpfTextarea>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> </el-col>
<el-col :span="24">
<el-col :span="6"> <jnpf-form-tip-item label-width="0">
<jnpf-form-tip-item label="营业时间止" prop="appointmentTimeEnd"> <div class="JNPF-common-title">
<JnpfTimePicker v-model="dataForm.appointmentTimeEnd" @change="changeData('appointmentTimeEnd',-1)" :startTime="time(false,1,1,'','HH:mm','')" :endTime="time(false,1,1,'','HH:mm','')" placeholder="请选择" clearable :style='{"width":"100%"}' format="HH:mm"> <h2>价格配置</h2>
</JnpfTimePicker> </div>
<el-table :data="dataForm.recyclestationpriceList" size='mini'>
<el-table-column type="index" width="50" label="序号" align="center" />
<el-table-column label="回收类目" prop="recycleTypeId">
<template slot="header" v-if="false">
<span class="required-sign">*</span>回收类目
</template>
<template slot-scope="scope">
<JnpfSelect v-model="scope.row.recycleTypeId"
@change="changeData('recyclestationprice-recycleTypeId',scope.$index)"
placeholder="请选择" clearable :style='{"width":"100%"}'
:options="recyclestationpricerecycleTypeIdOptions"
:props="recyclestationpricerecycleTypeIdProps">
</JnpfSelect>
</template>
</el-table-column>
<el-table-column label="单价(kg)" prop="unitPrice">
<template slot="header" v-if="false">
<span class="required-sign">*</span>单价(kg)
</template>
<template slot-scope="scope">
<JnpfInput v-model="scope.row.unitPrice"
@change="changeData('recyclestationprice-unitPrice',scope.$index)"
placeholder="请输入" clearable :style='{"width":"100%"}'>
</JnpfInput>
</template>
</el-table-column>
<el-table-column label="操作" width="50">
<template slot-scope="scope">
<el-button size="mini" type="text" class="JNPF-table-delBtn"
@click="delrecyclestationpriceList(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="table-actions" @click="addrecyclestationpriceList()">
<el-button type="text" icon="el-icon-plus">添加</el-button>
</div>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> </el-col>
</el-card> <el-col :span="24">
<el-card class="mb-20" shadow="never" header="接单范围配置"> <jnpf-form-tip-item>
<el-col :span="8"> <JnpfGroupTitle content="业务配置" contentPosition="left">
<jnpf-form-tip-item label="接单范围" prop="acceptRange"> </JnpfGroupTitle>
<JnpfSelect v-model="dataForm.acceptRange" @change="changeData('acceptRange',-1)" placeholder="请选择" clearable :style='{"width":"100%"}' :options="acceptRangeOptions" :props="acceptRangeProps">
</JnpfSelect>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> </el-col>
</el-card> <el-card class="mb-20" shadow="never" header="营业时间配置">
<el-col :span="24"> <el-col :span="12">
<jnpf-form-tip-item label-width="0"> <jnpf-form-tip-item label="营业时间" prop="businessDays">
<div class="JNPF-common-title"> <JnpfCheckbox v-model="dataForm.businessDays"
<h2>范围内小区</h2> @change="changeData('businessDays',-1)" optionType="default"
</div> direction="horizontal" :style='{"width":"100%"}' :options="businessDaysOptions"
<el-table :data="dataForm.recyclestationhousingestateList" size='mini'> :props="businessDaysProps">
<el-table-column type="index" width="50" label="序号" align="center" /> </JnpfCheckbox>
<el-table-column label="小区id" prop="housingEstateId"> </jnpf-form-tip-item>
<template slot="header" v-if="false"> </el-col>
<span class="required-sign">*</span>小区id
</template> <el-col :span="6">
<template slot-scope="scope"> <jnpf-form-tip-item label="营业时间起" prop="appointmentTimeStart">
<JnpfPopupSelect v-model="scope.row.housingEstateId" @change="changeData('recyclestationhousingestate-housingEstateId',scope.$index)" :rowIndex="scope.$index" :formData="dataForm" :templateJson="interfaceRes.recyclestationhousingestatehousingEstateId" placeholder="请选择" propsValue="id" popupWidth="800px" popupTitle="选择数据" popupType="dialog" relationField='name' :field="'housingEstateId'+scope.$index" interfaceId="520155939362312325" :pageSize="20" :columnOptions="recyclestationhousingestatehousingEstateIdcolumnOptions" clearable :style='{"width":"100%"}'> <JnpfTimePicker v-model="dataForm.appointmentTimeStart"
</JnpfPopupSelect> @change="changeData('appointmentTimeStart',-1)"
</template> :startTime="time(false,1,1,'','HH:mm','')"
</el-table-column> :endTime="time(false,1,1,'','HH:mm','')" placeholder="请选择" clearable
<el-table-column label="操作" width="50"> :style='{"width":"100%"}' format="HH:mm">
<template slot-scope="scope"> </JnpfTimePicker>
<el-button size="mini" type="text" class="JNPF-table-delBtn" @click="delrecyclestationhousingestateList(scope.$index)">删除</el-button> </jnpf-form-tip-item>
</template> </el-col>
</el-table-column>
</el-table> <el-col :span="6">
<div class="table-actions" @click="addrecyclestationhousingestateList()"> <jnpf-form-tip-item label="营业时间止" prop="appointmentTimeEnd">
<el-button type="text" icon="el-icon-plus">添加</el-button> <JnpfTimePicker v-model="dataForm.appointmentTimeEnd"
</div> @change="changeData('appointmentTimeEnd',-1)"
</jnpf-form-tip-item> :startTime="time(false,1,1,'','HH:mm','')"
</el-col> :endTime="time(false,1,1,'','HH:mm','')" placeholder="请选择" clearable
<!-- 表单结束 --> :style='{"width":"100%"}' format="HH:mm">
</template> </JnpfTimePicker>
</el-form> </jnpf-form-tip-item>
<mapComponent v-if="visibleMap" :visibleMap='visibleMap' :longitude="dataForm.longitude" :latitude="dataForm.latitude" :address="dataForm.address" @chooseMapPoint='getCallMap' @cancel='cancelMap' @sure='sureMap'></mapComponent> </el-col>
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm" ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false" /> </el-card>
</el-row> <el-card class="mb-20" shadow="never" header="接单范围配置">
</div> <el-col :span="8">
</transition> <jnpf-form-tip-item label="接单范围" prop="acceptRange">
<JnpfSelect v-model="dataForm.acceptRange" @change="changeData('acceptRange',-1)"
placeholder="请选择" clearable :style='{"width":"100%"}'
:options="acceptRangeOptions" :props="acceptRangeProps">
</JnpfSelect>
</jnpf-form-tip-item>
</el-col>
</el-card>
<el-col :span="24">
<jnpf-form-tip-item label-width="0">
<div class="JNPF-common-title">
<h2>范围内小区</h2>
</div>
<el-table :data="dataForm.recyclestationhousingestateList" size='mini'>
<el-table-column type="index" width="50" label="序号" align="center" />
<el-table-column label="小区id" prop="housingEstateId">
<template slot="header" v-if="false">
<span class="required-sign">*</span>小区id
</template>
<template slot-scope="scope">
<JnpfPopupSelect v-model="scope.row.housingEstateId"
@change="changeData('recyclestationhousingestate-housingEstateId',scope.$index)"
:rowIndex="scope.$index" :formData="dataForm"
:templateJson="interfaceRes.recyclestationhousingestatehousingEstateId"
placeholder="请选择" propsValue="id" popupWidth="800px" popupTitle="选择数据"
popupType="dialog" relationField='name'
:field="'housingEstateId'+scope.$index" interfaceId="520155939362312325"
:pageSize="20"
:columnOptions="recyclestationhousingestatehousingEstateIdcolumnOptions"
clearable :style='{"width":"100%"}'>
</JnpfPopupSelect>
</template>
</el-table-column>
<el-table-column label="操作" width="50">
<template slot-scope="scope">
<el-button size="mini" type="text" class="JNPF-table-delBtn"
@click="delrecyclestationhousingestateList(scope.$index)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div class="table-actions" @click="addrecyclestationhousingestateList()">
<el-button type="text" icon="el-icon-plus">添加</el-button>
</div>
</jnpf-form-tip-item>
</el-col>
<!-- 表单结束 -->
</template>
</el-form>
<mapComponent v-if="visibleMap" :visibleMap='visibleMap' :longitude="dataForm.longitude"
:latitude="dataForm.latitude" :address="dataForm.address" @chooseMapPoint='getCallMap'
@cancel='cancelMap' @sure='sureMap'></mapComponent>
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm"
ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false" />
</el-row>
</div>
</transition>
</template> </template>
<script> <script>
@ -328,73 +387,73 @@ export default {
required: true, required: true,
message: '请输入', message: '请输入',
trigger: 'blur' trigger: 'blur'
}, ], },],
stationName: [{ stationName: [{
required: true, required: true,
message: '请输入', message: '请输入',
trigger: 'blur' trigger: 'blur'
}, ], },],
address: [{ address: [{
required: true, required: true,
message: '请输入', message: '请输入',
trigger: 'blur' trigger: 'blur'
}, ], },],
managementModel: [{ managementModel: [{
required: true, required: true,
message: '请选择', message: '请选择',
trigger: 'change' trigger: 'change'
}, ], },],
city: [{ city: [{
required: true, required: true,
message: '请至少选择一个', message: '请至少选择一个',
trigger: 'change' trigger: 'change'
}, ], },],
firstContactPerson: [{ firstContactPerson: [{
required: true, required: true,
message: '请输入', message: '请输入',
trigger: 'blur' trigger: 'blur'
}, ], },],
firstContactPersonTel: [{ firstContactPersonTel: [{
required: true, required: true,
message: '请输入', message: '请输入',
trigger: 'blur' trigger: 'blur'
}, ], },],
address: [{ address: [{
required: true, required: true,
message: '请输入', message: '请输入',
trigger: 'blur' trigger: 'blur'
}, ], },],
recycleTel: [{ recycleTel: [{
required: true, required: true,
message: '请输入', message: '请输入',
trigger: 'blur' trigger: 'blur'
}, },
{ {
pattern: /^1[3456789]\d{9}$|^0\d{2,3}-?\d{7,8}$/, pattern: /^1[3456789]\d{9}$|^0\d{2,3}-?\d{7,8}$/,
message: '请输入正确的联系方式', message: '请输入正确的联系方式',
trigger: 'blur' trigger: 'blur'
}, },
], ],
businessDays: [{ businessDays: [{
required: true, required: true,
message: '请至少选择一个', message: '请至少选择一个',
trigger: 'change' trigger: 'change'
}, ], },],
appointmentTimeStart: [{ appointmentTimeStart: [{
required: true, required: true,
message: '请选择', message: '请选择',
trigger: 'change' trigger: 'change'
}, ], },],
appointmentTimeEnd: [{ appointmentTimeEnd: [{
required: true, required: true,
message: '请选择', message: '请选择',
trigger: 'change' trigger: 'change'
}, ], },],
acceptRange: [{ acceptRange: [{
required: true, required: true,
message: '请选择', message: '请选择',
trigger: 'change' trigger: 'change'
}, ], },],
}, },
managementModelOptions: [], managementModelOptions: [],
managementModelProps: { "label": "fullName", "value": "id" }, managementModelProps: { "label": "fullName", "value": "id" },
@ -402,11 +461,11 @@ export default {
recycleTypeIdsProps: { "label": "fullName", "value": "id" }, recycleTypeIdsProps: { "label": "fullName", "value": "id" },
businessDaysOptions: [{ "fullName": "周一", "id": "1" }, { "fullName": "周二", "id": "2" }, { "fullName": "周三", "id": "3" }, { "fullName": "周四", "id": "4" }, { "fullName": "周五", "id": "5" }, { "fullName": "周六", "id": "6" }, { "fullName": "周日", "id": "7" }], businessDaysOptions: [{ "fullName": "周一", "id": "1" }, { "fullName": "周二", "id": "2" }, { "fullName": "周三", "id": "3" }, { "fullName": "周四", "id": "4" }, { "fullName": "周五", "id": "5" }, { "fullName": "周六", "id": "6" }, { "fullName": "周日", "id": "7" }],
businessDaysProps: { "label": "fullName", "value": "id" }, businessDaysProps: { "label": "fullName", "value": "id" },
acceptRangeOptions: [{ "fullName": "无限制", "id": "0" }, { "fullName": "1KM", "id": "1" }, { "fullName": "3KM", "id": "3" }, { "fullName": "5KM", "id": "5" }], acceptRangeOptions: [{ "fullName": "5KM以内", "id": 5000 }, { "fullName": "10KM以内", "id": 100000 }, { "fullName": "20KM以内", "id": 200000 }],
acceptRangeProps: { "label": "fullName", "value": "id" }, acceptRangeProps: { "label": "fullName", "value": "id" },
recyclestationpricerecycleTypeIdOptions: [], recyclestationpricerecycleTypeIdOptions: [],
recyclestationpricerecycleTypeIdProps: { "label": "fullName", "value": "id" }, recyclestationpricerecycleTypeIdProps: { "label": "fullName", "value": "id" },
recyclestationhousingestatehousingEstateIdcolumnOptions: [{ "label": "小区名称", "value": "name" }, ], recyclestationhousingestatehousingEstateIdcolumnOptions: [{ "label": "小区名称", "value": "name" },],
childIndex: -1, childIndex: -1,
isEdit: false, isEdit: false,
interfaceRes: { interfaceRes: {
@ -450,16 +509,16 @@ export default {
this.visibleMap = true this.visibleMap = true
}, },
getCallMap(e) { getCallMap(e) {
console.log('chooseMapPoint',e) console.log('chooseMapPoint', e)
}, },
cancelMap () { cancelMap() {
this.visibleMap = false this.visibleMap = false
}, },
sureMap(valObj){ sureMap(valObj) {
this.dataForm.address = valObj.address this.dataForm.address = valObj.address
this.dataForm.longitude = valObj.lng this.dataForm.longitude = valObj.lng
this.dataForm.latitude = valObj.lat this.dataForm.latitude = valObj.lat
console.log('位置信息',valObj) console.log('位置信息', valObj)
this.visibleMap = false this.visibleMap = false
}, },
prev() { prev() {
@ -699,7 +758,7 @@ export default {
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.dataForm.recyclestationpriceList.splice(index, 1); this.dataForm.recyclestationpriceList.splice(index, 1);
}).catch(() => {}); }).catch(() => { });
}, },
getrecyclestationpriceList(value) { getrecyclestationpriceList(value) {
let item = { ...this.tableRows.recyclestationpriceList, ...value } let item = { ...this.tableRows.recyclestationpriceList, ...value }
@ -720,7 +779,7 @@ export default {
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
this.dataForm.recyclestationhousingestateList.splice(index, 1); this.dataForm.recyclestationhousingestateList.splice(index, 1);
}).catch(() => {}); }).catch(() => { });
}, },
getrecyclestationhousingestateList(value) { getrecyclestationhousingestateList(value) {
let item = { ...this.tableRows.recyclestationhousingestateList, ...value } let item = { ...this.tableRows.recyclestationhousingestateList, ...value }
@ -834,9 +893,9 @@ export default {
.site-item { .site-item {
display: flex; display: flex;
::v-deep .el-form-item__content { ::v-deep .el-form-item__content {
display: flex!important; display: flex !important;
align-items: flex-start; align-items: flex-start;
margin-left: 0!important; margin-left: 0 !important;
.input { .input {
// width: 300px!important; // width: 300px!important;
margin-right: 10px; margin-right: 10px;

Write Preview
Loading…
Cancel
Save