parent
8d30b18293
commit
78286eec75
@ -1,132 +1,126 @@
|
|||||||
<template>
|
<template>
|
||||||
<transition name="el-zoom-in-center">
|
<transition name="el-zoom-in-center">
|
||||||
<div class="JNPF-preview-main">
|
<div class="JNPF-preview-main">
|
||||||
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
|
||||||
<div class="JNPF-common-page-header">
|
<div class="JNPF-common-page-header">
|
||||||
<el-page-header @back="goBack"
|
<el-page-header @back="goBack" content="详情" />
|
||||||
content="详情"/>
|
<div class="options">
|
||||||
<div class="options">
|
<el-button @click="goBack">取 消</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" size="small" label-width="100px" label-position="right">
|
||||||
|
<template v-if="!loading">
|
||||||
|
<el-col :span="24">
|
||||||
|
<jnpf-form-tip-item label="单位名称" prop="unitName">
|
||||||
|
<p>{{ dataForm.unitName }}</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>
|
||||||
|
<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="unitType">
|
||||||
|
<p>{{ dataForm.unitType }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24">
|
||||||
|
<jnpf-form-tip-item label="来源" prop="source">
|
||||||
|
<p>{{ dataForm.source }}</p>
|
||||||
|
</jnpf-form-tip-item>
|
||||||
|
</el-col>
|
||||||
|
</template>
|
||||||
|
</el-form>
|
||||||
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</transition>
|
||||||
<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="unitName" >
|
|
||||||
<p>{{dataForm.unitName}}</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>
|
|
||||||
<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="unitType" >
|
|
||||||
<p>{{dataForm.unitType}}</p>
|
|
||||||
</jnpf-form-tip-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="24" >
|
|
||||||
<jnpf-form-tip-item label="来源"
|
|
||||||
prop="source" >
|
|
||||||
<p>{{dataForm.source}}</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: '',
|
||||||
unitName : '',
|
unitName: '',
|
||||||
remark : '',
|
remark: '',
|
||||||
status : "1",
|
status: "1",
|
||||||
unitType : "2",
|
unitType: "2",
|
||||||
source : "2",
|
source: "2",
|
||||||
creatorTime : "",
|
creatorTime: "",
|
||||||
creatorUserId : "",
|
creatorUserId: "",
|
||||||
lastModifyTime : "",
|
lastModifyTime: "",
|
||||||
lastModifyUserId : "",
|
lastModifyUserId: "",
|
||||||
},
|
},
|
||||||
statusProps:{"label":"fullName","value":"enCode" },
|
statusProps: { "label": "fullName", "value": "enCode" },
|
||||||
unitTypeProps:{"label":"fullName","value":"enCode" },
|
unitTypeProps: { "label": "fullName", "value": "enCode" },
|
||||||
sourceProps:{"label":"fullName","value":"enCode" },
|
sourceProps: { "label": "fullName", "value": "enCode" },
|
||||||
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
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
|
||||||
},
|
},
|
||||||
computed: {},
|
|
||||||
watch: {},
|
|
||||||
created() {
|
|
||||||
|
|
||||||
|
goBack() {
|
||||||
|
this.$emit('refresh')
|
||||||
},
|
},
|
||||||
mounted() {},
|
init(id) {
|
||||||
methods: {
|
this.dataForm.id = id || 0;
|
||||||
toDetail(defaultValue, modelId) {
|
this.visible = true;
|
||||||
if (!defaultValue) return
|
this.$nextTick(() => {
|
||||||
getConfigData(modelId).then(res => {
|
if (this.dataForm.id) {
|
||||||
if (!res.data || !res.data.formData) return
|
this.loading = true
|
||||||
let formData = JSON.parse(res.data.formData)
|
request({
|
||||||
formData.popupType = 'general'
|
url: '/api/scm/ProductUnitwarehouse/detail/' + this.dataForm.id,
|
||||||
this.detailVisible = true
|
method: 'get'
|
||||||
this.$nextTick(() => {
|
}).then(res => {
|
||||||
this.$refs.Detail.init(formData, modelId, defaultValue)
|
this.dataInfo(res.data)
|
||||||
|
this.loading = false
|
||||||
})
|
})
|
||||||
})
|
}
|
||||||
},
|
|
||||||
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/ProductUnitwarehouse/detail/'+this.dataForm.id,
|
|
||||||
method: 'get'
|
|
||||||
}).then(res => {
|
|
||||||
this.dataInfo(res.data)
|
|
||||||
this.loading = false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
})
|
||||||
},
|
|
||||||
},
|
},
|
||||||
}
|
},
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
Loading…
Reference in new issue