|
|
|
@ -1,8 +1,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<transition name="el-zoom-in-center">
|
|
|
|
|
<div class="JNPF-preview-main">
|
|
|
|
|
<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">
|
|
|
|
|
<el-dropdown class="dropdown" placement="bottom">
|
|
|
|
|
<el-button style="width:70px">
|
|
|
|
@ -17,50 +21,49 @@
|
|
|
|
|
{{'下一条'}}
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
</template>
|
|
|
|
|
<el-dropdown-item type="primary" @click.native="dataFormSubmit(2)" :loading="continueBtnLoading"
|
|
|
|
|
:disabled='btnLoading'>
|
|
|
|
|
<el-dropdown-item type="primary" @click.native="dataFormSubmit(2)"
|
|
|
|
|
:loading="continueBtnLoading" :disabled='btnLoading'>
|
|
|
|
|
{{!dataForm.id ?'确定并新增':'确定并继续'}}</el-dropdown-item>
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
</el-dropdown>
|
|
|
|
|
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading" :disabled='continueBtnLoading'> 保
|
|
|
|
|
存</el-button>
|
|
|
|
|
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading" :disabled='continueBtnLoading'> 保 存</el-button>
|
|
|
|
|
<el-button @click="goBack"> 取 消</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-row :gutter="15" class=" main" :style="{margin: '0 auto',width: '100%'}">
|
|
|
|
|
<el-form ref="formRef" :model="dataForm" :rules="dataRule" size="small" label-width="100px"
|
|
|
|
|
label-position="right">
|
|
|
|
|
<el-form ref="formRef" :model="dataForm" :rules="dataRule" size="small" label-width="100px" label-position="right" >
|
|
|
|
|
<template v-if="!loading">
|
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="区域名称" tipLabel="围栏区域名称" prop="areaName">
|
|
|
|
|
<JnpfInput v-model="dataForm.areaName" @change="changeData('areaName', -1)" placeholder="电子围栏名称"
|
|
|
|
|
clearable :style='{ "width": "100%" }'>
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="区域名称" tipLabel="围栏区域名称" prop="areaName" >
|
|
|
|
|
<JnpfInput v-model="dataForm.areaName" @change="changeData('areaName',-1)"
|
|
|
|
|
placeholder="电子围栏名称" clearable :style='{"width":"100%"}'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="区域类型" tipLabel="请选择围栏类型" prop="areaType">
|
|
|
|
|
<JnpfSelect v-model="dataForm.areaType" @change="changeData('areaType', -1)" placeholder="请选择围栏类型"
|
|
|
|
|
clearable :style='{ "width": "100%" }' :options="areaTypeOptions" :props="areaTypeProps">
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="区域类型" tipLabel="请选择围栏类型" prop="areaType" >
|
|
|
|
|
<JnpfSelect v-model="dataForm.areaType" @change="changeData('areaType',-1)"
|
|
|
|
|
placeholder="请选择围栏类型" clearable :style='{"width":"100%"}' :options="areaTypeOptions" :props="areaTypeProps" >
|
|
|
|
|
</JnpfSelect>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="是否启用" prop="status">
|
|
|
|
|
<JnpfRadio v-model="dataForm.status" @change="changeData('status', -1)" optionType="default"
|
|
|
|
|
direction="horizontal" size="small" :options="statusOptions" :props="statusProps">
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="是否启用" prop="status" >
|
|
|
|
|
<JnpfRadio v-model="dataForm.status" @change="changeData('status',-1)"
|
|
|
|
|
optionType="default" direction="horizontal" size="small" :options="statusOptions" :props="statusProps" >
|
|
|
|
|
</JnpfRadio>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="站点编号" tipLabel="绑定站点编码" prop="stationCode">
|
|
|
|
|
<JnpfPopupSelect v-model="dataForm.stationCode" @change="changeData('stationCode', -1)" :rowIndex="null"
|
|
|
|
|
:formData="dataForm" :templateJson="interfaceRes.stationCode" placeholder="请选择为那个站点绘制区域" hasPage
|
|
|
|
|
propsValue="station_code" popupWidth="800px" popupTitle="选择数据" popupType="dialog"
|
|
|
|
|
relationField='station_name' field='stationCode' interfaceId="520259300875047493" :pageSize="20"
|
|
|
|
|
:columnOptions="stationCodecolumnOptions" clearable :style='{ "width": "100%" }'>
|
|
|
|
|
</JnpfPopupSelect>
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="绑定商户" tipLabel="绑定商户" prop="companyId" >
|
|
|
|
|
<JnpfOrganizeSelect v-model="dataForm.companyId" @change="changeData('companyId',-1)"
|
|
|
|
|
placeholder="请选择商户" selectType="all" :ableIds="ableAll.companyIdableIds" clearable :style='{"width":"100%"}'>
|
|
|
|
|
</JnpfOrganizeSelect>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
@ -72,22 +75,24 @@
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="区域描述" tipLabel="请输入区域描述" prop="areaDesc">
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="区域描述" tipLabel="请输入区域描述" prop="areaDesc" >
|
|
|
|
|
<JnpfTextarea v-model="dataForm.areaDesc" @change="changeData('areaDesc',-1)"
|
|
|
|
|
placeholder="请输入不超过两百字的区域描述" :style='{ "width": "100%" }' true type="textarea"
|
|
|
|
|
:autosize='{ "minRows": 4, "maxRows": 4 }'>
|
|
|
|
|
placeholder="请输入不超过两百字的区域描述" :style='{"width":"100%"}' true type="textarea" :autosize='{"minRows":4,"maxRows":4}' >
|
|
|
|
|
</JnpfTextarea>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="修改用户" prop="lastModifyUserId">
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="修改用户" prop="lastModifyUserId" >
|
|
|
|
|
<JnpfInput v-model="dataForm.lastModifyUserId" @change="changeData('lastModifyUserId',-1)"
|
|
|
|
|
placeholder="系统自动生成" readonly :style='{"width":"100%"}'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="修改时间" prop="lastModifyTime">
|
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
|
label="修改时间" prop="lastModifyTime" >
|
|
|
|
|
<JnpfInput v-model="dataForm.lastModifyTime" @change="changeData('lastModifyTime',-1)"
|
|
|
|
|
placeholder="系统自动生成" readonly :style='{"width":"100%"}'>
|
|
|
|
|
</JnpfInput>
|
|
|
|
@ -96,9 +101,7 @@
|
|
|
|
|
<!-- 表单结束 -->
|
|
|
|
|
</template>
|
|
|
|
|
</el-form>
|
|
|
|
|
<area-dialog :position="position" :areaMapInfo="dataForm.areaMapInfo" v-if="areaVisible" @areaVisibleChange="handleAreaVisibleChange"
|
|
|
|
|
ref="JNPFForm" />
|
|
|
|
|
|
|
|
|
|
<area-dialog :position="position" :areaMapInfo="dataForm.areaMapInfo" v-if="areaVisible" @areaVisibleChange="handleAreaVisibleChange" />
|
|
|
|
|
<!-- <SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm"
|
|
|
|
|
ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false"/> -->
|
|
|
|
|
</el-row>
|
|
|
|
@ -118,14 +121,12 @@ import { getDefaultCurrentValueDepartmentId } from '@/api/permission/organize'
|
|
|
|
|
import { getDateDay, getLaterData, getBeforeData, getBeforeTime, getLaterTime } from '@/components/Generator/utils/index.js'
|
|
|
|
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
areaDialog
|
|
|
|
|
},
|
|
|
|
|
components: { areaDialog },
|
|
|
|
|
props: [],
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
areaVisible: false,
|
|
|
|
|
position: {},
|
|
|
|
|
areaVisible: false,
|
|
|
|
|
dataFormSubmitType: 0,
|
|
|
|
|
continueBtnLoading: false,
|
|
|
|
|
index: 0,
|
|
|
|
@ -155,7 +156,7 @@ export default {
|
|
|
|
|
areaName : undefined,
|
|
|
|
|
areaType : undefined,
|
|
|
|
|
status : "1",
|
|
|
|
|
stationCode: undefined,
|
|
|
|
|
companyId : [],
|
|
|
|
|
areaMapInfo : undefined,
|
|
|
|
|
areaDesc : undefined,
|
|
|
|
|
creatorUserId : undefined,
|
|
|
|
@ -187,10 +188,10 @@ export default {
|
|
|
|
|
trigger: 'change'
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
stationCode: [
|
|
|
|
|
companyId: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请选择为那个站点绘制区域',
|
|
|
|
|
message: '请至少选择一个',
|
|
|
|
|
trigger: 'change'
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
@ -206,14 +207,13 @@ export default {
|
|
|
|
|
areaTypeProps:{"label":"fullName","value":"enCode" },
|
|
|
|
|
statusOptions:[],
|
|
|
|
|
statusProps:{"label":"fullName","value":"enCode" },
|
|
|
|
|
stationCodecolumnOptions: [{ "label": "站点编码", "value": "station_code" }, { "label": "站点名称", "value": "station_name" },],
|
|
|
|
|
childIndex:-1,
|
|
|
|
|
isEdit:false,
|
|
|
|
|
interfaceRes: {
|
|
|
|
|
areaName:[] ,
|
|
|
|
|
areaType:[] ,
|
|
|
|
|
status:[] ,
|
|
|
|
|
stationCode: [],
|
|
|
|
|
companyId:[] ,
|
|
|
|
|
areaMapInfo:[] ,
|
|
|
|
|
areaDesc:[] ,
|
|
|
|
|
creatorUserId:[] ,
|
|
|
|
@ -221,7 +221,6 @@ export default {
|
|
|
|
|
lastModifyUserId:[] ,
|
|
|
|
|
lastModifyTime:[] ,
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
@ -256,11 +255,8 @@ export default {
|
|
|
|
|
handLeArea() {
|
|
|
|
|
this.getPosition()
|
|
|
|
|
},
|
|
|
|
|
handleAreaVisibleChange(areaVisible, areaMapInfo) {
|
|
|
|
|
handleAreaVisibleChange(areaVisible) {
|
|
|
|
|
this.areaVisible = areaVisible
|
|
|
|
|
if (areaMapInfo) {
|
|
|
|
|
this.dataForm.areaMapInfo = areaMapInfo
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
prev() {
|
|
|
|
|
this.index--
|
|
|
|
|