guochaojie
4 months ago
parent
6c17098da0
commit
9089f2e435
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,253 +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="110px" label-position="right" >
|
||||
<template v-if="!loading">
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="设备Id"
|
||||
prop="devId" >
|
||||
<p>{{ dataForm.devId }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="设备名"
|
||||
prop="devName" >
|
||||
<p>{{dataForm.devName}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="设备编号"
|
||||
prop="devSn" >
|
||||
<p>{{dataForm.devSn}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="机构"
|
||||
prop="orgId" >
|
||||
<p>{{ dataForm.orgId }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="msisdn"
|
||||
prop="msisdn" >
|
||||
<p>{{dataForm.msisdn}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="SIM卡号"
|
||||
prop="iccid" >
|
||||
<p>{{dataForm.iccid}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="imsi"
|
||||
prop="imsi" >
|
||||
<p>{{dataForm.imsi}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="卡状态"
|
||||
prop="statusType" >
|
||||
<p>{{ dataForm.statusType }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="运营商"
|
||||
prop="carrier" >
|
||||
<p>{{dataForm.carrier}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="套餐大小(M)"
|
||||
prop="dataPlan" >
|
||||
<JnpfNumber v-model="dataForm.dataPlan"
|
||||
placeholder="数字文本" disabled
|
||||
:step="1" thousands >
|
||||
</JnpfNumber>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="已用量(M)"
|
||||
prop="dataUsage" >
|
||||
<JnpfNumber v-model="dataForm.dataUsage"
|
||||
placeholder="数字文本" disabled
|
||||
:step="1" thousands >
|
||||
</JnpfNumber>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="剩余流量(M)"
|
||||
prop="dataBalance" >
|
||||
<JnpfNumber v-model="dataForm.dataBalance"
|
||||
placeholder="数字文本" disabled
|
||||
:step="1" thousands >
|
||||
</JnpfNumber>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="激活状态"
|
||||
prop="active" >
|
||||
<p>{{ dataForm.active }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="服务期止"
|
||||
prop="expiryDate" >
|
||||
<p>{{dataForm.expiryDate}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="同步日期"
|
||||
prop="updateTime" >
|
||||
<p>{{dataForm.updateTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="账号状态"
|
||||
prop="accountStatus" >
|
||||
<p>{{ dataForm.accountStatus }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="经销商"
|
||||
prop="dealer" >
|
||||
<p>{{dataForm.dealer}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="objectId"
|
||||
prop="objectId" >
|
||||
<p>{{dataForm.objectId}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="电源状态"
|
||||
prop="powerStatus" >
|
||||
<p>{{ dataForm.powerStatus }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="8" >
|
||||
<jnpf-form-tip-item label="短信支持"
|
||||
prop="supportSms" >
|
||||
<p>{{ dataForm.supportSms }} </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 :'',
|
||||
devId : "",
|
||||
devName : '',
|
||||
devSn : '',
|
||||
orgId : "",
|
||||
msisdn : '',
|
||||
iccid : '',
|
||||
imsi : '',
|
||||
statusType : "1",
|
||||
carrier : '',
|
||||
dataPlan : '',
|
||||
dataUsage : '',
|
||||
dataBalance : '',
|
||||
active : "1",
|
||||
expiryDate : '',
|
||||
updateTime : '',
|
||||
accountStatus : "1",
|
||||
dealer : '',
|
||||
objectId : '',
|
||||
powerStatus : "1",
|
||||
supportSms : "1",
|
||||
},
|
||||
devIdOptions:[{"fullName":"设备1","id":"1"},{"fullName":"设备2","id":"2"}],
|
||||
devIdProps:{"label":"fullName","value":"id" },
|
||||
orgIdOptions:[{"fullName":"机构A","id":"1"},{"fullName":"机构B","id":"2"}],
|
||||
orgIdProps:{"label":"fullName","value":"id" },
|
||||
statusTypeOptions:[{"fullName":"正常","id":"1"},{"fullName":"异常","id":"2"}],
|
||||
statusTypeProps:{"label":"fullName","value":"id" },
|
||||
activeOptions:[{"fullName":"激活","id":"1"},{"fullName":"未激活","id":"2"}],
|
||||
activeProps:{"label":"fullName","value":"id" },
|
||||
accountStatusOptions:[{"fullName":"正常","id":"1"},{"fullName":"异常","id":"2"}],
|
||||
accountStatusProps:{"label":"fullName","value":"id" },
|
||||
powerStatusOptions:[{"fullName":"正常","id":"1"},{"fullName":"异常","id":"2"}],
|
||||
powerStatusProps:{"label":"fullName","value":"id" },
|
||||
supportSmsOptions:[{"fullName":"支持","id":"1"},{"fullName":"不支持","id":"2"}],
|
||||
supportSmsProps:{"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/SimCard/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 one or more lines are too long
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
@ -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="110px" 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="SIM卡号"
|
||||
prop="iccid" >
|
||||
<p>{{dataForm.iccid}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="msisdn"
|
||||
prop="msisdn" >
|
||||
<p>{{dataForm.msisdn}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="imsi"
|
||||
prop="imsi" >
|
||||
<p>{{dataForm.imsi}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="运营商"
|
||||
prop="carrier" >
|
||||
<p>{{ dataForm.carrier }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="卡状态"
|
||||
prop="statusType" >
|
||||
<p>{{ dataForm.statusType }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="激活状态"
|
||||
prop="active" >
|
||||
<p>{{ dataForm.active }} </p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="套餐大小"
|
||||
prop="dataPlan" >
|
||||
<p>{{dataForm.dataPlan}}MB</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="已用流量"
|
||||
prop="dataUsage" >
|
||||
<p>{{dataForm.dataUsage}}MB</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="剩余流量"
|
||||
prop="dataBalance" >
|
||||
<p>{{dataForm.dataBalance}}MB</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="同步日期"
|
||||
prop="updateTime" >
|
||||
<p>{{dataForm.updateTime}}</p>
|
||||
</jnpf-form-tip-item>
|
||||
</el-col>
|
||||
<el-col :span="24" >
|
||||
<jnpf-form-tip-item label="服务期止"
|
||||
prop="expiryDate" >
|
||||
<p>{{dataForm.expiryDate}}</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 : "",
|
||||
iccid : '',
|
||||
msisdn : '',
|
||||
imsi : '',
|
||||
carrier : "",
|
||||
statusType : "2",
|
||||
active : "1",
|
||||
dataPlan : '',
|
||||
dataUsage : '',
|
||||
dataBalance : '',
|
||||
updateTime : '',
|
||||
expiryDate : '',
|
||||
},
|
||||
deviceCodeProps:{"label":"fullName","value":"id" },
|
||||
carrierOptions:[{"fullName":"中国移动","id":"YD"},{"fullName":"中国联通","id":"LT"},{"fullName":"中国电信","id":"DX"}],
|
||||
carrierProps:{"label":"fullName","value":"id" },
|
||||
statusTypeOptions:[{"fullName":"正常","id":"1"},{"fullName":"异常","id":"0"}],
|
||||
statusTypeProps:{"label":"fullName","value":"id" },
|
||||
activeOptions:[{"fullName":"激活","id":"1"},{"fullName":"未激活","id":"0"}],
|
||||
activeProps:{"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/SimCard/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 one or more lines are too long
Loading…
Reference in new issue