parent
41df3aaf82
commit
144e7de92b
@ -0,0 +1,7 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
|
||||||
|
<mapper namespace="jnpf.mapper.RegionalMapper">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</mapper>
|
@ -0,0 +1,7 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
|
||||||
|
<mapper namespace="jnpf.mapper.SpatialMapper">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</mapper>
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,135 @@
|
|||||||
|
<template>
|
||||||
|
<transition name="el-zoom-in-center">
|
||||||
|
<div class="JNPF-preview-main">
|
||||||
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
|
<div class="JNPF-common-page-header">
|
||||||
|
<el-page-header @back="goBack"
|
||||||
|
content="详情"/>
|
||||||
|
<div class="options">
|
||||||
|
<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" size="small" label-width="100px" label-position="right" >
|
||||||
|
<template v-if="!loading">
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="园区名称"
|
||||||
|
prop="pid" >
|
||||||
|
<p>{{dataForm.pid}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="区域编码"
|
||||||
|
prop="code" >
|
||||||
|
<p>{{dataForm.code}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="空间数量"
|
||||||
|
prop="spaceNum" >
|
||||||
|
<JnpfNumber v-model="dataForm.spaceNum"
|
||||||
|
placeholder="数字文本" disabled
|
||||||
|
:step="1" >
|
||||||
|
</JnpfNumber>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="区域名称"
|
||||||
|
prop="name" >
|
||||||
|
<p>{{dataForm.name}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="区域描述"
|
||||||
|
prop="description" >
|
||||||
|
<p>{{dataForm.description}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="备注"
|
||||||
|
prop="remark" >
|
||||||
|
<p>{{dataForm.remark}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
</template>
|
||||||
|
</el-form>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
|
import jnpf from '@/utils/jnpf'
|
||||||
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
|
export default {
|
||||||
|
components: { Detail},
|
||||||
|
props: [],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
detailVisible: false,
|
||||||
|
loading: false,
|
||||||
|
|
||||||
|
dataForm: {
|
||||||
|
id :'',
|
||||||
|
pid : '',
|
||||||
|
code : '',
|
||||||
|
spaceNum : '',
|
||||||
|
name : '',
|
||||||
|
description : '',
|
||||||
|
remark : '',
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
watch: {},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
methods: {
|
||||||
|
toDetail(defaultValue, modelId) {
|
||||||
|
if (!defaultValue) return
|
||||||
|
getConfigData(modelId).then(res => {
|
||||||
|
if (!res.data || !res.data.formData) return
|
||||||
|
let formData = JSON.parse(res.data.formData)
|
||||||
|
formData.popupType = 'general'
|
||||||
|
this.detailVisible = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
dataInfo(dataAll){
|
||||||
|
let _dataAll =dataAll
|
||||||
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
|
goBack() {
|
||||||
|
this.$emit('refresh')
|
||||||
|
},
|
||||||
|
init(id) {
|
||||||
|
this.dataForm.id = id || 0;
|
||||||
|
this.visible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if(this.dataForm.id){
|
||||||
|
this.loading = true
|
||||||
|
request({
|
||||||
|
url: '/api/example/Area/detail/'+this.dataForm.id,
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data)
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,482 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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 ? '新建':'编辑'"/>
|
||||||
|
<div class="options">
|
||||||
|
<el-dropdown class="dropdown" placement="bottom">
|
||||||
|
<el-button style="width:70px">
|
||||||
|
更 多<i class="el-icon-arrow-down el-icon--right"></i>
|
||||||
|
</el-button>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<template v-if="dataForm.id">
|
||||||
|
<el-dropdown-item @click.native="prev" :disabled='prevDis'>
|
||||||
|
{{'上一条'}}
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click.native="next" :disabled='nextDis'>
|
||||||
|
{{'下一条'}}
|
||||||
|
</el-dropdown-item>
|
||||||
|
</template>
|
||||||
|
<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 @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" >
|
||||||
|
<template v-if="!loading">
|
||||||
|
<!-- 具体表单 -->
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="园区名称" prop="pid" >
|
||||||
|
<JnpfInput v-model="dataForm.pid" @change="changeData('pid',-1)"
|
||||||
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="区域编码" prop="code" >
|
||||||
|
<JnpfInput v-model="dataForm.code" @change="changeData('code',-1)"
|
||||||
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="空间数量" prop="spaceNum" >
|
||||||
|
<JnpfInputNumber v-model="dataForm.spaceNum" @change="changeData('spaceNum',-1)"
|
||||||
|
placeholder="数字文本" :step="1" >
|
||||||
|
</JnpfInputNumber>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="区域名称" prop="name" >
|
||||||
|
<JnpfInput v-model="dataForm.name" @change="changeData('name',-1)"
|
||||||
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="区域描述" prop="description" >
|
||||||
|
<JnpfInput v-model="dataForm.description" @change="changeData('description',-1)"
|
||||||
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="备注" prop="remark" >
|
||||||
|
<JnpfInput v-model="dataForm.remark" @change="changeData('remark',-1)"
|
||||||
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<!-- 表单结束 -->
|
||||||
|
</template>
|
||||||
|
</el-form>
|
||||||
|
<SelectDialog v-if="selectDialogVisible" :config="currTableConf" :formData="dataForm"
|
||||||
|
ref="selectDialog" @select="addForSelect" @close="selectDialogVisible=false"/>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import request from '@/utils/request'
|
||||||
|
import {mapGetters} from "vuex";
|
||||||
|
import { getDataInterfaceRes } from '@/api/systemData/dataInterface'
|
||||||
|
import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
|
||||||
|
import { getDefaultCurrentValueUserId } from '@/api/permission/user'
|
||||||
|
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: { },
|
||||||
|
props: [],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataFormSubmitType: 0,
|
||||||
|
continueBtnLoading: false,
|
||||||
|
index: 0,
|
||||||
|
prevDis: false,
|
||||||
|
nextDis: false,
|
||||||
|
allList: [],
|
||||||
|
visible: false,
|
||||||
|
loading: false,
|
||||||
|
btnLoading: false,
|
||||||
|
formRef: 'formRef',
|
||||||
|
setting:{},
|
||||||
|
eventType: '',
|
||||||
|
userBoxVisible:false,
|
||||||
|
selectDialogVisible: false,
|
||||||
|
currTableConf:{},
|
||||||
|
dataValueAll:{},
|
||||||
|
addTableConf:{
|
||||||
|
},
|
||||||
|
//可选范围默认值
|
||||||
|
ableAll:{
|
||||||
|
},
|
||||||
|
tableRows:{
|
||||||
|
},
|
||||||
|
Vmodel:"",
|
||||||
|
currVmodel:"",
|
||||||
|
dataForm: {
|
||||||
|
pid : undefined,
|
||||||
|
code : undefined,
|
||||||
|
spaceNum : undefined,
|
||||||
|
name : undefined,
|
||||||
|
description : undefined,
|
||||||
|
remark : undefined,
|
||||||
|
version: 0,
|
||||||
|
},
|
||||||
|
tableRequiredData: {},
|
||||||
|
dataRule:
|
||||||
|
{
|
||||||
|
pid: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
code: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
spaceNum: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '数字文本',
|
||||||
|
trigger: ["blur","change"]
|
||||||
|
},
|
||||||
|
],
|
||||||
|
name: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
childIndex:-1,
|
||||||
|
isEdit:false,
|
||||||
|
interfaceRes: {
|
||||||
|
pid:[] ,
|
||||||
|
code:[] ,
|
||||||
|
spaceNum:[] ,
|
||||||
|
name:[] ,
|
||||||
|
description:[] ,
|
||||||
|
remark:[] ,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters(['userInfo'])
|
||||||
|
},
|
||||||
|
watch: {},
|
||||||
|
created() {
|
||||||
|
this.dataAll()
|
||||||
|
this.initDefaultData()
|
||||||
|
this.dataValueAll = JSON.parse(JSON.stringify(this.dataForm))
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
methods: {
|
||||||
|
prev() {
|
||||||
|
this.index--
|
||||||
|
if (this.index === 0) {
|
||||||
|
this.prevDis = true
|
||||||
|
}
|
||||||
|
this.nextDis = false
|
||||||
|
for (let index = 0; index < this.allList.length; index++) {
|
||||||
|
const element = this.allList[index];
|
||||||
|
if (this.index == index) {
|
||||||
|
this.getInfo(element.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
next() {
|
||||||
|
this.index++
|
||||||
|
if (this.index === this.allList.length - 1) {
|
||||||
|
this.nextDis = true
|
||||||
|
}
|
||||||
|
this.prevDis = false
|
||||||
|
for (let index = 0; index < this.allList.length; index++) {
|
||||||
|
const element = this.allList[index];
|
||||||
|
if (this.index == index) {
|
||||||
|
this.getInfo(element.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getInfo(id) {
|
||||||
|
request({
|
||||||
|
url: '/api/example/Area/'+ id,
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data)
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goBack() {
|
||||||
|
this.visible = false
|
||||||
|
this.$emit('refreshDataList', true)
|
||||||
|
},
|
||||||
|
changeData(model, index) {
|
||||||
|
this.isEdit = false
|
||||||
|
this.childIndex = index
|
||||||
|
let modelAll = model.split("-");
|
||||||
|
let faceMode = "";
|
||||||
|
for (let i = 0; i < modelAll.length; i++) {
|
||||||
|
faceMode += modelAll[i];
|
||||||
|
}
|
||||||
|
for (let key in this.interfaceRes) {
|
||||||
|
if (key != faceMode) {
|
||||||
|
let faceReList = this.interfaceRes[key]
|
||||||
|
for (let i = 0; i < faceReList.length; i++) {
|
||||||
|
if (faceReList[i].relationField == model) {
|
||||||
|
let options = 'get' + key + 'Options';
|
||||||
|
if(this[options]){
|
||||||
|
this[options]()
|
||||||
|
}
|
||||||
|
this.changeData(key, index)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeDataFormData(type, data, model,index,defaultValue) {
|
||||||
|
if(!this.isEdit) {
|
||||||
|
if (type == 2) {
|
||||||
|
for (let i = 0; i < this.dataForm[data].length; i++) {
|
||||||
|
if (index == -1) {
|
||||||
|
this.dataForm[data][i][model] = defaultValue
|
||||||
|
} else if (index == i) {
|
||||||
|
this.dataForm[data][i][model] = defaultValue
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.dataForm[data] = defaultValue
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dataAll(){
|
||||||
|
},
|
||||||
|
goBack() {
|
||||||
|
this.$emit('refresh')
|
||||||
|
},
|
||||||
|
clearData(){
|
||||||
|
this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll))
|
||||||
|
},
|
||||||
|
init(id,isDetail,allList) {
|
||||||
|
this.prevDis = false
|
||||||
|
this.nextDis = false
|
||||||
|
this.allList = allList || []
|
||||||
|
if (allList.length) {
|
||||||
|
this.index = this.allList.findIndex(item => item.id === id)
|
||||||
|
if (this.index == 0) {
|
||||||
|
this.prevDis = true
|
||||||
|
}
|
||||||
|
if (this.index == this.allList.length - 1) {
|
||||||
|
this.nextDis = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.prevDis = true
|
||||||
|
this.nextDis = true
|
||||||
|
}
|
||||||
|
this.dataForm.id = id || 0;
|
||||||
|
this.visible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if(this.dataForm.id){
|
||||||
|
this.loading = true
|
||||||
|
request({
|
||||||
|
url: '/api/example/Area/'+this.dataForm.id,
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data)
|
||||||
|
this.loading = false
|
||||||
|
});
|
||||||
|
}else{
|
||||||
|
this.clearData()
|
||||||
|
this.initDefaultData()
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.$store.commit('generator/UPDATE_RELATION_DATA', {})
|
||||||
|
},
|
||||||
|
//初始化默认数据
|
||||||
|
initDefaultData() {
|
||||||
|
|
||||||
|
},
|
||||||
|
// 表单提交
|
||||||
|
dataFormSubmit(type) {
|
||||||
|
this.dataFormSubmitType = type ? type : 0
|
||||||
|
this.$refs['formRef'].validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
this.request()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
request() {
|
||||||
|
let _data =this.dataList()
|
||||||
|
if (this.dataFormSubmitType == 2) {
|
||||||
|
this.continueBtnLoading = true
|
||||||
|
} else {
|
||||||
|
this.btnLoading = true
|
||||||
|
}
|
||||||
|
if (!this.dataForm.id) {
|
||||||
|
request({
|
||||||
|
url: '/api/example/Area',
|
||||||
|
method: 'post',
|
||||||
|
data: _data
|
||||||
|
}).then((res) => {
|
||||||
|
this.$message({
|
||||||
|
message: res.msg,
|
||||||
|
type: 'success',
|
||||||
|
duration: 1000,
|
||||||
|
onClose: () => {
|
||||||
|
if (this.dataFormSubmitType == 2) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.clearData()
|
||||||
|
this.initDefaultData()
|
||||||
|
})
|
||||||
|
this.continueBtnLoading = false
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.visible = false
|
||||||
|
this.btnLoading = false
|
||||||
|
this.$emit('refresh', true)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(()=>{
|
||||||
|
this.btnLoading = false
|
||||||
|
this.continueBtnLoading = false
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
request({
|
||||||
|
url: '/api/example/Area/'+this.dataForm.id,
|
||||||
|
method: 'PUT',
|
||||||
|
data: _data
|
||||||
|
}).then((res) => {
|
||||||
|
this.$message({
|
||||||
|
message: res.msg,
|
||||||
|
type: 'success',
|
||||||
|
duration: 1000,
|
||||||
|
onClose: () => {
|
||||||
|
if (this.dataFormSubmitType == 2) return this.continueBtnLoading = false
|
||||||
|
this.visible = false
|
||||||
|
this.btnLoading = false
|
||||||
|
this.$emit('refresh', true)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(()=>{
|
||||||
|
this.btnLoading = false
|
||||||
|
this.continueBtnLoading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
openSelectDialog(key) {
|
||||||
|
this.currTableConf=this.addTableConf[key]
|
||||||
|
this.currVmodel=key
|
||||||
|
this.selectDialogVisible = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.selectDialog.init()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
addForSelect(data) {
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
let t = data[i]
|
||||||
|
if(this['get'+this.currVmodel]){
|
||||||
|
this['get'+this.currVmodel](t)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dateTime(timeRule, timeType, timeTarget, timeValueData, dataValue) {
|
||||||
|
let timeDataValue = null;
|
||||||
|
let timeValue = Number(timeValueData)
|
||||||
|
if (timeRule) {
|
||||||
|
if (timeType == 1) {
|
||||||
|
timeDataValue = timeValue
|
||||||
|
} else if (timeType == 2) {
|
||||||
|
timeDataValue = dataValue
|
||||||
|
} else if (timeType == 3) {
|
||||||
|
timeDataValue = new Date().getTime()
|
||||||
|
} else if (timeType == 4) {
|
||||||
|
let previousDate = '';
|
||||||
|
if (timeTarget == 1 || timeTarget == 2) {
|
||||||
|
previousDate = getDateDay(timeTarget, timeType, timeValue)
|
||||||
|
timeDataValue = new Date(previousDate).getTime()
|
||||||
|
} else if (timeTarget == 3) {
|
||||||
|
previousDate = getBeforeData(timeValue)
|
||||||
|
timeDataValue = new Date(previousDate).getTime()
|
||||||
|
} else {
|
||||||
|
timeDataValue = getBeforeTime(timeTarget, timeValue).getTime()
|
||||||
|
}
|
||||||
|
} else if (timeType == 5) {
|
||||||
|
let previousDate = '';
|
||||||
|
if (timeTarget == 1 || timeTarget == 2) {
|
||||||
|
previousDate = getDateDay(timeTarget, timeType, timeValue)
|
||||||
|
timeDataValue = new Date(previousDate).getTime()
|
||||||
|
} else if (timeTarget == 3) {
|
||||||
|
previousDate = getLaterData(timeValue)
|
||||||
|
timeDataValue = new Date(previousDate).getTime()
|
||||||
|
} else {
|
||||||
|
timeDataValue = getLaterTime(timeTarget, timeValue).getTime()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return timeDataValue;
|
||||||
|
},
|
||||||
|
time(timeRule, timeType, timeTarget, timeValue, formatType, dataValue) {
|
||||||
|
let format = formatType == 'HH:mm' ? 'HH:mm:00' : formatType
|
||||||
|
let timeDataValue = null
|
||||||
|
if (timeRule) {
|
||||||
|
if (timeType == 1) {
|
||||||
|
timeDataValue = timeValue || '00:00:00'
|
||||||
|
if (timeDataValue.split(':').length == 3) {
|
||||||
|
timeDataValue = timeDataValue
|
||||||
|
} else {
|
||||||
|
timeDataValue = timeDataValue + ':00'
|
||||||
|
}
|
||||||
|
} else if (timeType == 2) {
|
||||||
|
timeDataValue = dataValue
|
||||||
|
} else if (timeType == 3) {
|
||||||
|
timeDataValue = this.jnpf.toDate(new Date(), format)
|
||||||
|
} else if (timeType == 4) {
|
||||||
|
let previousDate = '';
|
||||||
|
previousDate = getBeforeTime(timeTarget, timeValue)
|
||||||
|
timeDataValue = this.jnpf.toDate(previousDate, format)
|
||||||
|
} else if (timeType == 5) {
|
||||||
|
let previousDate = '';
|
||||||
|
previousDate = getLaterTime(timeTarget, timeValue)
|
||||||
|
timeDataValue = this.jnpf.toDate(previousDate, format)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return timeDataValue;
|
||||||
|
},
|
||||||
|
dataList(){
|
||||||
|
var _data = this.dataForm;
|
||||||
|
return _data;
|
||||||
|
},
|
||||||
|
dataInfo(dataAll){
|
||||||
|
let _dataAll =dataAll
|
||||||
|
this.dataForm = _dataAll
|
||||||
|
this.isEdit = true
|
||||||
|
this.dataAll()
|
||||||
|
this.childIndex=-1
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
File diff suppressed because one or more lines are too long
@ -1,114 +1,121 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog
|
<transition name="el-zoom-in-center">
|
||||||
title="详情"
|
<div class="JNPF-preview-main">
|
||||||
:close-on-click-modal="false"
|
|
||||||
append-to-body
|
|
||||||
:visible.sync="visible"
|
|
||||||
class="JNPF-dialog JNPF-dialog_center"
|
|
||||||
lock-scroll
|
|
||||||
width="600px"
|
|
||||||
>
|
|
||||||
<el-row :gutter="15" class="">
|
|
||||||
<el-form
|
|
||||||
ref="formRef"
|
|
||||||
:model="dataForm"
|
|
||||||
size="small"
|
|
||||||
label-width="100px"
|
|
||||||
label-position="right"
|
|
||||||
>
|
|
||||||
<template v-if="!loading">
|
|
||||||
<el-col :span="24">
|
|
||||||
<jnpf-form-tip-item label="园区编码" prop="parkNumber">
|
|
||||||
<p>{{ dataForm.parkNumber }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="24">
|
|
||||||
<jnpf-form-tip-item label="园区名称" prop="parkName">
|
|
||||||
<p>{{ dataForm.parkName }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="24">
|
|
||||||
<jnpf-form-tip-item label="园区描述" prop="parkDescribe">
|
|
||||||
<p>{{ dataForm.parkDescribe }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="24">
|
|
||||||
<jnpf-form-tip-item label="备注" prop="remark">
|
|
||||||
<p>{{ dataForm.remark }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
</template>
|
|
||||||
</el-form>
|
|
||||||
</el-row>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="visible = false"> 取 消</el-button>
|
|
||||||
</span>
|
|
||||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
</el-dialog>
|
<div class="JNPF-common-page-header">
|
||||||
|
<el-page-header @back="goBack"
|
||||||
|
content="详情"/>
|
||||||
|
<div class="options">
|
||||||
|
<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" size="small" label-width="100px" label-position="right" >
|
||||||
|
<template v-if="!loading">
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="园区编码"
|
||||||
|
prop="code" >
|
||||||
|
<p>{{dataForm.code}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="园区名称"
|
||||||
|
prop="name" >
|
||||||
|
<p>{{dataForm.name}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="描述"
|
||||||
|
prop="describe" >
|
||||||
|
<p>{{dataForm.describe}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="备注"
|
||||||
|
prop="remark" >
|
||||||
|
<p>{{dataForm.remark}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
</template>
|
||||||
|
</el-form>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import request from "@/utils/request";
|
import request from '@/utils/request'
|
||||||
|
|
||||||
import { getConfigData } from "@/api/onlineDev/visualDev";
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
import jnpf from "@/utils/jnpf";
|
import jnpf from '@/utils/jnpf'
|
||||||
import Detail from "@/views/basic/dynamicModel/list/detail";
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
import { thousandsFormat } from "@/components/Generator/utils/index";
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
export default {
|
export default {
|
||||||
components: { Detail },
|
components: { Detail},
|
||||||
props: [],
|
props: [],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false,
|
visible: false,
|
||||||
detailVisible: false,
|
detailVisible: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
||||||
dataForm: {
|
dataForm: {
|
||||||
id: "",
|
id :'',
|
||||||
parkNumber: "",
|
code : '',
|
||||||
parkName: "",
|
name : '',
|
||||||
parkDescribe: "",
|
describe : '',
|
||||||
remark: ""
|
remark : '',
|
||||||
}
|
type : "1",
|
||||||
};
|
},
|
||||||
},
|
typeOptions:[{"fullName":"园区","id":"1"},{"fullName":"区域","id":"2"},{"fullName":"空间","id":"3"}],
|
||||||
computed: {},
|
typeProps:{"label":"fullName","value":"id" },
|
||||||
watch: {},
|
|
||||||
created() {},
|
|
||||||
mounted() {},
|
|
||||||
methods: {
|
|
||||||
toDetail(defaultValue, modelId) {
|
|
||||||
if (!defaultValue) return;
|
|
||||||
getConfigData(modelId).then(res => {
|
|
||||||
if (!res.data || !res.data.formData) return;
|
|
||||||
let formData = JSON.parse(res.data.formData);
|
|
||||||
formData.popupType = "general";
|
|
||||||
this.detailVisible = true;
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.Detail.init(formData, modelId, defaultValue);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
dataInfo(dataAll) {
|
|
||||||
let _dataAll = dataAll;
|
|
||||||
this.dataForm = _dataAll;
|
|
||||||
},
|
|
||||||
|
|
||||||
init(id) {
|
|
||||||
this.dataForm.id = id || 0;
|
|
||||||
this.visible = true;
|
|
||||||
this.$nextTick(() => {
|
|
||||||
if (this.dataForm.id) {
|
|
||||||
this.loading = true;
|
|
||||||
request({
|
|
||||||
url: "/api/scm/Park/detail/" + this.dataForm.id,
|
|
||||||
method: "get"
|
|
||||||
}).then(res => {
|
|
||||||
this.dataInfo(res.data);
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
});
|
},
|
||||||
|
computed: {},
|
||||||
|
watch: {},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
methods: {
|
||||||
|
toDetail(defaultValue, modelId) {
|
||||||
|
if (!defaultValue) return
|
||||||
|
getConfigData(modelId).then(res => {
|
||||||
|
if (!res.data || !res.data.formData) return
|
||||||
|
let formData = JSON.parse(res.data.formData)
|
||||||
|
formData.popupType = 'general'
|
||||||
|
this.detailVisible = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
dataInfo(dataAll){
|
||||||
|
let _dataAll =dataAll
|
||||||
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
|
goBack() {
|
||||||
|
this.$emit('refresh')
|
||||||
|
},
|
||||||
|
init(id) {
|
||||||
|
this.dataForm.id = id || 0;
|
||||||
|
this.visible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if(this.dataForm.id){
|
||||||
|
this.loading = true
|
||||||
|
request({
|
||||||
|
url: '/api/example/Park/detail/'+this.dataForm.id,
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data)
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
}
|
}
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
|
File diff suppressed because one or more lines are too long
@ -1,2 +1,2 @@
|
|||||||
const superQueryJson = [{"clearable":true,"maxlength":null,"suffixIcon":"","fullName":"园区编码","addonAfter":"","__config__":{"formId":101,"visibility":["pc","app"],"jnpfKey":"input","noShow":false,"tipLabel":"","dragDisabled":false,"className":[],"label":"园区编码","trigger":"blur","showLabel":true,"required":true,"tableName":"yq_park","renderKey":1720767684035,"layout":"colFormItem","tagIcon":"icon-ym icon-ym-generator-input","unique":true,"tag":"JnpfInput","regList":[],"span":24},"readonly":false,"showWordLimit":false,"__vModel__":"parkNumber","showPassword":false,"style":{"width":"100%"},"disabled":false,"id":"parkNumber","placeholder":"请输入","prefixIcon":"","addonBefore":"","on":{"change":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}","blur":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"}},{"clearable":true,"maxlength":null,"suffixIcon":"","fullName":"园区名称","addonAfter":"","__config__":{"formId":102,"visibility":["pc","app"],"jnpfKey":"input","noShow":false,"tipLabel":"","dragDisabled":false,"className":[],"label":"园区名称","trigger":"blur","showLabel":true,"required":true,"tableName":"yq_park","renderKey":1720767686366,"layout":"colFormItem","tagIcon":"icon-ym icon-ym-generator-input","unique":false,"tag":"JnpfInput","regList":[],"span":24},"readonly":false,"showWordLimit":false,"__vModel__":"parkName","showPassword":false,"style":{"width":"100%"},"disabled":false,"id":"parkName","placeholder":"请输入","prefixIcon":"","addonBefore":"","on":{"change":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}","blur":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"}},{"clearable":true,"maxlength":null,"suffixIcon":"","fullName":"园区描述","addonAfter":"","__config__":{"formId":103,"visibility":["pc","app"],"jnpfKey":"input","noShow":false,"tipLabel":"","dragDisabled":false,"className":[],"label":"园区描述","trigger":"blur","showLabel":true,"required":false,"tableName":"yq_park","renderKey":1720767686553,"layout":"colFormItem","tagIcon":"icon-ym icon-ym-generator-input","unique":false,"tag":"JnpfInput","regList":[],"span":24},"readonly":false,"showWordLimit":false,"__vModel__":"parkDescribe","showPassword":false,"style":{"width":"100%"},"disabled":false,"id":"parkDescribe","placeholder":"请输入","prefixIcon":"","addonBefore":"","on":{"change":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}","blur":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"}},{"clearable":true,"maxlength":null,"suffixIcon":"","fullName":"备注","addonAfter":"","__config__":{"formId":104,"visibility":["pc","app"],"jnpfKey":"input","noShow":false,"tipLabel":"","dragDisabled":false,"className":[],"label":"备注","trigger":"blur","showLabel":true,"required":false,"tableName":"yq_park","renderKey":1720767686749,"layout":"colFormItem","tagIcon":"icon-ym icon-ym-generator-input","unique":false,"tag":"JnpfInput","regList":[],"span":24},"readonly":false,"showWordLimit":false,"__vModel__":"remark","showPassword":false,"style":{"width":"100%"},"disabled":false,"id":"remark","placeholder":"请输入","prefixIcon":"","addonBefore":"","on":{"change":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}","blur":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"}}]
|
const superQueryJson = [{"clearable":true,"maxlength":null,"suffixIcon":"","fullName":"园区编码","addonAfter":"","__config__":{"formId":101,"visibility":["pc","app"],"jnpfKey":"input","noShow":false,"tipLabel":"","dragDisabled":false,"className":[],"label":"园区编码","trigger":"blur","showLabel":true,"required":true,"tableName":"yq_park_area_space","renderKey":1720767684035,"layout":"colFormItem","tagIcon":"icon-ym icon-ym-generator-input","unique":true,"tag":"JnpfInput","regList":[],"span":12},"readonly":false,"showWordLimit":false,"__vModel__":"code","showPassword":false,"style":{"width":"100%"},"disabled":false,"id":"code","placeholder":"请输入","prefixIcon":"","addonBefore":"","on":{"change":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}","blur":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"}},{"clearable":true,"maxlength":null,"suffixIcon":"","fullName":"园区名称","addonAfter":"","__config__":{"formId":102,"visibility":["pc","app"],"jnpfKey":"input","noShow":false,"tipLabel":"","dragDisabled":false,"className":[],"label":"园区名称","trigger":"blur","showLabel":true,"required":true,"tableName":"yq_park_area_space","renderKey":1720767686366,"layout":"colFormItem","tagIcon":"icon-ym icon-ym-generator-input","unique":false,"tag":"JnpfInput","regList":[],"span":12},"readonly":false,"showWordLimit":false,"__vModel__":"name","showPassword":false,"style":{"width":"100%"},"disabled":false,"id":"name","placeholder":"请输入","prefixIcon":"","addonBefore":"","on":{"change":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}","blur":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"}},{"clearable":true,"maxlength":null,"suffixIcon":"","fullName":"描述","addonAfter":"","__config__":{"formId":103,"visibility":["pc","app"],"jnpfKey":"input","noShow":false,"tipLabel":"","dragDisabled":false,"className":[],"label":"描述","trigger":"blur","showLabel":true,"required":false,"tableName":"yq_park_area_space","renderKey":1720767686553,"layout":"colFormItem","tagIcon":"icon-ym icon-ym-generator-input","unique":false,"tag":"JnpfInput","regList":[],"span":12},"readonly":false,"showWordLimit":false,"__vModel__":"describe","showPassword":false,"style":{"width":"100%"},"disabled":false,"id":"describe","placeholder":"请输入","prefixIcon":"","addonBefore":"","on":{"change":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}","blur":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"}},{"clearable":true,"maxlength":null,"suffixIcon":"","fullName":"备注","addonAfter":"","__config__":{"formId":104,"visibility":["pc","app"],"jnpfKey":"input","noShow":false,"tipLabel":"","dragDisabled":false,"className":[],"label":"备注","trigger":"blur","showLabel":true,"required":false,"tableName":"yq_park_area_space","renderKey":1720767686749,"layout":"colFormItem","tagIcon":"icon-ym icon-ym-generator-input","unique":false,"tag":"JnpfInput","regList":[],"span":24},"readonly":false,"showWordLimit":false,"__vModel__":"remark","showPassword":false,"style":{"width":"100%"},"disabled":false,"id":"remark","placeholder":"请输入","prefixIcon":"","addonBefore":"","on":{"change":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}","blur":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"}},{"filterable":false,"clearable":true,"multiple":false,"fullName":"类型","props":{"label":"fullName","value":"id"},"__config__":{"formId":105,"visibility":["pc","app"],"jnpfKey":"select","defaultValue":"1","noShow":true,"dataType":"static","dictionaryType":"","tipLabel":"","dragDisabled":false,"className":[],"label":"类型","trigger":"change","propsUrl":"","templateJson":[],"showLabel":true,"required":false,"tableName":"yq_park_area_space","renderKey":1721036412554,"layout":"colFormItem","tagIcon":"icon-ym icon-ym-generator-select","propsName":"","tag":"JnpfSelect","regList":[],"span":24},"options":[{"fullName":"园区","id":"1"},{"fullName":"区域","id":"2"},{"fullName":"空间","id":"3"}],"__vModel__":"type","style":{"width":"100%"},"disabled":false,"interfaceHasPage":false,"id":"type","placeholder":"请选择","on":{"change":"({ data, formData, setFormData, setShowOrHide, setRequired, setDisabled, onlineUtils }) => {\n // 在此编写代码\n \n}"}}]
|
||||||
export default superQueryJson
|
export default superQueryJson
|
@ -0,0 +1,135 @@
|
|||||||
|
<template>
|
||||||
|
<transition name="el-zoom-in-center">
|
||||||
|
<div class="JNPF-preview-main">
|
||||||
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
|
<div class="JNPF-common-page-header">
|
||||||
|
<el-page-header @back="goBack"
|
||||||
|
content="详情"/>
|
||||||
|
<div class="options">
|
||||||
|
<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" size="small" label-width="100px" label-position="right" >
|
||||||
|
<template v-if="!loading">
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="园区名称"
|
||||||
|
prop="parkId" >
|
||||||
|
<p>{{dataForm.parkId}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="区域编码"
|
||||||
|
prop="regionNumber" >
|
||||||
|
<p>{{dataForm.regionNumber}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="区域名称"
|
||||||
|
prop="regionName" >
|
||||||
|
<p>{{dataForm.regionName}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="空间数量"
|
||||||
|
prop="spacesNumber" >
|
||||||
|
<JnpfNumber v-model="dataForm.spacesNumber"
|
||||||
|
placeholder="数字文本" disabled
|
||||||
|
:step="1" >
|
||||||
|
</JnpfNumber>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="区域描述"
|
||||||
|
prop="regionDescribe" >
|
||||||
|
<p>{{dataForm.regionDescribe}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="备注"
|
||||||
|
prop="remarks" >
|
||||||
|
<p>{{dataForm.remarks}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
</template>
|
||||||
|
</el-form>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
|
import jnpf from '@/utils/jnpf'
|
||||||
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
|
export default {
|
||||||
|
components: { Detail},
|
||||||
|
props: [],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
detailVisible: false,
|
||||||
|
loading: false,
|
||||||
|
|
||||||
|
dataForm: {
|
||||||
|
id :'',
|
||||||
|
parkId : "",
|
||||||
|
regionNumber : '',
|
||||||
|
regionName : '',
|
||||||
|
spacesNumber : '',
|
||||||
|
regionDescribe : '',
|
||||||
|
remarks : '',
|
||||||
|
},
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
watch: {},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
methods: {
|
||||||
|
toDetail(defaultValue, modelId) {
|
||||||
|
if (!defaultValue) return
|
||||||
|
getConfigData(modelId).then(res => {
|
||||||
|
if (!res.data || !res.data.formData) return
|
||||||
|
let formData = JSON.parse(res.data.formData)
|
||||||
|
formData.popupType = 'general'
|
||||||
|
this.detailVisible = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
dataInfo(dataAll){
|
||||||
|
let _dataAll =dataAll
|
||||||
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
|
goBack() {
|
||||||
|
this.$emit('refresh')
|
||||||
|
},
|
||||||
|
init(id) {
|
||||||
|
this.dataForm.id = id || 0;
|
||||||
|
this.visible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if(this.dataForm.id){
|
||||||
|
this.loading = true
|
||||||
|
request({
|
||||||
|
url: '/api/example/Regional/detail/'+this.dataForm.id,
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data)
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,553 @@
|
|||||||
|
<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 ? '新建' : '编辑'"
|
||||||
|
/>
|
||||||
|
<div class="options">
|
||||||
|
<el-dropdown class="dropdown" placement="bottom">
|
||||||
|
<el-button style="width:70px">
|
||||||
|
更 多<i class="el-icon-arrow-down el-icon--right"></i>
|
||||||
|
</el-button>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<template v-if="dataForm.id">
|
||||||
|
<el-dropdown-item @click.native="prev" :disabled="prevDis">
|
||||||
|
{{ "上一条" }}
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click.native="next" :disabled="nextDis">
|
||||||
|
{{ "下一条" }}
|
||||||
|
</el-dropdown-item>
|
||||||
|
</template>
|
||||||
|
<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 @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"
|
||||||
|
>
|
||||||
|
<template v-if="!loading">
|
||||||
|
<!-- 具体表单 -->
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="园区名称" prop="parkId">
|
||||||
|
<JnpfPopupSelect
|
||||||
|
v-model="dataForm.parkId"
|
||||||
|
@change="changeData('parkId', -1)"
|
||||||
|
:rowIndex="null"
|
||||||
|
:formData="dataForm"
|
||||||
|
:templateJson="interfaceRes.parkId"
|
||||||
|
placeholder="请选择"
|
||||||
|
propsValue="id"
|
||||||
|
popupWidth="800px"
|
||||||
|
popupTitle="选择数据"
|
||||||
|
popupType="dialog"
|
||||||
|
relationField="park_name"
|
||||||
|
field="parkId"
|
||||||
|
interfaceId="582491427901014533"
|
||||||
|
:pageSize="20"
|
||||||
|
:columnOptions="parkIdcolumnOptions"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
>
|
||||||
|
</JnpfPopupSelect>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="区域编码" prop="regionNumber">
|
||||||
|
<JnpfInput
|
||||||
|
v-model="dataForm.regionNumber"
|
||||||
|
@change="changeData('regionNumber', -1)"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="区域名称" prop="regionName">
|
||||||
|
<JnpfInput
|
||||||
|
v-model="dataForm.regionName"
|
||||||
|
@change="changeData('regionName', -1)"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="空间数量" prop="spacesNumber">
|
||||||
|
<JnpfInputNumber
|
||||||
|
v-model="dataForm.spacesNumber"
|
||||||
|
@change="changeData('spacesNumber', -1)"
|
||||||
|
placeholder="数字文本"
|
||||||
|
:step="1"
|
||||||
|
>
|
||||||
|
</JnpfInputNumber>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="区域描述" prop="regionDescribe">
|
||||||
|
<JnpfInput
|
||||||
|
v-model="dataForm.regionDescribe"
|
||||||
|
@change="changeData('regionDescribe', -1)"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<jnpf-form-tip-item label="备注" prop="remarks">
|
||||||
|
<JnpfInput
|
||||||
|
v-model="dataForm.remarks"
|
||||||
|
@change="changeData('remarks', -1)"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<!-- 表单结束 -->
|
||||||
|
</template>
|
||||||
|
</el-form>
|
||||||
|
<SelectDialog
|
||||||
|
v-if="selectDialogVisible"
|
||||||
|
:config="currTableConf"
|
||||||
|
:formData="dataForm"
|
||||||
|
ref="selectDialog"
|
||||||
|
@select="addForSelect"
|
||||||
|
@close="selectDialogVisible = false"
|
||||||
|
/>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import request from "@/utils/request";
|
||||||
|
import { mapGetters } from "vuex";
|
||||||
|
import { getDataInterfaceRes } from "@/api/systemData/dataInterface";
|
||||||
|
import { getDictionaryDataSelector } from "@/api/systemData/dictionary";
|
||||||
|
import { getDefaultCurrentValueUserId } from "@/api/permission/user";
|
||||||
|
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: {},
|
||||||
|
props: [],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataFormSubmitType: 0,
|
||||||
|
continueBtnLoading: false,
|
||||||
|
index: 0,
|
||||||
|
prevDis: false,
|
||||||
|
nextDis: false,
|
||||||
|
allList: [],
|
||||||
|
visible: false,
|
||||||
|
loading: false,
|
||||||
|
btnLoading: false,
|
||||||
|
formRef: "formRef",
|
||||||
|
setting: {},
|
||||||
|
eventType: "",
|
||||||
|
userBoxVisible: false,
|
||||||
|
selectDialogVisible: false,
|
||||||
|
currTableConf: {},
|
||||||
|
dataValueAll: {},
|
||||||
|
addTableConf: {},
|
||||||
|
//可选范围默认值
|
||||||
|
ableAll: {},
|
||||||
|
tableRows: {},
|
||||||
|
Vmodel: "",
|
||||||
|
currVmodel: "",
|
||||||
|
dataForm: {
|
||||||
|
parkId: undefined,
|
||||||
|
regionNumber: undefined,
|
||||||
|
regionName: undefined,
|
||||||
|
spacesNumber: undefined,
|
||||||
|
regionDescribe: undefined,
|
||||||
|
remarks: undefined,
|
||||||
|
version: 0
|
||||||
|
},
|
||||||
|
tableRequiredData: {},
|
||||||
|
dataRule: {
|
||||||
|
parkId: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请选择",
|
||||||
|
trigger: "change"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
regionNumber: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "blur"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
regionName: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "blur"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
spacesNumber: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "数字文本",
|
||||||
|
trigger: ["blur", "change"]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
parkIdcolumnOptions: [
|
||||||
|
{ label: "园区编码", value: "park_number" },
|
||||||
|
{ label: "园区名称", value: "park_name" }
|
||||||
|
],
|
||||||
|
childIndex: -1,
|
||||||
|
isEdit: false,
|
||||||
|
interfaceRes: {
|
||||||
|
parkId: [],
|
||||||
|
regionNumber: [],
|
||||||
|
regionName: [],
|
||||||
|
spacesNumber: [],
|
||||||
|
regionDescribe: [],
|
||||||
|
remarks: []
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters(["userInfo"])
|
||||||
|
},
|
||||||
|
watch: {},
|
||||||
|
created() {
|
||||||
|
this.dataAll();
|
||||||
|
this.initDefaultData();
|
||||||
|
this.dataValueAll = JSON.parse(JSON.stringify(this.dataForm));
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
methods: {
|
||||||
|
prev() {
|
||||||
|
this.index--;
|
||||||
|
if (this.index === 0) {
|
||||||
|
this.prevDis = true;
|
||||||
|
}
|
||||||
|
this.nextDis = false;
|
||||||
|
for (let index = 0; index < this.allList.length; index++) {
|
||||||
|
const element = this.allList[index];
|
||||||
|
if (this.index == index) {
|
||||||
|
this.getInfo(element.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
next() {
|
||||||
|
this.index++;
|
||||||
|
if (this.index === this.allList.length - 1) {
|
||||||
|
this.nextDis = true;
|
||||||
|
}
|
||||||
|
this.prevDis = false;
|
||||||
|
for (let index = 0; index < this.allList.length; index++) {
|
||||||
|
const element = this.allList[index];
|
||||||
|
if (this.index == index) {
|
||||||
|
this.getInfo(element.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getInfo(id) {
|
||||||
|
request({
|
||||||
|
url: "/api/example/Regional/" + id,
|
||||||
|
method: "get"
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goBack() {
|
||||||
|
this.visible = false;
|
||||||
|
this.$emit("refreshDataList", true);
|
||||||
|
},
|
||||||
|
changeData(model, index) {
|
||||||
|
this.isEdit = false;
|
||||||
|
this.childIndex = index;
|
||||||
|
let modelAll = model.split("-");
|
||||||
|
let faceMode = "";
|
||||||
|
for (let i = 0; i < modelAll.length; i++) {
|
||||||
|
faceMode += modelAll[i];
|
||||||
|
}
|
||||||
|
for (let key in this.interfaceRes) {
|
||||||
|
if (key != faceMode) {
|
||||||
|
let faceReList = this.interfaceRes[key];
|
||||||
|
for (let i = 0; i < faceReList.length; i++) {
|
||||||
|
if (faceReList[i].relationField == model) {
|
||||||
|
let options = "get" + key + "Options";
|
||||||
|
if (this[options]) {
|
||||||
|
this[options]();
|
||||||
|
}
|
||||||
|
this.changeData(key, index);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeDataFormData(type, data, model, index, defaultValue) {
|
||||||
|
if (!this.isEdit) {
|
||||||
|
if (type == 2) {
|
||||||
|
for (let i = 0; i < this.dataForm[data].length; i++) {
|
||||||
|
if (index == -1) {
|
||||||
|
this.dataForm[data][i][model] = defaultValue;
|
||||||
|
} else if (index == i) {
|
||||||
|
this.dataForm[data][i][model] = defaultValue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.dataForm[data] = defaultValue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dataAll() {},
|
||||||
|
goBack() {
|
||||||
|
this.$emit("refresh");
|
||||||
|
},
|
||||||
|
clearData() {
|
||||||
|
this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll));
|
||||||
|
},
|
||||||
|
init(id, isDetail, allList) {
|
||||||
|
this.prevDis = false;
|
||||||
|
this.nextDis = false;
|
||||||
|
this.allList = allList || [];
|
||||||
|
if (allList.length) {
|
||||||
|
this.index = this.allList.findIndex(item => item.id === id);
|
||||||
|
if (this.index == 0) {
|
||||||
|
this.prevDis = true;
|
||||||
|
}
|
||||||
|
if (this.index == this.allList.length - 1) {
|
||||||
|
this.nextDis = true;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.prevDis = true;
|
||||||
|
this.nextDis = true;
|
||||||
|
}
|
||||||
|
this.dataForm.id = id || 0;
|
||||||
|
this.visible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (this.dataForm.id) {
|
||||||
|
this.loading = true;
|
||||||
|
request({
|
||||||
|
url: "/api/example/Regional/" + this.dataForm.id,
|
||||||
|
method: "get"
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data);
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.clearData();
|
||||||
|
this.initDefaultData();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.$store.commit("generator/UPDATE_RELATION_DATA", {});
|
||||||
|
},
|
||||||
|
//初始化默认数据
|
||||||
|
initDefaultData() {},
|
||||||
|
// 表单提交
|
||||||
|
dataFormSubmit(type) {
|
||||||
|
this.dataFormSubmitType = type ? type : 0;
|
||||||
|
this.$refs["formRef"].validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
this.request();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
request() {
|
||||||
|
let _data = this.dataList();
|
||||||
|
if (this.dataFormSubmitType == 2) {
|
||||||
|
this.continueBtnLoading = true;
|
||||||
|
} else {
|
||||||
|
this.btnLoading = true;
|
||||||
|
}
|
||||||
|
if (!this.dataForm.id) {
|
||||||
|
request({
|
||||||
|
url: "/api/example/Regional",
|
||||||
|
method: "post",
|
||||||
|
data: _data
|
||||||
|
})
|
||||||
|
.then(res => {
|
||||||
|
this.$message({
|
||||||
|
message: res.msg,
|
||||||
|
type: "success",
|
||||||
|
duration: 1000,
|
||||||
|
onClose: () => {
|
||||||
|
if (this.dataFormSubmitType == 2) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.clearData();
|
||||||
|
this.initDefaultData();
|
||||||
|
});
|
||||||
|
this.continueBtnLoading = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.visible = false;
|
||||||
|
this.btnLoading = false;
|
||||||
|
this.$emit("refresh", true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.btnLoading = false;
|
||||||
|
this.continueBtnLoading = false;
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
request({
|
||||||
|
url: "/api/example/Regional/" + this.dataForm.id,
|
||||||
|
method: "PUT",
|
||||||
|
data: _data
|
||||||
|
})
|
||||||
|
.then(res => {
|
||||||
|
this.$message({
|
||||||
|
message: res.msg,
|
||||||
|
type: "success",
|
||||||
|
duration: 1000,
|
||||||
|
onClose: () => {
|
||||||
|
if (this.dataFormSubmitType == 2)
|
||||||
|
return (this.continueBtnLoading = false);
|
||||||
|
this.visible = false;
|
||||||
|
this.btnLoading = false;
|
||||||
|
this.$emit("refresh", true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.btnLoading = false;
|
||||||
|
this.continueBtnLoading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
openSelectDialog(key) {
|
||||||
|
this.currTableConf = this.addTableConf[key];
|
||||||
|
this.currVmodel = key;
|
||||||
|
this.selectDialogVisible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.selectDialog.init();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
addForSelect(data) {
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
let t = data[i];
|
||||||
|
if (this["get" + this.currVmodel]) {
|
||||||
|
this["get" + this.currVmodel](t);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dateTime(timeRule, timeType, timeTarget, timeValueData, dataValue) {
|
||||||
|
let timeDataValue = null;
|
||||||
|
let timeValue = Number(timeValueData);
|
||||||
|
if (timeRule) {
|
||||||
|
if (timeType == 1) {
|
||||||
|
timeDataValue = timeValue;
|
||||||
|
} else if (timeType == 2) {
|
||||||
|
timeDataValue = dataValue;
|
||||||
|
} else if (timeType == 3) {
|
||||||
|
timeDataValue = new Date().getTime();
|
||||||
|
} else if (timeType == 4) {
|
||||||
|
let previousDate = "";
|
||||||
|
if (timeTarget == 1 || timeTarget == 2) {
|
||||||
|
previousDate = getDateDay(timeTarget, timeType, timeValue);
|
||||||
|
timeDataValue = new Date(previousDate).getTime();
|
||||||
|
} else if (timeTarget == 3) {
|
||||||
|
previousDate = getBeforeData(timeValue);
|
||||||
|
timeDataValue = new Date(previousDate).getTime();
|
||||||
|
} else {
|
||||||
|
timeDataValue = getBeforeTime(timeTarget, timeValue).getTime();
|
||||||
|
}
|
||||||
|
} else if (timeType == 5) {
|
||||||
|
let previousDate = "";
|
||||||
|
if (timeTarget == 1 || timeTarget == 2) {
|
||||||
|
previousDate = getDateDay(timeTarget, timeType, timeValue);
|
||||||
|
timeDataValue = new Date(previousDate).getTime();
|
||||||
|
} else if (timeTarget == 3) {
|
||||||
|
previousDate = getLaterData(timeValue);
|
||||||
|
timeDataValue = new Date(previousDate).getTime();
|
||||||
|
} else {
|
||||||
|
timeDataValue = getLaterTime(timeTarget, timeValue).getTime();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return timeDataValue;
|
||||||
|
},
|
||||||
|
time(timeRule, timeType, timeTarget, timeValue, formatType, dataValue) {
|
||||||
|
let format = formatType == "HH:mm" ? "HH:mm:00" : formatType;
|
||||||
|
let timeDataValue = null;
|
||||||
|
if (timeRule) {
|
||||||
|
if (timeType == 1) {
|
||||||
|
timeDataValue = timeValue || "00:00:00";
|
||||||
|
if (timeDataValue.split(":").length == 3) {
|
||||||
|
timeDataValue = timeDataValue;
|
||||||
|
} else {
|
||||||
|
timeDataValue = timeDataValue + ":00";
|
||||||
|
}
|
||||||
|
} else if (timeType == 2) {
|
||||||
|
timeDataValue = dataValue;
|
||||||
|
} else if (timeType == 3) {
|
||||||
|
timeDataValue = this.jnpf.toDate(new Date(), format);
|
||||||
|
} else if (timeType == 4) {
|
||||||
|
let previousDate = "";
|
||||||
|
previousDate = getBeforeTime(timeTarget, timeValue);
|
||||||
|
timeDataValue = this.jnpf.toDate(previousDate, format);
|
||||||
|
} else if (timeType == 5) {
|
||||||
|
let previousDate = "";
|
||||||
|
previousDate = getLaterTime(timeTarget, timeValue);
|
||||||
|
timeDataValue = this.jnpf.toDate(previousDate, format);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return timeDataValue;
|
||||||
|
},
|
||||||
|
dataList() {
|
||||||
|
var _data = this.dataForm;
|
||||||
|
return _data;
|
||||||
|
},
|
||||||
|
dataInfo(dataAll) {
|
||||||
|
let _dataAll = dataAll;
|
||||||
|
this.dataForm = _dataAll;
|
||||||
|
this.isEdit = true;
|
||||||
|
this.dataAll();
|
||||||
|
this.childIndex = -1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,156 @@
|
|||||||
|
<template>
|
||||||
|
<transition name="el-zoom-in-center">
|
||||||
|
<div class="JNPF-preview-main">
|
||||||
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
|
<div class="JNPF-common-page-header">
|
||||||
|
<el-page-header @back="goBack"
|
||||||
|
content="详情"/>
|
||||||
|
<div class="options">
|
||||||
|
<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" size="small" label-width="100px" label-position="right" >
|
||||||
|
<template v-if="!loading">
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="区域名称"
|
||||||
|
prop="regionId" >
|
||||||
|
<p>{{dataForm.regionId}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="空间编码"
|
||||||
|
prop="spaceCode" >
|
||||||
|
<p>{{dataForm.spaceCode}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="空间名称"
|
||||||
|
prop="spaceName" >
|
||||||
|
<p>{{dataForm.spaceName}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="空间面积"
|
||||||
|
prop="spaceArea" >
|
||||||
|
<JnpfNumber v-model="dataForm.spaceArea"
|
||||||
|
placeholder="数字文本" disabled
|
||||||
|
:step="1" addonAfter="m²" >
|
||||||
|
</JnpfNumber>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="空间类型"
|
||||||
|
prop="spaceType" >
|
||||||
|
<p>{{ dataForm.spaceType }} </p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="单价"
|
||||||
|
prop="unitPrice" >
|
||||||
|
<JnpfNumber v-model="dataForm.unitPrice"
|
||||||
|
placeholder="数字文本" disabled
|
||||||
|
:step="1" addonAfter="元/m²" >
|
||||||
|
</JnpfNumber>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12" >
|
||||||
|
<jnpf-form-tip-item label="状态"
|
||||||
|
prop="state" >
|
||||||
|
<p>{{ dataForm.state }} </p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="备注"
|
||||||
|
prop="remark" >
|
||||||
|
<p>{{dataForm.remark}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
</template>
|
||||||
|
</el-form>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
import { getConfigData } from '@/api/onlineDev/visualDev'
|
||||||
|
import jnpf from '@/utils/jnpf'
|
||||||
|
import Detail from '@/views/basic/dynamicModel/list/detail'
|
||||||
|
import { thousandsFormat } from "@/components/Generator/utils/index"
|
||||||
|
export default {
|
||||||
|
components: { Detail},
|
||||||
|
props: [],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
detailVisible: false,
|
||||||
|
loading: false,
|
||||||
|
|
||||||
|
dataForm: {
|
||||||
|
id :'',
|
||||||
|
regionId : "",
|
||||||
|
spaceCode : '',
|
||||||
|
spaceName : '',
|
||||||
|
spaceArea : '',
|
||||||
|
spaceType : "",
|
||||||
|
unitPrice : '',
|
||||||
|
state : "10",
|
||||||
|
remark : '',
|
||||||
|
},
|
||||||
|
spaceTypeOptions:[{"fullName":"办公室","id":"10"},{"fullName":"加工车间","id":"20"}],
|
||||||
|
spaceTypeProps:{"label":"fullName","value":"id" },
|
||||||
|
stateOptions:[{"fullName":"待租","id":"10"},{"fullName":"已租","id":"20"},{"fullName":"装修","id":"30"},{"fullName":"预约","id":"40"}],
|
||||||
|
stateProps:{"label":"fullName","value":"id" },
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
watch: {},
|
||||||
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
methods: {
|
||||||
|
toDetail(defaultValue, modelId) {
|
||||||
|
if (!defaultValue) return
|
||||||
|
getConfigData(modelId).then(res => {
|
||||||
|
if (!res.data || !res.data.formData) return
|
||||||
|
let formData = JSON.parse(res.data.formData)
|
||||||
|
formData.popupType = 'general'
|
||||||
|
this.detailVisible = true
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.Detail.init(formData, modelId, defaultValue)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
dataInfo(dataAll){
|
||||||
|
let _dataAll =dataAll
|
||||||
|
this.dataForm = _dataAll
|
||||||
|
},
|
||||||
|
|
||||||
|
goBack() {
|
||||||
|
this.$emit('refresh')
|
||||||
|
},
|
||||||
|
init(id) {
|
||||||
|
this.dataForm.id = id || 0;
|
||||||
|
this.visible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if(this.dataForm.id){
|
||||||
|
this.loading = true
|
||||||
|
request({
|
||||||
|
url: '/api/example/Spatial/detail/'+this.dataForm.id,
|
||||||
|
method: 'get'
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data)
|
||||||
|
this.loading = false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
File diff suppressed because one or more lines are too long
@ -0,0 +1,606 @@
|
|||||||
|
<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 ? '新建' : '编辑'"
|
||||||
|
/>
|
||||||
|
<div class="options">
|
||||||
|
<el-dropdown class="dropdown" placement="bottom">
|
||||||
|
<el-button style="width: 70px">
|
||||||
|
更 多<i class="el-icon-arrow-down el-icon--right"></i>
|
||||||
|
</el-button>
|
||||||
|
<el-dropdown-menu slot="dropdown">
|
||||||
|
<template v-if="dataForm.id">
|
||||||
|
<el-dropdown-item @click.native="prev" :disabled="prevDis">
|
||||||
|
{{ "上一条" }}
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click.native="next" :disabled="nextDis">
|
||||||
|
{{ "下一条" }}
|
||||||
|
</el-dropdown-item>
|
||||||
|
</template>
|
||||||
|
<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 @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"
|
||||||
|
>
|
||||||
|
<template v-if="!loading">
|
||||||
|
<!-- 具体表单 -->
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="区域名称" prop="regionId">
|
||||||
|
<JnpfPopupSelect
|
||||||
|
v-model="dataForm.regionId"
|
||||||
|
@change="changeData('regionId', -1)"
|
||||||
|
:rowIndex="null"
|
||||||
|
:formData="dataForm"
|
||||||
|
:templateJson="interfaceRes.regionId"
|
||||||
|
placeholder="请选择"
|
||||||
|
propsValue="id"
|
||||||
|
popupWidth="800px"
|
||||||
|
popupTitle="选择数据"
|
||||||
|
popupType="dialog"
|
||||||
|
relationField="region_name"
|
||||||
|
field="regionId"
|
||||||
|
interfaceId="582538983687324421"
|
||||||
|
:pageSize="20"
|
||||||
|
:columnOptions="regionIdcolumnOptions"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
>
|
||||||
|
</JnpfPopupSelect>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="空间编码" prop="spaceCode">
|
||||||
|
<JnpfInput
|
||||||
|
v-model="dataForm.spaceCode"
|
||||||
|
@change="changeData('spaceCode', -1)"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="空间名称" prop="spaceName">
|
||||||
|
<JnpfInput
|
||||||
|
v-model="dataForm.spaceName"
|
||||||
|
@change="changeData('spaceName', -1)"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="空间面积" prop="spaceArea">
|
||||||
|
<JnpfInputNumber
|
||||||
|
v-model="dataForm.spaceArea"
|
||||||
|
@change="changeData('spaceArea', -1)"
|
||||||
|
placeholder="数字文本"
|
||||||
|
addonAfter="m²"
|
||||||
|
:step="1"
|
||||||
|
>
|
||||||
|
</JnpfInputNumber>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="空间类型" prop="spaceType">
|
||||||
|
<JnpfSelect
|
||||||
|
v-model="dataForm.spaceType"
|
||||||
|
@change="changeData('spaceType', -1)"
|
||||||
|
placeholder="请选择"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
:options="spaceTypeOptions"
|
||||||
|
:props="spaceTypeProps"
|
||||||
|
>
|
||||||
|
</JnpfSelect>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="单价" prop="unitPrice">
|
||||||
|
<JnpfInputNumber
|
||||||
|
v-model="dataForm.unitPrice"
|
||||||
|
@change="changeData('unitPrice', -1)"
|
||||||
|
placeholder="数字文本"
|
||||||
|
addonAfter="元/m²"
|
||||||
|
:step="1"
|
||||||
|
>
|
||||||
|
</JnpfInputNumber>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<jnpf-form-tip-item label="状态" prop="state">
|
||||||
|
<JnpfSelect
|
||||||
|
v-model="dataForm.state"
|
||||||
|
@change="changeData('state', -1)"
|
||||||
|
placeholder="请选择"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
:options="stateOptions"
|
||||||
|
:props="stateProps"
|
||||||
|
>
|
||||||
|
</JnpfSelect>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<jnpf-form-tip-item label="备注" prop="remark">
|
||||||
|
<JnpfInput
|
||||||
|
v-model="dataForm.remark"
|
||||||
|
@change="changeData('remark', -1)"
|
||||||
|
placeholder="请输入"
|
||||||
|
clearable
|
||||||
|
:style="{ width: '100%' }"
|
||||||
|
>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<!-- 表单结束 -->
|
||||||
|
</template>
|
||||||
|
</el-form>
|
||||||
|
<SelectDialog
|
||||||
|
v-if="selectDialogVisible"
|
||||||
|
:config="currTableConf"
|
||||||
|
:formData="dataForm"
|
||||||
|
ref="selectDialog"
|
||||||
|
@select="addForSelect"
|
||||||
|
@close="selectDialogVisible = false"
|
||||||
|
/>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import request from "@/utils/request";
|
||||||
|
import { mapGetters } from "vuex";
|
||||||
|
import { getDataInterfaceRes } from "@/api/systemData/dataInterface";
|
||||||
|
import { getDictionaryDataSelector } from "@/api/systemData/dictionary";
|
||||||
|
import { getDefaultCurrentValueUserId } from "@/api/permission/user";
|
||||||
|
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: {},
|
||||||
|
props: [],
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dataFormSubmitType: 0,
|
||||||
|
continueBtnLoading: false,
|
||||||
|
index: 0,
|
||||||
|
prevDis: false,
|
||||||
|
nextDis: false,
|
||||||
|
allList: [],
|
||||||
|
visible: false,
|
||||||
|
loading: false,
|
||||||
|
btnLoading: false,
|
||||||
|
formRef: "formRef",
|
||||||
|
setting: {},
|
||||||
|
eventType: "",
|
||||||
|
userBoxVisible: false,
|
||||||
|
selectDialogVisible: false,
|
||||||
|
currTableConf: {},
|
||||||
|
dataValueAll: {},
|
||||||
|
addTableConf: {},
|
||||||
|
//可选范围默认值
|
||||||
|
ableAll: {},
|
||||||
|
tableRows: {},
|
||||||
|
Vmodel: "",
|
||||||
|
currVmodel: "",
|
||||||
|
dataForm: {
|
||||||
|
regionId: undefined,
|
||||||
|
spaceCode: undefined,
|
||||||
|
spaceName: undefined,
|
||||||
|
spaceArea: undefined,
|
||||||
|
spaceType: undefined,
|
||||||
|
unitPrice: undefined,
|
||||||
|
state: "10",
|
||||||
|
remark: undefined,
|
||||||
|
version: 0
|
||||||
|
},
|
||||||
|
tableRequiredData: {},
|
||||||
|
dataRule: {
|
||||||
|
regionId: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请选择",
|
||||||
|
trigger: "change"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
spaceCode: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "blur"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
spaceName: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请输入",
|
||||||
|
trigger: "blur"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
spaceArea: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "数字文本",
|
||||||
|
trigger: ["blur", "change"]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
spaceType: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: "请选择",
|
||||||
|
trigger: "change"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
regionIdcolumnOptions: [
|
||||||
|
{ label: "区域编码", value: "region_number" },
|
||||||
|
{ label: "区域名称", value: "region_name" },
|
||||||
|
{ label: "空间数量", value: "spaces_number" }
|
||||||
|
],
|
||||||
|
spaceTypeOptions: [
|
||||||
|
{ fullName: "办公室", id: "10" },
|
||||||
|
{ fullName: "加工车间", id: "20" }
|
||||||
|
],
|
||||||
|
spaceTypeProps: { label: "fullName", value: "id" },
|
||||||
|
stateOptions: [
|
||||||
|
{ fullName: "待租", id: "10" },
|
||||||
|
{ fullName: "已租", id: "20" },
|
||||||
|
{ fullName: "装修", id: "30" },
|
||||||
|
{ fullName: "预约", id: "40" }
|
||||||
|
],
|
||||||
|
stateProps: { label: "fullName", value: "id" },
|
||||||
|
childIndex: -1,
|
||||||
|
isEdit: false,
|
||||||
|
interfaceRes: {
|
||||||
|
regionId: [],
|
||||||
|
spaceCode: [],
|
||||||
|
spaceName: [],
|
||||||
|
spaceArea: [],
|
||||||
|
spaceType: [],
|
||||||
|
unitPrice: [],
|
||||||
|
state: [],
|
||||||
|
remark: []
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
...mapGetters(["userInfo"])
|
||||||
|
},
|
||||||
|
watch: {},
|
||||||
|
created() {
|
||||||
|
this.dataAll();
|
||||||
|
this.initDefaultData();
|
||||||
|
this.dataValueAll = JSON.parse(JSON.stringify(this.dataForm));
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
methods: {
|
||||||
|
prev() {
|
||||||
|
this.index--;
|
||||||
|
if (this.index === 0) {
|
||||||
|
this.prevDis = true;
|
||||||
|
}
|
||||||
|
this.nextDis = false;
|
||||||
|
for (let index = 0; index < this.allList.length; index++) {
|
||||||
|
const element = this.allList[index];
|
||||||
|
if (this.index == index) {
|
||||||
|
this.getInfo(element.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
next() {
|
||||||
|
this.index++;
|
||||||
|
if (this.index === this.allList.length - 1) {
|
||||||
|
this.nextDis = true;
|
||||||
|
}
|
||||||
|
this.prevDis = false;
|
||||||
|
for (let index = 0; index < this.allList.length; index++) {
|
||||||
|
const element = this.allList[index];
|
||||||
|
if (this.index == index) {
|
||||||
|
this.getInfo(element.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getInfo(id) {
|
||||||
|
request({
|
||||||
|
url: "/api/example/Spatial/" + id,
|
||||||
|
method: "get"
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
goBack() {
|
||||||
|
this.visible = false;
|
||||||
|
this.$emit("refreshDataList", true);
|
||||||
|
},
|
||||||
|
changeData(model, index) {
|
||||||
|
this.isEdit = false;
|
||||||
|
this.childIndex = index;
|
||||||
|
let modelAll = model.split("-");
|
||||||
|
let faceMode = "";
|
||||||
|
for (let i = 0; i < modelAll.length; i++) {
|
||||||
|
faceMode += modelAll[i];
|
||||||
|
}
|
||||||
|
for (let key in this.interfaceRes) {
|
||||||
|
if (key != faceMode) {
|
||||||
|
let faceReList = this.interfaceRes[key];
|
||||||
|
for (let i = 0; i < faceReList.length; i++) {
|
||||||
|
if (faceReList[i].relationField == model) {
|
||||||
|
let options = "get" + key + "Options";
|
||||||
|
if (this[options]) {
|
||||||
|
this[options]();
|
||||||
|
}
|
||||||
|
this.changeData(key, index);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeDataFormData(type, data, model, index, defaultValue) {
|
||||||
|
if (!this.isEdit) {
|
||||||
|
if (type == 2) {
|
||||||
|
for (let i = 0; i < this.dataForm[data].length; i++) {
|
||||||
|
if (index == -1) {
|
||||||
|
this.dataForm[data][i][model] = defaultValue;
|
||||||
|
} else if (index == i) {
|
||||||
|
this.dataForm[data][i][model] = defaultValue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.dataForm[data] = defaultValue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dataAll() {},
|
||||||
|
goBack() {
|
||||||
|
this.$emit("refresh");
|
||||||
|
},
|
||||||
|
clearData() {
|
||||||
|
this.dataForm = JSON.parse(JSON.stringify(this.dataValueAll));
|
||||||
|
},
|
||||||
|
init(id, isDetail, allList) {
|
||||||
|
this.prevDis = false;
|
||||||
|
this.nextDis = false;
|
||||||
|
this.allList = allList || [];
|
||||||
|
if (allList.length) {
|
||||||
|
this.index = this.allList.findIndex(item => item.id === id);
|
||||||
|
if (this.index == 0) {
|
||||||
|
this.prevDis = true;
|
||||||
|
}
|
||||||
|
if (this.index == this.allList.length - 1) {
|
||||||
|
this.nextDis = true;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.prevDis = true;
|
||||||
|
this.nextDis = true;
|
||||||
|
}
|
||||||
|
this.dataForm.id = id || 0;
|
||||||
|
this.visible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if (this.dataForm.id) {
|
||||||
|
this.loading = true;
|
||||||
|
request({
|
||||||
|
url: "/api/example/Spatial/" + this.dataForm.id,
|
||||||
|
method: "get"
|
||||||
|
}).then(res => {
|
||||||
|
this.dataInfo(res.data);
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
this.clearData();
|
||||||
|
this.initDefaultData();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.$store.commit("generator/UPDATE_RELATION_DATA", {});
|
||||||
|
},
|
||||||
|
//初始化默认数据
|
||||||
|
initDefaultData() {},
|
||||||
|
// 表单提交
|
||||||
|
dataFormSubmit(type) {
|
||||||
|
this.dataFormSubmitType = type ? type : 0;
|
||||||
|
this.$refs["formRef"].validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
this.request();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
request() {
|
||||||
|
let _data = this.dataList();
|
||||||
|
if (this.dataFormSubmitType == 2) {
|
||||||
|
this.continueBtnLoading = true;
|
||||||
|
} else {
|
||||||
|
this.btnLoading = true;
|
||||||
|
}
|
||||||
|
if (!this.dataForm.id) {
|
||||||
|
request({
|
||||||
|
url: "/api/example/Spatial",
|
||||||
|
method: "post",
|
||||||
|
data: _data
|
||||||
|
})
|
||||||
|
.then(res => {
|
||||||
|
this.$message({
|
||||||
|
message: res.msg,
|
||||||
|
type: "success",
|
||||||
|
duration: 1000,
|
||||||
|
onClose: () => {
|
||||||
|
if (this.dataFormSubmitType == 2) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.clearData();
|
||||||
|
this.initDefaultData();
|
||||||
|
});
|
||||||
|
this.continueBtnLoading = false;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.visible = false;
|
||||||
|
this.btnLoading = false;
|
||||||
|
this.$emit("refresh", true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.btnLoading = false;
|
||||||
|
this.continueBtnLoading = false;
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
request({
|
||||||
|
url: "/api/example/Spatial/" + this.dataForm.id,
|
||||||
|
method: "PUT",
|
||||||
|
data: _data
|
||||||
|
})
|
||||||
|
.then(res => {
|
||||||
|
this.$message({
|
||||||
|
message: res.msg,
|
||||||
|
type: "success",
|
||||||
|
duration: 1000,
|
||||||
|
onClose: () => {
|
||||||
|
if (this.dataFormSubmitType == 2)
|
||||||
|
return (this.continueBtnLoading = false);
|
||||||
|
this.visible = false;
|
||||||
|
this.btnLoading = false;
|
||||||
|
this.$emit("refresh", true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.btnLoading = false;
|
||||||
|
this.continueBtnLoading = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
openSelectDialog(key) {
|
||||||
|
this.currTableConf = this.addTableConf[key];
|
||||||
|
this.currVmodel = key;
|
||||||
|
this.selectDialogVisible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs.selectDialog.init();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
addForSelect(data) {
|
||||||
|
for (let i = 0; i < data.length; i++) {
|
||||||
|
let t = data[i];
|
||||||
|
if (this["get" + this.currVmodel]) {
|
||||||
|
this["get" + this.currVmodel](t);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dateTime(timeRule, timeType, timeTarget, timeValueData, dataValue) {
|
||||||
|
let timeDataValue = null;
|
||||||
|
let timeValue = Number(timeValueData);
|
||||||
|
if (timeRule) {
|
||||||
|
if (timeType == 1) {
|
||||||
|
timeDataValue = timeValue;
|
||||||
|
} else if (timeType == 2) {
|
||||||
|
timeDataValue = dataValue;
|
||||||
|
} else if (timeType == 3) {
|
||||||
|
timeDataValue = new Date().getTime();
|
||||||
|
} else if (timeType == 4) {
|
||||||
|
let previousDate = "";
|
||||||
|
if (timeTarget == 1 || timeTarget == 2) {
|
||||||
|
previousDate = getDateDay(timeTarget, timeType, timeValue);
|
||||||
|
timeDataValue = new Date(previousDate).getTime();
|
||||||
|
} else if (timeTarget == 3) {
|
||||||
|
previousDate = getBeforeData(timeValue);
|
||||||
|
timeDataValue = new Date(previousDate).getTime();
|
||||||
|
} else {
|
||||||
|
timeDataValue = getBeforeTime(timeTarget, timeValue).getTime();
|
||||||
|
}
|
||||||
|
} else if (timeType == 5) {
|
||||||
|
let previousDate = "";
|
||||||
|
if (timeTarget == 1 || timeTarget == 2) {
|
||||||
|
previousDate = getDateDay(timeTarget, timeType, timeValue);
|
||||||
|
timeDataValue = new Date(previousDate).getTime();
|
||||||
|
} else if (timeTarget == 3) {
|
||||||
|
previousDate = getLaterData(timeValue);
|
||||||
|
timeDataValue = new Date(previousDate).getTime();
|
||||||
|
} else {
|
||||||
|
timeDataValue = getLaterTime(timeTarget, timeValue).getTime();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return timeDataValue;
|
||||||
|
},
|
||||||
|
time(timeRule, timeType, timeTarget, timeValue, formatType, dataValue) {
|
||||||
|
let format = formatType == "HH:mm" ? "HH:mm:00" : formatType;
|
||||||
|
let timeDataValue = null;
|
||||||
|
if (timeRule) {
|
||||||
|
if (timeType == 1) {
|
||||||
|
timeDataValue = timeValue || "00:00:00";
|
||||||
|
if (timeDataValue.split(":").length == 3) {
|
||||||
|
timeDataValue = timeDataValue;
|
||||||
|
} else {
|
||||||
|
timeDataValue = timeDataValue + ":00";
|
||||||
|
}
|
||||||
|
} else if (timeType == 2) {
|
||||||
|
timeDataValue = dataValue;
|
||||||
|
} else if (timeType == 3) {
|
||||||
|
timeDataValue = this.jnpf.toDate(new Date(), format);
|
||||||
|
} else if (timeType == 4) {
|
||||||
|
let previousDate = "";
|
||||||
|
previousDate = getBeforeTime(timeTarget, timeValue);
|
||||||
|
timeDataValue = this.jnpf.toDate(previousDate, format);
|
||||||
|
} else if (timeType == 5) {
|
||||||
|
let previousDate = "";
|
||||||
|
previousDate = getLaterTime(timeTarget, timeValue);
|
||||||
|
timeDataValue = this.jnpf.toDate(previousDate, format);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return timeDataValue;
|
||||||
|
},
|
||||||
|
dataList() {
|
||||||
|
var _data = this.dataForm;
|
||||||
|
return _data;
|
||||||
|
},
|
||||||
|
dataInfo(dataAll) {
|
||||||
|
let _dataAll = dataAll;
|
||||||
|
this.dataForm = _dataAll;
|
||||||
|
this.isEdit = true;
|
||||||
|
this.dataAll();
|
||||||
|
this.childIndex = -1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue