guochaojie
4 months ago
parent
9089f2e435
commit
3e1eeae101
File diff suppressed because one or more lines are too long
@ -1,196 +1,195 @@
|
||||
<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="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" tip-label="设备名称" >
|
||||
<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="useStatus" >
|
||||
<p>{{ dataForm.useStatus }} </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="beLongCompanyId" >
|
||||
<p>{{dataForm.beLongCompanyId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="分配回收站"
|
||||
prop="beLongStationId" tip-label="分配回收站" >
|
||||
<p>{{dataForm.beLongStationId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="所属清运员"
|
||||
prop="beLongRecyclerPhone" >
|
||||
<p>{{dataForm.beLongRecyclerPhone}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="设备码二维码"
|
||||
prop="deviceCodeQr" >
|
||||
<JnpfUploadImg v-model="dataForm.deviceCodeQr"
|
||||
disabled
|
||||
detailed :fileSize="100" sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0" >
|
||||
</JnpfUploadImg>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="设备总重"
|
||||
prop="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>
|
||||
</template>
|
||||
</el-form>
|
||||
<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">
|
||||
<p>{{ dataForm.beLongCompanyId }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label="分配回收站"
|
||||
prop="beLongStationId" tip-label="分配回收站">
|
||||
<p>{{ dataForm.beLongStationId }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label="所属清运员"
|
||||
prop="beLongRecyclerPhone">
|
||||
<p>{{ dataForm.beLongRecyclerPhone }}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<jnpf-form-tip-item label="设备码二维码"
|
||||
prop="deviceCodeQr">
|
||||
<JnpfUploadImg v-model="dataForm.deviceCodeQr"
|
||||
disabled
|
||||
detailed :fileSize="100" sizeUnit="MB" :limit="1" pathType="defaultPath" :isAccount="0">
|
||||
</JnpfUploadImg>
|
||||
</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>
|
||||
</template>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
<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 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,
|
||||
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"
|
||||
|
||||
dataForm: {
|
||||
id :'',
|
||||
deviceCode : '',
|
||||
deviceName : '',
|
||||
city : [],
|
||||
address : '',
|
||||
useStatus : "0",
|
||||
status : "0",
|
||||
beLongCompanyId : [],
|
||||
beLongStationId : [],
|
||||
beLongRecyclerPhone : "",
|
||||
deviceCodeQr : [],
|
||||
ipAddress : '',
|
||||
boxWeight : '',
|
||||
latitude : '',
|
||||
longitude : '',
|
||||
creatorTime : "",
|
||||
creatorUserId : "",
|
||||
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" },
|
||||
beLongStationIdProps:{"label":"station_name","value":"id" ,"children":"children" },
|
||||
beLongRecyclerPhoneProps:{"label":"staffs_name","value":"mobile_phone" },
|
||||
export default {
|
||||
components: {Detail},
|
||||
props: [],
|
||||
data() {
|
||||
return {
|
||||
visible: false,
|
||||
detailVisible: false,
|
||||
loading: false,
|
||||
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
dataForm: {
|
||||
id: '',
|
||||
deviceCode: '',
|
||||
deviceName: '',
|
||||
city: [],
|
||||
address: '',
|
||||
useStatus: "0",
|
||||
status: "0",
|
||||
beLongCompanyId: [],
|
||||
beLongStationId: [],
|
||||
beLongRecyclerPhone: "",
|
||||
deviceCodeQr: [],
|
||||
ipAddress: '',
|
||||
boxWeight: '',
|
||||
latitude: '',
|
||||
longitude: '',
|
||||
creatorTime: "",
|
||||
creatorUserId: "",
|
||||
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"},
|
||||
beLongStationIdProps: {"label": "station_name", "value": "id", "children": "children"},
|
||||
beLongRecyclerPhoneProps: {"label": "staffs_name", "value": "mobile_phone"},
|
||||
|
||||
},
|
||||
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
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
watch: {},
|
||||
created() {
|
||||
|
||||
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/RecycleDevice/detail/'+this.dataForm.id,
|
||||
method: 'get'
|
||||
}).then(res => {
|
||||
this.dataInfo(res.data)
|
||||
this.loading = false
|
||||
})
|
||||
}
|
||||
},
|
||||
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
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue