|
|
@ -2,67 +2,67 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<el-dialog :title="!dataForm.id ? '新建' :'编辑'"
|
|
|
|
<el-dialog :title="!dataForm.id ? '新建' :'编辑'" modal-append-to-body="false" :close-on-click-modal="false"
|
|
|
|
:close-on-click-modal="false" append-to-body
|
|
|
|
append-to-body :visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll width="600px">
|
|
|
|
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll
|
|
|
|
|
|
|
|
width="600px">
|
|
|
|
|
|
|
|
<el-row :gutter="15" class="">
|
|
|
|
<el-row :gutter="15" class="">
|
|
|
|
<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">
|
|
|
|
<template v-if="!loading">
|
|
|
|
|
|
|
|
{{ areaVisible }}
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
<!-- 具体表单 -->
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="区域名称" tipLabel="围栏区域名称" prop="areaName">
|
|
|
|
label="区域名称" tipLabel="围栏区域名称" prop="areaName" >
|
|
|
|
<JnpfInput v-model="dataForm.areaName" @change="changeData('areaName',-1)" placeholder="电子围栏名称" clearable
|
|
|
|
<JnpfInput v-model="dataForm.areaName" @change="changeData('areaName',-1)"
|
|
|
|
:style='{"width":"100%"}'>
|
|
|
|
placeholder="电子围栏名称" clearable :style='{"width":"100%"}'>
|
|
|
|
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="区域类型" tipLabel="请选择围栏类型" prop="areaType">
|
|
|
|
label="区域类型" tipLabel="请选择围栏类型" prop="areaType" >
|
|
|
|
<JnpfSelect v-model="dataForm.areaType" @change="changeData('areaType',-1)" placeholder="请选择围栏类型"
|
|
|
|
<JnpfSelect v-model="dataForm.areaType" @change="changeData('areaType',-1)"
|
|
|
|
clearable :style='{"width":"100%"}' :options="areaTypeOptions" :props="areaTypeProps">
|
|
|
|
placeholder="请选择围栏类型" clearable :style='{"width":"100%"}' :options="areaTypeOptions" :props="areaTypeProps" >
|
|
|
|
|
|
|
|
</JnpfSelect>
|
|
|
|
</JnpfSelect>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="是否启用" prop="status">
|
|
|
|
label="是否启用" prop="status" >
|
|
|
|
<JnpfRadio v-model="dataForm.status" @change="changeData('status',-1)" optionType="default"
|
|
|
|
<JnpfRadio v-model="dataForm.status" @change="changeData('status',-1)"
|
|
|
|
direction="horizontal" size="small" :options="statusOptions" :props="statusProps">
|
|
|
|
optionType="default" direction="horizontal" size="small" :options="statusOptions" :props="statusProps" >
|
|
|
|
|
|
|
|
</JnpfRadio>
|
|
|
|
</JnpfRadio>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="所属回收站" prop="stationCode">
|
|
|
|
label="所属回收站" prop="stationCode" >
|
|
|
|
|
|
|
|
<JnpfSelect v-model="dataForm.stationCode" @change="changeData('stationCode',-1)"
|
|
|
|
<JnpfSelect v-model="dataForm.stationCode" @change="changeData('stationCode',-1)"
|
|
|
|
placeholder="选择本组织回收站进行绑定" clearable :style='{"width":"100%"}' :options="stationCodeOptions" :props="stationCodeProps" >
|
|
|
|
placeholder="选择本组织回收站进行绑定" clearable :style='{"width":"100%"}' :options="stationCodeOptions"
|
|
|
|
|
|
|
|
:props="stationCodeProps">
|
|
|
|
</JnpfSelect>
|
|
|
|
</JnpfSelect>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="地图信息" tipLabel="在地图上绘制电子围栏" prop="areaMapInfo">
|
|
|
|
label="地图信息" tipLabel="在地图上绘制电子围栏" prop="areaMapInfo" >
|
|
|
|
<JnpfInput @focus="handLeArea" v-model="dataForm.areaMapInfo" placeholder="绘制电子围栏区域" :maxlength="65539"
|
|
|
|
<JnpfInput v-model="dataForm.areaMapInfo" @change="changeData('areaMapInfo',-1)"
|
|
|
|
readonly prefix-icon='ym-custom ym-custom-google-maps' :style='{"width":"100%"}'>
|
|
|
|
placeholder="绘制电子围栏区域" disabled :maxlength="65539" clearable prefix-icon='ym-custom ym-custom-google-maps' :style='{"width":"100%"}' show-password >
|
|
|
|
|
|
|
|
</JnpfInput>
|
|
|
|
</JnpfInput>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="24">
|
|
|
|
<el-col :span="24">
|
|
|
|
<jnpf-form-tip-item
|
|
|
|
<jnpf-form-tip-item label="区域描述" tipLabel="请输入区域描述" prop="areaDesc">
|
|
|
|
label="区域描述" tipLabel="请输入区域描述" prop="areaDesc" >
|
|
|
|
<JnpfTextarea v-model="dataForm.areaDesc" @change="changeData('areaDesc',-1)" placeholder="请输入不超过两百字的标题描述"
|
|
|
|
<JnpfTextarea v-model="dataForm.areaDesc" @change="changeData('areaDesc',-1)"
|
|
|
|
:style='{"width":"100%"}' true type="textarea" :autosize='{"minRows":4,"maxRows":4}'>
|
|
|
|
placeholder="请输入不超过两百字的标题描述" :style='{"width":"100%"}' true type="textarea" :autosize='{"minRows":4,"maxRows":4}' >
|
|
|
|
|
|
|
|
</JnpfTextarea>
|
|
|
|
</JnpfTextarea>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
<!-- <el-dialog title="登录" v-if="areaVisible" :visible="true" top="20vh" width="30%" append-to-body
|
|
|
|
|
|
|
|
modal-append-to-body>
|
|
|
|
|
|
|
|
</el-dialog> -->
|
|
|
|
|
|
|
|
<area-dialog v-if="areaVisible" @areaVisibleChange="handleAreaVisibleChange" ref="JNPFForm" />
|
|
|
|
<!-- 表单结束 -->
|
|
|
|
<!-- 表单结束 -->
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm"
|
|
|
|
<SelectDialog v-if="1" :config="currTableConf" :formData="dataForm" ref="selectDialog" @select="addForSelect"
|
|
|
|
ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false"/>
|
|
|
|
@close="selectDialogVisible=false" />
|
|
|
|
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
<div class="upAndDown-button" v-if="dataForm.id">
|
|
|
|
<div class="upAndDown-button" v-if="dataForm.id">
|
|
|
@ -81,8 +81,8 @@
|
|
|
|
</el-dialog>
|
|
|
|
</el-dialog>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
|
|
|
|
import areaDialog from './areaDialog'
|
|
|
|
import request from '@/utils/request'
|
|
|
|
import request from '@/utils/request'
|
|
|
|
import { mapGetters } from "vuex";
|
|
|
|
import { mapGetters } from "vuex";
|
|
|
|
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
|
|
|
|
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
|
|
|
@ -91,8 +91,11 @@
|
|
|
|
import { getDefaultCurrentValueDepartmentId } from '@/api/permission/organize'
|
|
|
|
import { getDefaultCurrentValueDepartmentId } from '@/api/permission/organize'
|
|
|
|
import { getDateDay, getLaterData, getBeforeData, getBeforeTime, getLaterTime } from '@/components/Generator/utils/index.js'
|
|
|
|
import { getDateDay, getLaterData, getBeforeData, getBeforeTime, getLaterTime } from '@/components/Generator/utils/index.js'
|
|
|
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
|
|
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
components: { },
|
|
|
|
components: {
|
|
|
|
|
|
|
|
areaDialog
|
|
|
|
|
|
|
|
},
|
|
|
|
props: [],
|
|
|
|
props: [],
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
@ -112,13 +115,10 @@
|
|
|
|
selectDialogVisible: false,
|
|
|
|
selectDialogVisible: false,
|
|
|
|
currTableConf: {},
|
|
|
|
currTableConf: {},
|
|
|
|
dataValueAll: {},
|
|
|
|
dataValueAll: {},
|
|
|
|
addTableConf:{
|
|
|
|
addTableConf: {},
|
|
|
|
},
|
|
|
|
|
|
|
|
//可选范围默认值
|
|
|
|
//可选范围默认值
|
|
|
|
ableAll:{
|
|
|
|
ableAll: {},
|
|
|
|
},
|
|
|
|
tableRows: {},
|
|
|
|
tableRows:{
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
Vmodel: "",
|
|
|
|
Vmodel: "",
|
|
|
|
currVmodel: "",
|
|
|
|
currVmodel: "",
|
|
|
|
dataForm: {
|
|
|
|
dataForm: {
|
|
|
@ -130,43 +130,32 @@
|
|
|
|
areaDesc: undefined,
|
|
|
|
areaDesc: undefined,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
tableRequiredData: {},
|
|
|
|
tableRequiredData: {},
|
|
|
|
dataRule:
|
|
|
|
dataRule: {
|
|
|
|
{
|
|
|
|
areaName: [{
|
|
|
|
areaName: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
required: true,
|
|
|
|
required: true,
|
|
|
|
message: '电子围栏名称',
|
|
|
|
message: '电子围栏名称',
|
|
|
|
trigger: 'blur'
|
|
|
|
trigger: 'blur'
|
|
|
|
},
|
|
|
|
}, ],
|
|
|
|
],
|
|
|
|
areaType: [{
|
|
|
|
areaType: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
required: true,
|
|
|
|
required: true,
|
|
|
|
message: '请至少选择一个',
|
|
|
|
message: '请至少选择一个',
|
|
|
|
trigger: 'change'
|
|
|
|
trigger: 'change'
|
|
|
|
},
|
|
|
|
}, ],
|
|
|
|
],
|
|
|
|
status: [{
|
|
|
|
status: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
required: true,
|
|
|
|
required: true,
|
|
|
|
message: '请至少选择一个',
|
|
|
|
message: '请至少选择一个',
|
|
|
|
trigger: 'change'
|
|
|
|
trigger: 'change'
|
|
|
|
},
|
|
|
|
}, ],
|
|
|
|
],
|
|
|
|
stationCode: [{
|
|
|
|
stationCode: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
required: true,
|
|
|
|
required: true,
|
|
|
|
message: '选择本组织回收站进行绑定',
|
|
|
|
message: '选择本组织回收站进行绑定',
|
|
|
|
trigger: 'change'
|
|
|
|
trigger: 'change'
|
|
|
|
},
|
|
|
|
}, ],
|
|
|
|
],
|
|
|
|
areaMapInfo: [{
|
|
|
|
areaMapInfo: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
required: true,
|
|
|
|
required: true,
|
|
|
|
message: '绘制电子围栏区域',
|
|
|
|
message: '绘制电子围栏区域',
|
|
|
|
trigger: 'blur'
|
|
|
|
trigger: 'blur'
|
|
|
|
},
|
|
|
|
}, ],
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
},
|
|
|
|
areaTypeOptions: [],
|
|
|
|
areaTypeOptions: [],
|
|
|
|
areaTypeProps: { "label": "fullName", "value": "enCode" },
|
|
|
|
areaTypeProps: { "label": "fullName", "value": "enCode" },
|
|
|
@ -184,6 +173,7 @@
|
|
|
|
areaMapInfo: [],
|
|
|
|
areaMapInfo: [],
|
|
|
|
areaDesc: [],
|
|
|
|
areaDesc: [],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
areaVisible: false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
computed: {
|
|
|
@ -235,6 +225,9 @@
|
|
|
|
this.visible = false
|
|
|
|
this.visible = false
|
|
|
|
this.$emit('refreshDataList', true)
|
|
|
|
this.$emit('refreshDataList', true)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
handLeArea() {
|
|
|
|
|
|
|
|
this.areaVisible = true
|
|
|
|
|
|
|
|
},
|
|
|
|
changeData(model, index) {
|
|
|
|
changeData(model, index) {
|
|
|
|
this.isEdit = false
|
|
|
|
this.isEdit = false
|
|
|
|
this.childIndex = index
|
|
|
|
this.childIndex = index
|
|
|
@ -512,7 +505,9 @@
|
|
|
|
this.dataAll()
|
|
|
|
this.dataAll()
|
|
|
|
this.childIndex = -1
|
|
|
|
this.childIndex = -1
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
handleAreaVisibleChange(flag) {
|
|
|
|
|
|
|
|
this.areaVisible = flag
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|