parent
c4ce8b2d14
commit
30a2209c05
@ -1,6 +1,6 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
<?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">
|
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
|
||||||
<mapper namespace="jnpf.mapper.NxRecycleDeviceMapper">
|
<mapper namespace="jnpf.mapper.RecycleDeviceMapper">
|
||||||
|
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,153 +0,0 @@
|
|||||||
<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="125px" label-position="right">
|
|
||||||
<template v-if="!loading">
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备编码" prop="deviceCode">
|
|
||||||
<p>{{ dataForm.deviceCode }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备名称" prop="deviceName">
|
|
||||||
<p>{{ dataForm.deviceName }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="所在城市" prop="city">
|
|
||||||
<p>{{ dataForm.city }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="地址" prop="address">
|
|
||||||
<p>{{ dataForm.address }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备状态" prop="status">
|
|
||||||
<p>{{ dataForm.status }} </p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="启用" prop="useStatus">
|
|
||||||
<p>{{ dataForm.useStatus }} </p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备通信ip地址" prop="ipAddress">
|
|
||||||
<p>{{ dataForm.ipAddress }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备总重" prop="boxWeight">
|
|
||||||
<p>{{ dataForm.boxWeight }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="所属回收站" prop="beLongStationCode">
|
|
||||||
<p>{{ dataForm.beLongStationCode }}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="所属商户" prop="beLongCompanyId">
|
|
||||||
<p>{{ dataForm.beLongCompanyId }}</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: '',
|
|
||||||
deviceCode: '',
|
|
||||||
deviceName: '',
|
|
||||||
city: [],
|
|
||||||
address: '',
|
|
||||||
status: "1",
|
|
||||||
useStatus: "1",
|
|
||||||
ipAddress: '',
|
|
||||||
boxWeight: '',
|
|
||||||
beLongStationCode: "",
|
|
||||||
beLongCompanyId: "",
|
|
||||||
},
|
|
||||||
statusOptions: [{ "fullName": "离线", "id": "0" }, { "fullName": "在线", "id": "1" }],
|
|
||||||
statusProps: { "label": "fullName", "value": "id" },
|
|
||||||
useStatusOptions: [{ "fullName": "关闭", "id": "0" }, { "fullName": "启用", "id": "1" }, { "fullName": "暂停服务", "id": "2" }],
|
|
||||||
useStatusProps: { "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/scm/NxRecycleDevice/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
@ -1,527 +0,0 @@
|
|||||||
<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="125px"
|
|
||||||
label-position="right">
|
|
||||||
<template v-if="!loading">
|
|
||||||
<!-- 具体表单 -->
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备编码" prop="deviceCode">
|
|
||||||
<JnpfInput v-model="dataForm.deviceCode" @change="changeData('deviceCode', -1)"
|
|
||||||
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
||||||
</JnpfInput>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备名称" prop="deviceName">
|
|
||||||
<JnpfInput v-model="dataForm.deviceName" @change="changeData('deviceName', -1)"
|
|
||||||
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
||||||
</JnpfInput>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="所在城市" prop="city">
|
|
||||||
<JnpfAreaSelect v-model="dataForm.city" @change="changeData('city', -1)"
|
|
||||||
placeholder="请选择" selectType="all" clearable :style='{ "width": "100%" }' :level="2">
|
|
||||||
</JnpfAreaSelect>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="地址" prop="address">
|
|
||||||
<JnpfInput v-model="dataForm.address" @change="changeData('address', -1)"
|
|
||||||
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
||||||
</JnpfInput>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备状态" prop="status">
|
|
||||||
<JnpfRadio v-model="dataForm.status" @change="changeData('status', -1)"
|
|
||||||
optionType="default" direction="horizontal" size="small" :options="statusOptions"
|
|
||||||
:props="statusProps">
|
|
||||||
</JnpfRadio>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="启用" prop="useStatus">
|
|
||||||
<JnpfRadio v-model="dataForm.useStatus" @change="changeData('useStatus', -1)"
|
|
||||||
optionType="default" direction="horizontal" size="small" :options="useStatusOptions"
|
|
||||||
:props="useStatusProps">
|
|
||||||
</JnpfRadio>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备通信ip地址" prop="ipAddress">
|
|
||||||
<JnpfInput v-model="dataForm.ipAddress" @change="changeData('ipAddress', -1)"
|
|
||||||
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
||||||
</JnpfInput>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="设备总重" prop="boxWeight">
|
|
||||||
<JnpfInput v-model="dataForm.boxWeight" @change="changeData('boxWeight', -1)"
|
|
||||||
placeholder="请输入" clearable :style='{ "width": "100%" }'>
|
|
||||||
</JnpfInput>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="所属回收站" prop="beLongStationCode">
|
|
||||||
<JnpfPopupSelect v-model="dataForm.beLongStationCode"
|
|
||||||
@change="changeData('beLongStationCode', -1)" :rowIndex="null" :formData="dataForm"
|
|
||||||
:templateJson="interfaceRes.beLongStationCode" placeholder="请选择"
|
|
||||||
propsValue="station_code" popupWidth="800px" popupTitle="选择数据" popupType="dialog"
|
|
||||||
relationField='station_name' field='beLongStationCode'
|
|
||||||
interfaceId="563705984451619653" :pageSize="20"
|
|
||||||
:columnOptions="beLongStationCodecolumnOptions" clearable :style='{ "width": "100%" }'>
|
|
||||||
</JnpfPopupSelect>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="8">
|
|
||||||
<jnpf-form-tip-item label="所属商户" prop="beLongCompanyId">
|
|
||||||
<JnpfPopupSelect v-model="dataForm.beLongCompanyId"
|
|
||||||
@change="changeData('beLongCompanyId', -1)" :rowIndex="null" :formData="dataForm"
|
|
||||||
:templateJson="interfaceRes.beLongCompanyId" placeholder="请选择" propsValue="f_id"
|
|
||||||
popupWidth="800px" popupTitle="选择数据" popupType="dialog" relationField='f_full_name'
|
|
||||||
field='beLongCompanyId' interfaceId="563706688754953029" :pageSize="20"
|
|
||||||
:columnOptions="beLongCompanyIdcolumnOptions" clearable :style='{ "width": "100%" }'>
|
|
||||||
</JnpfPopupSelect>
|
|
||||||
</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: {
|
|
||||||
deviceCode: undefined,
|
|
||||||
deviceName: undefined,
|
|
||||||
city: [],
|
|
||||||
address: undefined,
|
|
||||||
status: "1",
|
|
||||||
useStatus: "1",
|
|
||||||
ipAddress: undefined,
|
|
||||||
boxWeight: undefined,
|
|
||||||
beLongStationCode: undefined,
|
|
||||||
beLongCompanyId: undefined,
|
|
||||||
},
|
|
||||||
tableRequiredData: {},
|
|
||||||
dataRule:
|
|
||||||
{
|
|
||||||
deviceCode: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入',
|
|
||||||
trigger: 'blur'
|
|
||||||
},
|
|
||||||
],
|
|
||||||
deviceName: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入',
|
|
||||||
trigger: 'blur'
|
|
||||||
},
|
|
||||||
],
|
|
||||||
city: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请至少选择一个',
|
|
||||||
trigger: 'change'
|
|
||||||
},
|
|
||||||
],
|
|
||||||
address: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入',
|
|
||||||
trigger: 'blur'
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
statusOptions: [{ "fullName": "离线", "id": "0" }, { "fullName": "在线", "id": "1" }],
|
|
||||||
statusProps: { "label": "fullName", "value": "id" },
|
|
||||||
useStatusOptions: [{ "fullName": "关闭", "id": "0" }, { "fullName": "启用", "id": "1" }, { "fullName": "暂停服务", "id": "2" }],
|
|
||||||
useStatusProps: { "label": "fullName", "value": "id" },
|
|
||||||
beLongStationCodecolumnOptions: [{ "label": "回收站编号", "value": "station_code" }, { "label": "回收站名称", "value": "station_name" },],
|
|
||||||
beLongCompanyIdcolumnOptions: [{ "label": "商户ID", "value": "f_id" }, { "label": "商户名称", "value": "f_full_name" },],
|
|
||||||
childIndex: -1,
|
|
||||||
isEdit: false,
|
|
||||||
interfaceRes: {
|
|
||||||
deviceCode: [],
|
|
||||||
deviceName: [],
|
|
||||||
city: [],
|
|
||||||
address: [],
|
|
||||||
status: [],
|
|
||||||
useStatus: [],
|
|
||||||
ipAddress: [],
|
|
||||||
boxWeight: [],
|
|
||||||
beLongStationCode: [],
|
|
||||||
beLongCompanyId: [],
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
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/scm/NxRecycleDevice/' + 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/scm/NxRecycleDevice/' + 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/scm/NxRecycleDevice',
|
|
||||||
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/scm/NxRecycleDevice/' + 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,175 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog title="详情"
|
||||||
|
: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="deviceCode" >
|
||||||
|
<p>{{dataForm.deviceCode}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="设备名称"
|
||||||
|
prop="deviceName" tip-label="设备名称" >
|
||||||
|
<p>{{dataForm.deviceName}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="所在城市"
|
||||||
|
prop="city" >
|
||||||
|
<p>{{dataForm.city}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="地址"
|
||||||
|
prop="address" >
|
||||||
|
<p>{{dataForm.address}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="投用状态"
|
||||||
|
prop="useStatus" >
|
||||||
|
<p>{{ dataForm.useStatus }} </p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="设备状态"
|
||||||
|
prop="status" >
|
||||||
|
<p>{{ dataForm.status }} </p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="分配商户"
|
||||||
|
prop="beLongCompanyId" tip-label="绑定商户" >
|
||||||
|
<p>{{dataForm.beLongCompanyId}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="分配回收站"
|
||||||
|
prop="beLongStationCode" tip-label="绑定回收站" >
|
||||||
|
<p>{{dataForm.beLongStationCode}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="设备总重"
|
||||||
|
prop="boxWeight" >
|
||||||
|
<p>{{dataForm.boxWeight}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="修改用户"
|
||||||
|
prop="lastModifyUserId" >
|
||||||
|
<p>{{dataForm.lastModifyUserId}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="修改时间"
|
||||||
|
prop="lastModifyTime" >
|
||||||
|
<p>{{dataForm.lastModifyTime}}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item label="所属组织"
|
||||||
|
prop="organizeJsonId" >
|
||||||
|
<p>{{dataForm.organizeJsonId}}</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" />
|
||||||
|
</el-dialog>
|
||||||
|
</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 :'',
|
||||||
|
deviceCode : '',
|
||||||
|
deviceName : '',
|
||||||
|
city : [],
|
||||||
|
address : '',
|
||||||
|
useStatus : "1",
|
||||||
|
status : "1",
|
||||||
|
beLongCompanyId : "",
|
||||||
|
beLongStationCode : "",
|
||||||
|
ipAddress : '',
|
||||||
|
boxWeight : '',
|
||||||
|
latitude : '',
|
||||||
|
longitude : '',
|
||||||
|
lastModifyUserId : "",
|
||||||
|
lastModifyTime : "",
|
||||||
|
organizeJsonId : "",
|
||||||
|
},
|
||||||
|
useStatusOptions:[{"fullName":"启用","id":"1"},{"fullName":"暂停服务","id":"2"},{"fullName":"关闭","id":"0"}],
|
||||||
|
useStatusProps:{"label":"fullName","value":"id" },
|
||||||
|
statusOptions:[{"fullName":"离线","id":"0"},{"fullName":"在线","id":"1"}],
|
||||||
|
statusProps:{"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
|
||||||
|
},
|
||||||
|
|
||||||
|
init(id) {
|
||||||
|
this.dataForm.id = id || 0;
|
||||||
|
this.visible = true;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
if(this.dataForm.id){
|
||||||
|
this.loading = true
|
||||||
|
request({
|
||||||
|
url: '/api/scm/RecycleDevice/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,532 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<el-dialog :title="!dataForm.id ? '新建' :'编辑'"
|
||||||
|
: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" :rules="dataRule" size="small" label-width="100px" label-position="right" >
|
||||||
|
<template v-if="!loading">
|
||||||
|
<!-- 具体表单 -->
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="设备编码" prop="deviceCode" >
|
||||||
|
<JnpfInput v-model="dataForm.deviceCode" @change="changeData('deviceCode',-1)"
|
||||||
|
placeholder="系统自动生成" readonly :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="设备名称" tipLabel="设备名称" prop="deviceName" >
|
||||||
|
<JnpfInput v-model="dataForm.deviceName" @change="changeData('deviceName',-1)"
|
||||||
|
placeholder="设备名称" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="所在城市" prop="city" >
|
||||||
|
<JnpfAreaSelect v-model="dataForm.city" @change="changeData('city',-1)"
|
||||||
|
placeholder="请选择" selectType="all" clearable :style='{"width":"100%"}' :level="2" >
|
||||||
|
</JnpfAreaSelect>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="地址" prop="address" >
|
||||||
|
<JnpfInput v-model="dataForm.address" @change="changeData('address',-1)"
|
||||||
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="投用状态" prop="useStatus" >
|
||||||
|
<JnpfRadio v-model="dataForm.useStatus" @change="changeData('useStatus',-1)"
|
||||||
|
optionType="default" direction="horizontal" size="small" :options="useStatusOptions" :props="useStatusProps" >
|
||||||
|
</JnpfRadio>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="设备状态" prop="status" >
|
||||||
|
<JnpfRadio v-model="dataForm.status" @change="changeData('status',-1)"
|
||||||
|
optionType="default" direction="horizontal" size="small" :options="statusOptions" :props="statusProps" >
|
||||||
|
</JnpfRadio>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="分配商户" tipLabel="绑定商户" prop="beLongCompanyId" >
|
||||||
|
<JnpfPopupSelect v-model="dataForm.beLongCompanyId" @change="changeData('beLongCompanyId',-1)"
|
||||||
|
:rowIndex="null" :formData="dataForm" :templateJson="interfaceRes.beLongCompanyId" placeholder="请选择商户" propsValue="f_id" popupWidth="800px" popupTitle="绑定商户" popupType="dialog" relationField='f_full_name' field='beLongCompanyId' interfaceId="563706688754953029" :pageSize="20" :columnOptions="beLongCompanyIdcolumnOptions" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfPopupSelect>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="分配回收站" tipLabel="绑定回收站" prop="beLongStationCode" >
|
||||||
|
<JnpfPopupSelect v-model="dataForm.beLongStationCode" @change="changeData('beLongStationCode',-1)"
|
||||||
|
:rowIndex="null" :formData="dataForm" :templateJson="interfaceRes.beLongStationCode" placeholder="请选择回收站" propsValue="station_code" popupWidth="800px" popupTitle="绑定回收站" popupType="dialog" relationField='station_name' field='beLongStationCode' interfaceId="563705984451619653" :pageSize="20" :columnOptions="beLongStationCodecolumnOptions" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfPopupSelect>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="设备总重" prop="boxWeight" >
|
||||||
|
<JnpfInput v-model="dataForm.boxWeight" @change="changeData('boxWeight',-1)"
|
||||||
|
placeholder="请输入" clearable :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="修改用户" prop="lastModifyUserId" >
|
||||||
|
<JnpfInput v-model="dataForm.lastModifyUserId" @change="changeData('lastModifyUserId',-1)"
|
||||||
|
placeholder="系统自动生成" readonly :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="修改时间" prop="lastModifyTime" >
|
||||||
|
<JnpfInput v-model="dataForm.lastModifyTime" @change="changeData('lastModifyTime',-1)"
|
||||||
|
placeholder="系统自动生成" readonly :style='{"width":"100%"}'>
|
||||||
|
</JnpfInput>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" >
|
||||||
|
<jnpf-form-tip-item
|
||||||
|
label="所属组织" prop="organizeJsonId" >
|
||||||
|
<JnpfOpenData v-model="dataForm.organizeJsonId" @change="changeData('organizeJsonId',-1)"
|
||||||
|
placeholder="系统自动生成" readonly :style='{"width":"100%"}' type="currOrganize" showLevel="all" >
|
||||||
|
</JnpfOpenData>
|
||||||
|
</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>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<div class="upAndDown-button" v-if="dataForm.id">
|
||||||
|
<el-button @click="prev" :disabled='prevDis'>
|
||||||
|
{{'上一条'}}
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="next" :disabled='nextDis'>
|
||||||
|
{{'下一条'}}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
<el-button type="primary" @click="dataFormSubmit(2)" :loading="continueBtnLoading">
|
||||||
|
{{!dataForm.id ?'确定并新增':'确定并继续'}}</el-button>
|
||||||
|
<el-button @click="visible = false"> 取 消</el-button>
|
||||||
|
<el-button type="primary" @click="dataFormSubmit()" :loading="btnLoading"> 确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</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: {
|
||||||
|
deviceCode : undefined,
|
||||||
|
deviceName : undefined,
|
||||||
|
city : [],
|
||||||
|
address : undefined,
|
||||||
|
useStatus : "1",
|
||||||
|
status : "1",
|
||||||
|
beLongCompanyId : undefined,
|
||||||
|
beLongStationCode : undefined,
|
||||||
|
ipAddress : undefined,
|
||||||
|
boxWeight : undefined,
|
||||||
|
latitude : undefined,
|
||||||
|
longitude : undefined,
|
||||||
|
lastModifyUserId : undefined,
|
||||||
|
lastModifyTime : undefined,
|
||||||
|
organizeJsonId : undefined,
|
||||||
|
},
|
||||||
|
tableRequiredData: {},
|
||||||
|
dataRule:
|
||||||
|
{
|
||||||
|
deviceName: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '设备名称',
|
||||||
|
trigger: 'blur'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
city: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请至少选择一个',
|
||||||
|
trigger: 'change'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
address: [
|
||||||
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入',
|
||||||
|
trigger: 'blur'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
useStatusOptions:[{"fullName":"启用","id":"1"},{"fullName":"暂停服务","id":"2"},{"fullName":"关闭","id":"0"}],
|
||||||
|
useStatusProps:{"label":"fullName","value":"id" },
|
||||||
|
statusOptions:[{"fullName":"离线","id":"0"},{"fullName":"在线","id":"1"}],
|
||||||
|
statusProps:{"label":"fullName","value":"id" },
|
||||||
|
beLongCompanyIdcolumnOptions:[ {"label":"商户ID","value":"f_id"}, {"label":"商户名称","value":"f_full_name"},],
|
||||||
|
beLongStationCodecolumnOptions:[ {"label":"回收站编号","value":"station_code"}, {"label":"回收站名称","value":"station_name"},],
|
||||||
|
childIndex:-1,
|
||||||
|
isEdit:false,
|
||||||
|
interfaceRes: {
|
||||||
|
deviceCode:[] ,
|
||||||
|
deviceName:[] ,
|
||||||
|
city:[] ,
|
||||||
|
address:[] ,
|
||||||
|
useStatus:[] ,
|
||||||
|
status:[] ,
|
||||||
|
beLongCompanyId:[] ,
|
||||||
|
beLongStationCode:[] ,
|
||||||
|
ipAddress:[] ,
|
||||||
|
boxWeight:[] ,
|
||||||
|
latitude:[] ,
|
||||||
|
longitude:[] ,
|
||||||
|
lastModifyUserId:[] ,
|
||||||
|
lastModifyTime:[] ,
|
||||||
|
organizeJsonId:[] ,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
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/scm/RecycleDevice/'+ 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(){
|
||||||
|
},
|
||||||
|
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/scm/RecycleDevice/'+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/scm/RecycleDevice',
|
||||||
|
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/scm/RecycleDevice/'+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