yunxi
/
yueyueshu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

详情物料绑定

Browse Source
master
mhsnet 2 months ago
parent d2d13cd468
commit 7826ea7be0
1 changed files with 155 additions and 124 deletions
Show Stats Download Patch File Download Diff File

279
jnpf-java-boot/jnpf-web/src/views/yys/yysdevice/Detail.vue
Unescape View File

@ -1,137 +1,168 @@
<template> <template>
<el-dialog title="详情" <el-dialog
:close-on-click-modal="false" append-to-body title="详情"
:visible.sync="visible" class="JNPF-dialog JNPF-dialog_center" lock-scroll :close-on-click-modal="false"
width="600px"> append-to-body
<el-row :gutter="15" class=""> :visible.sync="visible"
<el-form ref="formRef" :model="dataForm" size="small" label-width="100px" label-position="right" > class="JNPF-dialog JNPF-dialog_center"
<template v-if="!loading"> lock-scroll
<el-col :span="24" > width="600px"
<jnpf-form-tip-item label="设备编号" >
prop="deviceCode" > <el-row :gutter="15" class="">
<p>{{dataForm.deviceCode}}</p> <el-form
</jnpf-form-tip-item> ref="formRef"
</el-col> :model="dataForm"
<el-col :span="24" > size="small"
<jnpf-form-tip-item label="设备名称" label-width="100px"
prop="deviceName" > label-position="right"
<p>{{dataForm.deviceName}}</p> >
</jnpf-form-tip-item> <template v-if="!loading">
</el-col> <el-col :span="24">
<el-col :span="24" > <jnpf-form-tip-item label="设备编号" prop="deviceCode">
<jnpf-form-tip-item label="所属部门" <p>{{ dataForm.deviceCode }}</p>
prop="deviceDept" > </jnpf-form-tip-item>
<p>{{dataForm.deviceDept}}</p> </el-col>
</jnpf-form-tip-item> <el-col :span="24">
</el-col> <jnpf-form-tip-item label="设备名称" prop="deviceName">
<el-col :span="24" > <p>{{ dataForm.deviceName }}</p>
<jnpf-form-tip-item label="8小时产量" </jnpf-form-tip-item>
prop="eightOutput" > </el-col>
<p>{{dataForm.eightOutput}}</p> <el-col :span="24">
</jnpf-form-tip-item> <jnpf-form-tip-item label="所属部门" prop="deviceDept">
</el-col> <p>{{ dataForm.deviceDept }}</p>
<el-col :span="24" > </jnpf-form-tip-item>
<jnpf-form-tip-item label="12小时产量" </el-col>
prop="twelveOutput" > <el-col :span="24">
<p>{{dataForm.twelveOutput}}</p> <jnpf-form-tip-item label="8小时产量" prop="eightOutput">
</jnpf-form-tip-item> <p>{{ dataForm.eightOutput }}</p>
</el-col> </jnpf-form-tip-item>
<el-col :span="24" > </el-col>
<jnpf-form-tip-item label="设备类型" <el-col :span="24">
prop="deivceType" > <jnpf-form-tip-item label="12小时产量" prop="twelveOutput">
<p>{{ dataForm.deivceType }} </p> <p>{{ dataForm.twelveOutput }}</p>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> </el-col>
<el-col :span="24" > <el-col :span="24">
<jnpf-form-tip-item label="启用状态" <jnpf-form-tip-item label="设备类型" prop="deivceType">
prop="enabledStatus" > <p>{{ dataForm.deivceType }}</p>
<p>{{ dataForm.enabledStatus }} </p> </jnpf-form-tip-item>
</jnpf-form-tip-item> </el-col>
</el-col> <el-col :span="24">
</template> <jnpf-form-tip-item label="启用状态" prop="enabledStatus">
</el-form> <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-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> </el-row>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="visible = false"> 取 消</el-button> <el-button @click="visible = false"> 取 消</el-button>
</span> </span>
<Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" /> <Detail v-if="detailVisible" ref="Detail" @close="detailVisible = false" />
</el-dialog> </el-dialog>
</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: "",
deviceCode : '', deviceCode: "",
deviceName : '', deviceName: "",
deviceDept : "", deviceDept: "",
eightOutput : '', eightOutput: "",
twelveOutput : '', twelveOutput: "",
deivceType : "", deivceType: "",
enabledStatus : "", enabledStatus: "",
}, data: []
deivceTypeOptions:[{"fullName":"生产线","id":"1"},{"fullName":"包装线","id":"2"},{"fullName":"其它","id":"3"}], },
deivceTypeProps:{"label":"fullName","value":"id" }, deivceTypeOptions: [
enabledStatusOptions:[{"fullName":"启用","id":"1"},{"fullName":"未启用","id":"2"}], { fullName: "生产线", id: "1" },
enabledStatusProps:{"label":"fullName","value":"id" }, { 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() {},
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/example/YysDevice/detail/" + this.dataForm.id,
method: "get"
}).then(res => {
this.dataInfo(res.data);
this.loading = false;
});
} }
}, });
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/example/YysDevice/detail/'+this.dataForm.id,
method: 'get'
}).then(res => {
this.dataInfo(res.data)
this.loading = false
})
}
})
},
},
} }
}
};
</script> </script>

Write Preview
Loading…
Cancel
Save