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

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

@ -1,55 +1,83 @@
<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"
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"> <template v-if="!loading">
<el-col :span="24" > <el-col :span="24">
<jnpf-form-tip-item label="设备编号" <jnpf-form-tip-item label="设备编号" prop="deviceCode">
prop="deviceCode" > <p>{{ dataForm.deviceCode }}</p>
<p>{{dataForm.deviceCode}}</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="deviceName">
prop="deviceName" > <p>{{ dataForm.deviceName }}</p>
<p>{{dataForm.deviceName}}</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="deviceDept">
prop="deviceDept" > <p>{{ dataForm.deviceDept }}</p>
<p>{{dataForm.deviceDept}}</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="8小时产量" <jnpf-form-tip-item label="8小时产量" prop="eightOutput">
prop="eightOutput" > <p>{{ dataForm.eightOutput }}</p>
<p>{{dataForm.eightOutput}}</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="12小时产量" <jnpf-form-tip-item label="12小时产量" prop="twelveOutput">
prop="twelveOutput" > <p>{{ dataForm.twelveOutput }}</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="deivceType" > <p>{{ dataForm.deivceType }}</p>
<p>{{ dataForm.deivceType }} </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="enabledStatus">
prop="enabledStatus" > <p>{{ dataForm.enabledStatus }}</p>
<p>{{ dataForm.enabledStatus }} </p>
</jnpf-form-tip-item> </jnpf-form-tip-item>
</el-col> </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> </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> </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>
@ -58,14 +86,14 @@
</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 {
@ -74,64 +102,67 @@
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"}], deivceTypeOptions: [
deivceTypeProps:{"label":"fullName","value":"id" }, { fullName: "生产线", id: "1" },
enabledStatusOptions:[{"fullName":"启用","id":"1"},{"fullName":"未启用","id":"2"}], { fullName: "包装线", id: "2" },
enabledStatusProps:{"label":"fullName","value":"id" }, { fullName: "其它", id: "3" }
],
} deivceTypeProps: { label: "fullName", value: "id" },
enabledStatusOptions: [
{ fullName: "启用", id: "1" },
{ fullName: "未启用", id: "2" }
],
enabledStatusProps: { label: "fullName", value: "id" }
};
}, },
computed: {}, computed: {},
watch: {}, watch: {},
created() { created() {},
},
mounted() {}, mounted() {},
methods: { methods: {
toDetail(defaultValue, modelId) { toDetail(defaultValue, modelId) {
if (!defaultValue) return if (!defaultValue) return;
getConfigData(modelId).then(res => { getConfigData(modelId).then(res => {
if (!res.data || !res.data.formData) return if (!res.data || !res.data.formData) return;
let formData = JSON.parse(res.data.formData) let formData = JSON.parse(res.data.formData);
formData.popupType = 'general' formData.popupType = "general";
this.detailVisible = true this.detailVisible = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.Detail.init(formData, modelId, defaultValue) this.$refs.Detail.init(formData, modelId, defaultValue);
}) });
}) });
}, },
dataInfo(dataAll){ dataInfo(dataAll) {
let _dataAll =dataAll let _dataAll = dataAll;
this.dataForm = _dataAll this.dataForm = _dataAll;
}, },
init(id) { init(id) {
this.dataForm.id = id || 0; this.dataForm.id = id || 0;
this.visible = true; this.visible = true;
this.$nextTick(() => { this.$nextTick(() => {
if(this.dataForm.id){ if (this.dataForm.id) {
this.loading = true this.loading = true;
request({ request({
url: '/api/example/YysDevice/detail/'+this.dataForm.id, url: "/api/example/YysDevice/detail/" + this.dataForm.id,
method: 'get' method: "get"
}).then(res => { }).then(res => {
this.dataInfo(res.data) this.dataInfo(res.data);
this.loading = false this.loading = false;
}) });
} }
});
})
},
},
} }
}
};
</script> </script>

Write Preview
Loading…
Cancel
Save