|
|
|
@ -1,55 +1,83 @@
|
|
|
|
|
<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" >
|
|
|
|
|
<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>
|
|
|
|
|
<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" >
|
|
|
|
|
<p>{{dataForm.deviceName}}</p>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label="设备名称" prop="deviceName">
|
|
|
|
|
<p>{{ dataForm.deviceName }}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="所属部门"
|
|
|
|
|
prop="deviceDept" >
|
|
|
|
|
<p>{{dataForm.deviceDept}}</p>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label="所属部门" prop="deviceDept">
|
|
|
|
|
<p>{{ dataForm.deviceDept }}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="8小时产量"
|
|
|
|
|
prop="eightOutput" >
|
|
|
|
|
<p>{{dataForm.eightOutput}}</p>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label="8小时产量" prop="eightOutput">
|
|
|
|
|
<p>{{ dataForm.eightOutput }}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="12小时产量"
|
|
|
|
|
prop="twelveOutput" >
|
|
|
|
|
<p>{{dataForm.twelveOutput}}</p>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label="12小时产量" prop="twelveOutput">
|
|
|
|
|
<p>{{ dataForm.twelveOutput }}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="设备类型"
|
|
|
|
|
prop="deivceType" >
|
|
|
|
|
<p>{{ dataForm.deivceType }} </p>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label="设备类型" prop="deivceType">
|
|
|
|
|
<p>{{ dataForm.deivceType }}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24" >
|
|
|
|
|
<jnpf-form-tip-item label="启用状态"
|
|
|
|
|
prop="enabledStatus" >
|
|
|
|
|
<p>{{ dataForm.enabledStatus }} </p>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label="启用状态" prop="enabledStatus">
|
|
|
|
|
<p>{{ dataForm.enabledStatus }}</p>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :span="24">
|
|
|
|
|
<jnpf-form-tip-item label-width="0">
|
|
|
|
|
<div class="JNPF-common-title">
|
|
|
|
|
<h2>绑定物料列表</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table :data="dataForm.data" size="mini">
|
|
|
|
|
<el-table-column label="设备编码">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.deviceCode }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="母件编码">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.materialId }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="母件名称">
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
{{ scope.row.materialName }}
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
</jnpf-form-tip-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</template>
|
|
|
|
|
</el-form>
|
|
|
|
|
</el-row>
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="visible = false"> 取 消</el-button>
|
|
|
|
@ -58,14 +86,14 @@
|
|
|
|
|
</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},
|
|
|
|
|
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 {
|
|
|
|
@ -74,64 +102,67 @@
|
|
|
|
|
loading: false,
|
|
|
|
|
|
|
|
|
|
dataForm: {
|
|
|
|
|
id :'',
|
|
|
|
|
deviceCode : '',
|
|
|
|
|
deviceName : '',
|
|
|
|
|
deviceDept : "",
|
|
|
|
|
eightOutput : '',
|
|
|
|
|
twelveOutput : '',
|
|
|
|
|
deivceType : "",
|
|
|
|
|
enabledStatus : "",
|
|
|
|
|
id: "",
|
|
|
|
|
deviceCode: "",
|
|
|
|
|
deviceName: "",
|
|
|
|
|
deviceDept: "",
|
|
|
|
|
eightOutput: "",
|
|
|
|
|
twelveOutput: "",
|
|
|
|
|
deivceType: "",
|
|
|
|
|
enabledStatus: "",
|
|
|
|
|
data: []
|
|
|
|
|
},
|
|
|
|
|
deivceTypeOptions:[{"fullName":"生产线","id":"1"},{"fullName":"包装线","id":"2"},{"fullName":"其它","id":"3"}],
|
|
|
|
|
deivceTypeProps:{"label":"fullName","value":"id" },
|
|
|
|
|
enabledStatusOptions:[{"fullName":"启用","id":"1"},{"fullName":"未启用","id":"2"}],
|
|
|
|
|
enabledStatusProps:{"label":"fullName","value":"id" },
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
deivceTypeOptions: [
|
|
|
|
|
{ fullName: "生产线", id: "1" },
|
|
|
|
|
{ fullName: "包装线", id: "2" },
|
|
|
|
|
{ fullName: "其它", id: "3" }
|
|
|
|
|
],
|
|
|
|
|
deivceTypeProps: { label: "fullName", value: "id" },
|
|
|
|
|
enabledStatusOptions: [
|
|
|
|
|
{ fullName: "启用", id: "1" },
|
|
|
|
|
{ fullName: "未启用", id: "2" }
|
|
|
|
|
],
|
|
|
|
|
enabledStatusProps: { label: "fullName", value: "id" }
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
computed: {},
|
|
|
|
|
watch: {},
|
|
|
|
|
created() {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
created() {},
|
|
|
|
|
mounted() {},
|
|
|
|
|
methods: {
|
|
|
|
|
toDetail(defaultValue, modelId) {
|
|
|
|
|
if (!defaultValue) return
|
|
|
|
|
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
|
|
|
|
|
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)
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
this.$refs.Detail.init(formData, modelId, defaultValue);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
dataInfo(dataAll){
|
|
|
|
|
let _dataAll =dataAll
|
|
|
|
|
this.dataForm = _dataAll
|
|
|
|
|
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
|
|
|
|
|
if (this.dataForm.id) {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
request({
|
|
|
|
|
url: '/api/example/YysDevice/detail/'+this.dataForm.id,
|
|
|
|
|
method: 'get'
|
|
|
|
|
url: "/api/example/YysDevice/detail/" + this.dataForm.id,
|
|
|
|
|
method: "get"
|
|
|
|
|
}).then(res => {
|
|
|
|
|
this.dataInfo(res.data)
|
|
|
|
|
this.loading = false
|
|
|
|
|
})
|
|
|
|
|
this.dataInfo(res.data);
|
|
|
|
|
this.loading = false;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|