chore: 初始化南京中车 APP
This commit is contained in:
yexingqiang
@@ -0,0 +1,225 @@
|
||||
<template>
|
||||
<div class="container" v-loading.fullscreen.lock="fullscreenLoading">
|
||||
|
||||
<div v-if='!isshow'>
|
||||
<div class="sel" style="margin-top: 120px;">
|
||||
<el-select v-model='车间' placeholder="请选择车间" clearable @change="search">
|
||||
<el-option v-for="(ele,index) in 车间数组" :key='index' :label='ele.text' :value="ele.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="sel">
|
||||
<el-select v-model='产线' placeholder="请选择产线" clearable @change="search2">
|
||||
<el-option v-for="(ele,index) in 产线数组" :key='index' :label='ele.text' :value="ele.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="sel">
|
||||
<el-select v-model='工单' placeholder="请选择工单" clearable @change="show">
|
||||
<el-option v-for="(ele,index) in 工单数组" :key='index' :label='ele.text' :value="ele.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dialog" v-if="isshow" width="100%" :before-close="handleClose">
|
||||
<div style="float: right;font-size: 24px;color: #409eff;margin-right: 10px;margin-top: 10px;margin-bottom:5px"><i @click='handleClose' class="el-icon-close"></i> </div>
|
||||
<el-table :data="list" stripe border style="width: 100%;font-size: 18px;" max-height="480px"
|
||||
:header-cell-style="{color: '#000',fonSize:'18px'}">
|
||||
<el-table-column prop="物料名称" align="center" label="物料名称" width="150">
|
||||
</el-table-column>
|
||||
<el-table-column prop="物料批次" align="center" label="物料批次" width="110">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="已配/应配">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.已领数量}}/{{scope.row.配送数量}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
|
||||
var requestConfig = window.dt_Config.requestConfig
|
||||
export default {
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
this.get()
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fullscreenLoading: false,
|
||||
车间: '',
|
||||
车间数组: [],
|
||||
工单: "",
|
||||
工单数组: [],
|
||||
产线:'',
|
||||
产线数组:[],
|
||||
isshow: false,
|
||||
list: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toFixed(num) {
|
||||
if (!isNaN(num)) {
|
||||
return ((num + '').indexOf('.') == -1) ? num : num.toFixed(6);
|
||||
}
|
||||
},
|
||||
init() {},
|
||||
get() {
|
||||
var data = this.CreateData(
|
||||
'Select',
|
||||
'基础表_车间',
|
||||
['车间id', '车间名称'], {}
|
||||
)
|
||||
this.ExecDatabase(data).then(res => {
|
||||
console.log(res)
|
||||
this.车间数组 = res.data.map(item => {
|
||||
return {
|
||||
value: item.车间id,
|
||||
text: item.车间名称
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
search() {
|
||||
this.工单 = ''
|
||||
this.工单数组 = []
|
||||
this.产线 = ''
|
||||
this.产线数组 = []
|
||||
let data = this.CreateData(
|
||||
'Select',
|
||||
'基础表_产线名称',
|
||||
['产线id', '产线名称'], {
|
||||
where: [{
|
||||
fieldname: '车间id',
|
||||
value: parseInt(this.车间)
|
||||
}]
|
||||
}
|
||||
)
|
||||
this.ExecDatabase(data).then(res=>{
|
||||
this.产线数组 = res.data.map(item => {
|
||||
return {
|
||||
value: item.产线id,
|
||||
text: item.产线名称
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
},
|
||||
search2(){
|
||||
this.工单数组 = []
|
||||
this.工单= ''
|
||||
let data2 = this.CreateData(
|
||||
'Select',
|
||||
'工单管理_工单信息视图',
|
||||
['工单id', '工单号'], {
|
||||
where: [{
|
||||
fieldname: '产线id',
|
||||
value: parseInt(this.产线)
|
||||
}]
|
||||
}
|
||||
)
|
||||
this.ExecDatabase(data2).then(res => {
|
||||
this.工单数组 = res.data.map(item => {
|
||||
return {
|
||||
value: item.工单id,
|
||||
text: item.工单号
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
show() {
|
||||
var data = this.CreateData(
|
||||
'Select',
|
||||
'仓储管理_物料配送单明细_视图',
|
||||
[
|
||||
'配送单id',
|
||||
'单据编号',
|
||||
'工单id',
|
||||
'配送单明细id',
|
||||
'物料编码',
|
||||
'规格型号',
|
||||
'物料名称',
|
||||
'单位',
|
||||
'配送数量',
|
||||
'物料批次',
|
||||
'已领数量',
|
||||
'线边已领数量',
|
||||
'生产订单',
|
||||
'生产产线',
|
||||
'车间id',
|
||||
'订单状态',
|
||||
'接收完成',
|
||||
'工位'
|
||||
],
|
||||
{
|
||||
where: [
|
||||
{
|
||||
fieldname: '工单id',
|
||||
value: this.工单,
|
||||
},
|
||||
],
|
||||
fieldOrder: ['配送数量 desc'],
|
||||
}
|
||||
)
|
||||
this.ExecDatabase(data).then((res) => {
|
||||
console.log(res)
|
||||
this.list = res.data
|
||||
})
|
||||
this.isshow = true
|
||||
},
|
||||
handleClose() {
|
||||
this.isshow = false
|
||||
this.list = []
|
||||
}
|
||||
|
||||
},
|
||||
computed: {},
|
||||
components: {},
|
||||
watch: {},
|
||||
props: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sel {
|
||||
width:100%;
|
||||
text-align: center;
|
||||
.el-select{
|
||||
width: 80%;
|
||||
margin: 20px 0;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
border: 1px solid #409eff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
/deep/ .el-input__inner {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
.dialog{
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
/deep/ .el-input__inner::placeholder {
|
||||
color: #000;
|
||||
text-align: center;
|
||||
}
|
||||
/deep/ .el-select .el-input__inner{
|
||||
color: #000;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,834 @@
|
||||
<template>
|
||||
<div class="container" v-loading.fullscreen.lock="fullscreenLoading">
|
||||
<div class="header">
|
||||
<el-input class="head-inp" placeholder="扫物料码/批次码" v-model="bm" clearable @clear='clearData()'>
|
||||
</el-input>
|
||||
<el-button @click="gxzjEventEvent" icon="el-icon-check" class="head-btn">确定</el-button>
|
||||
</div>
|
||||
<div class="content">
|
||||
<p class="form-item">
|
||||
<label class="form-item-label"><strong>*</strong>生产产线：</label>
|
||||
<el-select class="form-item-input" v-model="sccx" placeholder="请选择" @change="getscdd">
|
||||
<el-option v-for="item in sccxsz" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
||||
</el-select>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label"><strong>*</strong>检测类型：</label>
|
||||
<el-select class="form-item-input" v-model="jclx" placeholder="请选择">
|
||||
<el-option v-for="item in jclxsz" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
||||
</el-select>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label">物料名称：</label>
|
||||
<el-input class="form-item-input" placeholder="暂无数据" v-model="gxwl" readonly>
|
||||
</el-input>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label"><strong>*</strong>物料编码：</label>
|
||||
<el-input class="form-item-input" placeholder="暂无数据" v-model="wldh" readonly>
|
||||
</el-input>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label"><strong>*</strong>物料批次：</label>
|
||||
<el-input class="form-item-input" placeholder="暂无数据" v-model="wlpc" readonly>
|
||||
</el-input>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label">批次数量：</label>
|
||||
<el-input class="form-item-input" placeholder="暂无数据" v-model="pcsl" readonly>
|
||||
</el-input>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label">规格型号：</label>
|
||||
<el-input class="form-item-input" placeholder="暂无数据" v-model="ggxh" readonly>
|
||||
</el-input>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label"><strong>*</strong>生产订单：</label>
|
||||
<!-- <el-input class="form-item-input" placeholder="暂无数据" v-model="scdd" readonly>
|
||||
</el-input> -->
|
||||
<el-select class="form-item-input" v-model="scdd" placeholder="请选择">
|
||||
<el-option v-for="item in scddsz" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
||||
</el-select>
|
||||
</p>
|
||||
</div>
|
||||
<div class="foot">
|
||||
<el-button @click="furtherEvent(false)" icon="el-icon-close">不合格</el-button>
|
||||
<el-button @click="furtherEvent(true)" icon="el-icon-check">合格</el-button>
|
||||
</div>
|
||||
<el-dialog center top="5vh" :visible.sync="dialogVisible" width="90%" :show-close="false"
|
||||
:close-on-click-modal="false">
|
||||
<div class="dialogMain">
|
||||
<p class="form-item">
|
||||
<label class="form-item-label"><strong>*</strong>原因：</label>
|
||||
<el-select filterable class="form-item-input" v-model="bhgyy" placeholder="请选择">
|
||||
<el-option v-for="item in bhgyysz" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
||||
</el-select>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label"><strong>*</strong>处理：</label>
|
||||
<el-select class="form-item-input" v-model="bhgcl" placeholder="请选择">
|
||||
<el-option v-for="item in bhgclsz" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
||||
</el-select>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label"><strong>*</strong>数量：</label>
|
||||
<el-input-number class="form-item-input" v-model="bhgsl" :min="1" label="描述文字"></el-input-number>
|
||||
</p>
|
||||
<p class="form-item">
|
||||
<label class="form-item-label"> 备注：</label>
|
||||
<el-input class="form-item-input textarea1" type="textarea" :rows="2" placeholder="请输入内容" v-model="bz">
|
||||
</el-input>
|
||||
</p>
|
||||
<p class="form-item pz">
|
||||
<label class="form-item-label form-item-lastlabel"> 拍照：</label>
|
||||
<el-switch class="form-item-input switch1" v-model="sfsctp" active-color="#13ce66" inactive-color="#0052c0">
|
||||
</el-switch>
|
||||
</p>
|
||||
<p v-if="sfsctp" class="form-item tp">
|
||||
<el-upload id="invoiceScan" ref="upload" :multiple="true" :auto-upload="false" :on-success="uploadSuccess"
|
||||
:before-upload="beforeUpload" :on-exceed="warningExceed" :limit="5" :data="uploadImgData" :action="action1"
|
||||
list-type="picture-card">
|
||||
<i class="el-icon-plus" />
|
||||
</el-upload>
|
||||
</p>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button @click="bhgclEvent" icon="el-icon-check" type="primary">确
|
||||
定
|
||||
</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
//
|
||||
import request from '@/utils/request'
|
||||
var requestConfig = window.dt_Config.requestConfig
|
||||
export default {
|
||||
created () {
|
||||
|
||||
},
|
||||
mounted () {},
|
||||
data () {
|
||||
return {
|
||||
userInfo: null,
|
||||
pcsl: '',
|
||||
fullscreenLoading: false,
|
||||
action1: '',
|
||||
uploadImgData: {},
|
||||
sccx: '',
|
||||
sccxsz: [],
|
||||
gxwl: '',
|
||||
gdid: '',
|
||||
bm: '',
|
||||
jclx: '巡检',
|
||||
wldh: '',
|
||||
wlpc: '',
|
||||
ggxh: '',
|
||||
scdd: '',
|
||||
bhgyy: '',
|
||||
bhgcl: '',
|
||||
bhgsl: 1,
|
||||
bz: '',
|
||||
sfsctp: false,
|
||||
fileList: [],
|
||||
dialogVisible: false,
|
||||
scddsz: [],
|
||||
jclxsz: [ // 检测类型数组
|
||||
{
|
||||
label: '首检',
|
||||
value: '首检'
|
||||
}, {
|
||||
label: '巡检',
|
||||
value: '巡检'
|
||||
}, {
|
||||
label: '终检',
|
||||
value: '终检'
|
||||
}
|
||||
],
|
||||
bhgyysz: [],
|
||||
bhgclsz: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
init () {
|
||||
this.action1 = requestConfig
|
||||
this.userInfo = JSON.parse(localStorage.getItem('userInfo'))
|
||||
this.getcxlb()
|
||||
},
|
||||
clearData () {
|
||||
this.bm = ''
|
||||
this.sccx = ''
|
||||
this.jclx = '巡检'
|
||||
this.pcsl = ''
|
||||
this.scdd = ''
|
||||
this.gdid = ''
|
||||
this.gxwl = ''
|
||||
this.wldh = ''
|
||||
this.wlpc = ''
|
||||
this.ggxh = ''
|
||||
this.bhgyy = ''
|
||||
this.bhgcl = ''
|
||||
this.bhgsl = 1
|
||||
this.bz = ''
|
||||
this.sfsctp = false
|
||||
},
|
||||
getMqttMessage (newVal) {
|
||||
this.bm = newVal
|
||||
if (newVal) {
|
||||
if (!this.scdd) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请选择生产订单',
|
||||
duration: 1000
|
||||
})
|
||||
} else {
|
||||
if (newVal.length === 10) {
|
||||
this.gxzjEvent(newVal, '')
|
||||
} else {
|
||||
this.gxzjEvent('', newVal)
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
getscdd (val) {
|
||||
let data = {
|
||||
method: 'post',
|
||||
data: this.CreateData1('11', '质量管理_物料检测产线订单_查询', [
|
||||
['产线id', val]
|
||||
])
|
||||
}
|
||||
request(data).then(res => {
|
||||
let scddsz = []
|
||||
res.data.map(item => {
|
||||
item.label = item.工单号
|
||||
item.value = item.工单id
|
||||
scddsz.push(item)
|
||||
})
|
||||
this.scddsz = scddsz
|
||||
if (res.data.length > 0) {
|
||||
let idx = res.data.findIndex(tar => tar.工单状态 === 2)
|
||||
if (idx >= 0) {
|
||||
this.scdd = res.data[idx].工单id
|
||||
} else {
|
||||
this.scdd = res.data[0].工单id
|
||||
}
|
||||
} else {
|
||||
this.scdd = ''
|
||||
}
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
getcxlb () { // 获取生产产线
|
||||
let data = this.CreateData('Select', '基础表_产线名称', ['产线id', '产线名称'])
|
||||
const param = {
|
||||
method: 'post',
|
||||
data: data
|
||||
}
|
||||
this.fullscreenLoading = true
|
||||
request(param).then(res => {
|
||||
let sccxsz = []
|
||||
res.data.map(item => {
|
||||
sccxsz.push({
|
||||
label: item.产线名称,
|
||||
value: item.产线id
|
||||
})
|
||||
})
|
||||
this.sccxsz = sccxsz
|
||||
this.fullscreenLoading = false
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
this.fullscreenLoading = false
|
||||
if (err.code === 'ERR_NETWORK' || err.code === 'ECONNABORTED') {
|
||||
this.$message({
|
||||
duration: 1000,
|
||||
type: 'error',
|
||||
message: '网络错误'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
uploadSuccess (res) { // 上传成功回调
|
||||
this.$refs.upload.clearFiles()
|
||||
this.clearData()
|
||||
this.dialogVisible = false
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '操作成功',
|
||||
duration: 1000
|
||||
})
|
||||
this.fullscreenLoading = false
|
||||
},
|
||||
beforeUpload (file) { // 上传前检测
|
||||
const isJPG = /^image\/.*/.test(file.type)
|
||||
if (!isJPG) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '只能上传图片',
|
||||
duration: 1000
|
||||
})
|
||||
}
|
||||
return isJPG
|
||||
},
|
||||
warningExceed () {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '仅可上传五张照片',
|
||||
duration: 1000
|
||||
})
|
||||
},
|
||||
getbhgclsz () { // 获取不合格处理数组
|
||||
return new Promise((resolve, reject) => {
|
||||
let data = this.CreateData('Select', '质量管理_不合格处理', ['不合格处理id', '不合格处理'])
|
||||
const param = {
|
||||
method: 'post',
|
||||
data: data
|
||||
}
|
||||
request(param).then(res => {
|
||||
let bhgclsz = []
|
||||
res.data.map(item => {
|
||||
bhgclsz.push({
|
||||
label: item.不合格处理,
|
||||
value: item.不合格处理id
|
||||
})
|
||||
})
|
||||
this.bhgclsz = bhgclsz
|
||||
resolve('')
|
||||
}).catch(err => {
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
},
|
||||
getbhgyysz () { // 获取不合格原因数组
|
||||
return new Promise((resolve, reject) => {
|
||||
let data = this.CreateData('Select', '质量管理_不合格原因', ['不合格原因id', '不合格原因', '代码'])
|
||||
const param = {
|
||||
method: 'post',
|
||||
data: data
|
||||
}
|
||||
request(param).then(res => {
|
||||
let bhgyysz = []
|
||||
res.data.map(item => {
|
||||
bhgyysz.push({
|
||||
label: item.不合格原因 + item.代码,
|
||||
value: item.不合格原因id
|
||||
})
|
||||
})
|
||||
this.bhgyysz = bhgyysz
|
||||
resolve('')
|
||||
}).catch(err => {
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 扫码确定
|
||||
*/
|
||||
gxzjEventEvent () {
|
||||
if (!this.bm) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请输入编码',
|
||||
duration: 1000
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.scdd) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请选择生产订单',
|
||||
duration: 1000
|
||||
})
|
||||
return
|
||||
}
|
||||
if (this.bm.length === 10) {
|
||||
this.gxzjEvent(this.bm, '')
|
||||
} else {
|
||||
this.gxzjEvent('', this.bm)
|
||||
}
|
||||
},
|
||||
async furtherEvent (val) { // 合格不合格事件
|
||||
if (this.jclx && this.sccx && this.scdd && this.wlpc && this.wldh) {
|
||||
if (val) { // 合格处理
|
||||
this.hgclEvent()
|
||||
} else { // 不合格处理
|
||||
this.fullscreenLoading = true
|
||||
try {
|
||||
await this.getbhgclsz()
|
||||
await this.getbhgyysz()
|
||||
if (this.pcsl && this.pcsl > 0) {
|
||||
this.bhgsl = JSON.parse(JSON.stringify(this.pcsl))
|
||||
}
|
||||
this.dialogVisible = true
|
||||
} catch (err) {
|
||||
if (err.code === 'ERR_NETWORK' || err.code === 'ECONNABORTED') {
|
||||
this.$message({
|
||||
duration: 1000,
|
||||
type: 'error',
|
||||
message: '网络错误'
|
||||
})
|
||||
}
|
||||
} finally {
|
||||
this.fullscreenLoading = false
|
||||
}
|
||||
}
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请确保必要字段存在数据',
|
||||
duration: 1000
|
||||
})
|
||||
}
|
||||
},
|
||||
bhgclEvent () { // 不合格处理
|
||||
if (!this.bhgcl || !this.bhgyy) {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请选择不合格处理与不合格原因',
|
||||
duration: 1000
|
||||
})
|
||||
return
|
||||
}
|
||||
let param = []
|
||||
param[0] = ['检测人', this.$store.state.userInfo.人员编号]
|
||||
param[1] = ['备注', this.bz]
|
||||
param[2] = ['不合格处理', this.bhgcl] // this.bhgyy.value
|
||||
param[3] = ['不合格原因', this.bhgyy] // this.bhgcl.value
|
||||
param[4] = ['工位id', 1]
|
||||
param[5] = ['是否合格', 0]
|
||||
param[6] = ['检测类型', this.jclx]
|
||||
param[7] = ['物料码', this.wldh]
|
||||
param[8] = ['物料名称', this.gxwl]
|
||||
param[9] = ['产品名称', '111']
|
||||
param[10] = ['物料批次', this.wlpc]
|
||||
param[11] = ['规格型号', this.ggxh]
|
||||
param[12] = ['操作者', this.czz]
|
||||
param[13] = ['不合格数量', this.bhgsl]
|
||||
param[14] = ['工单id', this.gdid]
|
||||
param[15] = ['质量id', '1111', 'int', '1']
|
||||
param[16] = ['数据类型', 2]
|
||||
let data = {
|
||||
method: 'post',
|
||||
data: this.CreateData1('12', '质量管理_工序质检_不合格处理', param)
|
||||
}
|
||||
this.fullscreenLoading = true
|
||||
request(data).then(res => {
|
||||
if (this.sfsctp && this.$refs.upload.$data.uploadFiles.length > 0) {
|
||||
this.bhgscEvent(res.data.output[0].质量id)
|
||||
} else {
|
||||
if (res.data.result[0].result === '1') {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '操作成功',
|
||||
duration: 1000
|
||||
})
|
||||
this.clearData()
|
||||
this.dialogVisible = false
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: '操作失败',
|
||||
duration: 1000
|
||||
})
|
||||
}
|
||||
this.fullscreenLoading = false
|
||||
}
|
||||
}).catch(err => {
|
||||
this.fullscreenLoading = false
|
||||
if (err.code === 'ERR_NETWORK' || err.code === 'ECONNABORTED') {
|
||||
this.$message({
|
||||
duration: 1000,
|
||||
type: 'error',
|
||||
message: '网络错误'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
bhgscEvent (id) { // 不合格图片上传
|
||||
var param = []
|
||||
param[0] = ['质量id', id]
|
||||
param[1] = ['文件名称', '']
|
||||
param[2] = ['文件后缀', '']
|
||||
param[3] = ['文件内容', null]
|
||||
var Data1 = this.CreateData1('15', 'PDA_文件存储_增加', param)
|
||||
this.uploadImgData.param = Data1
|
||||
this.$refs.upload.submit()
|
||||
},
|
||||
hgclEvent () { // 合格处理
|
||||
let param = []
|
||||
param[0] = ['检测人', this.$store.state.userInfo.人员编号]
|
||||
param[1] = ['工位id', 1]
|
||||
param[2] = ['是否合格', 1]
|
||||
param[3] = ['检测类型', this.jclx]
|
||||
param[4] = ['物料码', this.wldh]
|
||||
param[5] = ['物料名称', this.gxwl]
|
||||
param[6] = ['产品名称', '111']
|
||||
param[7] = ['物料批次', this.wlpc]
|
||||
param[8] = ['规格型号', this.ggxh]
|
||||
param[9] = ['操作者', this.czz]
|
||||
param[10] = ['工单id', this.gdid]
|
||||
param[11] = ['数据类型', 2]
|
||||
let data = {
|
||||
method: 'post',
|
||||
data: this.CreateData1('12', '质量管理_工序质检_合格处理', param)
|
||||
}
|
||||
this.fullscreenLoading = true
|
||||
request(data).then(res => {
|
||||
if (res.data[0].result === '1') {
|
||||
this.clearData()
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '操作成功',
|
||||
duration: 1000
|
||||
})
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'error',
|
||||
message: '操作失败',
|
||||
duration: 1000
|
||||
})
|
||||
}
|
||||
this.fullscreenLoading = false
|
||||
}).catch(err => {
|
||||
this.fullscreenLoading = false
|
||||
if (err.code === 'ERR_NETWORK' || err.code === 'ECONNABORTED') {
|
||||
this.$message({
|
||||
duration: 1000,
|
||||
type: 'error',
|
||||
message: '网络错误'
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 查询信息
|
||||
*/
|
||||
gxzjEvent (wlbm, wlpc) { // 工序质检
|
||||
let whereArr = []
|
||||
let gd = this.scddsz.find(tar => tar.工单id === this.scdd)
|
||||
if (wlbm) {
|
||||
whereArr = [{
|
||||
fieldname: '物料编码',
|
||||
value: wlbm
|
||||
}, {
|
||||
fieldname: '生产订单',
|
||||
value: gd ? gd.工单号 : ''
|
||||
}]
|
||||
} else {
|
||||
whereArr = [{
|
||||
fieldname: '物料批次',
|
||||
value: wlpc
|
||||
}, {
|
||||
fieldname: '生产订单',
|
||||
value: gd ? gd.工单号 : ''
|
||||
}]
|
||||
}
|
||||
const data = this.CreateData(
|
||||
'Select',
|
||||
'仓储管理_物料配送单明细_视图',
|
||||
['单据编号', '是否接收', '工单id', '配送单明细id', '物料编码', '规格型号', '物料名称', '单位', '配送数量', '物料批次', '已领数量',
|
||||
'线边已领数量', '生产订单', '生产产线'
|
||||
], {
|
||||
where: whereArr
|
||||
}
|
||||
)
|
||||
const param = {
|
||||
method: 'post',
|
||||
data: data
|
||||
}
|
||||
this.fullscreenLoading = true
|
||||
request(param).then(res => {
|
||||
if (res.data.length > 0) {
|
||||
this.gxwl = res.data[0].物料名称
|
||||
this.wldh = res.data[0].物料编码
|
||||
this.wlpc = res.data[0].物料批次
|
||||
this.ggxh = res.data[0].规格型号
|
||||
this.gdid = res.data[0].工单id
|
||||
this.pcsl = res.data[0].配送数量
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '无数据',
|
||||
duration: 1000
|
||||
})
|
||||
}
|
||||
this.fullscreenLoading = false
|
||||
}).catch(err => {
|
||||
this.fullscreenLoading = false
|
||||
if (err.code === 'ERR_NETWORK' || err.code === 'ECONNABORTED') {
|
||||
this.$message({
|
||||
duration: 1000,
|
||||
type: 'error',
|
||||
message: '网络错误'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
components: {},
|
||||
watch: {},
|
||||
props: {}
|
||||
}
|
||||
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
/deep/.header {
|
||||
padding: 1rem 1rem 1rem 2rem;
|
||||
display: flex;
|
||||
height: 4rem;
|
||||
|
||||
.head-inp {
|
||||
|
||||
.el-input__inner {
|
||||
font-size: 2rem;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.head-btn {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
display: block;
|
||||
width: 15rem;
|
||||
margin-left: 1rem;
|
||||
font-size: 1.8rem;
|
||||
border-radius: 0.5rem;
|
||||
background-color: rgba(0, 82, 192, 0.1);
|
||||
color: #0052c0;
|
||||
border: 1px solid #7da7df;
|
||||
}
|
||||
}
|
||||
|
||||
/deep/.form-item {
|
||||
font-size: 2rem;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.form-item-label {
|
||||
width: 30%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
strong {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
.form-item-input {
|
||||
width: 68%;
|
||||
font-size: 2rem;
|
||||
|
||||
.el-input__inner {
|
||||
font-size: 2rem;
|
||||
border: 0;
|
||||
background-color: #f9fdff;
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #5a8fd7;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
.el-input__inner {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #5a8fd7;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.el-input__inner {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #5a8fd7;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
.el-input__inner {
|
||||
border-radius: 5px;
|
||||
border: 1px solid #5a8fd7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/deep/.foot {
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 6rem;
|
||||
position: relative;
|
||||
bottom: 0rem;
|
||||
|
||||
.el-button {
|
||||
width: 18rem;
|
||||
background-color: #c70019;
|
||||
color: #fff;
|
||||
height: 6rem;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.el-button:last-child {
|
||||
background-color: #0052c0;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
overflow: auto;
|
||||
height: calc(90% - 12rem);
|
||||
min-height: 60vh;
|
||||
|
||||
.form-item {
|
||||
&:nth-child(2) {
|
||||
.form-item-input {
|
||||
width: 40%
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/deep/.el-dialog__header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/deep/.el-dialog__body {
|
||||
padding-bottom: 0;
|
||||
padding: 30px 5px;
|
||||
}
|
||||
|
||||
/deep/.el-dialog__footer {
|
||||
padding: 0.1rem;
|
||||
}
|
||||
|
||||
/deep/.dialog-footer {
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.el-button {
|
||||
width: 16rem;
|
||||
font-size: 2rem;
|
||||
|
||||
&:first-child {
|
||||
background-color: #aaaaaa;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
background-color: #0052c0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.dialogMain {
|
||||
/deep/.form-item {
|
||||
width: 100%;
|
||||
padding: 0 0rem;
|
||||
margin-top: 2rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.form-item-label {
|
||||
font-size: 2rem;
|
||||
width: fit-content;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
|
||||
strong {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
|
||||
.form-item-input {
|
||||
width: max-content;
|
||||
font-size: 2rem;
|
||||
border-radius: 0.3rem;
|
||||
|
||||
.el-input__inner {
|
||||
font-size: 2rem;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #6294d8;
|
||||
}
|
||||
|
||||
.el-input-number__increase {
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.el-input-number__decrease {
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.textarea1 {
|
||||
width: -webkit-fill-available;
|
||||
|
||||
.el-textarea__inner {
|
||||
border: 1px solid #6294d8;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.pz {
|
||||
.form-item-lastlabel {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.switch1 {
|
||||
width: max-content;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.tp {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/deep/.el-upload-list--picture-card {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/deep/.el-upload-list--picture-card .el-upload-list__item {
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
}
|
||||
|
||||
/deep/.el-upload--picture-card {
|
||||
width: 10rem;
|
||||
display: flex;
|
||||
height: 10rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,343 @@
|
||||
<template>
|
||||
<div class="container" v-loading.fullscreen.lock="fullscreenLoading">
|
||||
<div v-if="!dialogVisible">
|
||||
<el-table
|
||||
:data="list"
|
||||
stripe
|
||||
border
|
||||
style="width: 100%; font-size: 18px"
|
||||
max-height="550px"
|
||||
:header-cell-style="{ color: '#000', fonSize: '16px' }"
|
||||
@row-click="rowclick"
|
||||
>
|
||||
<el-table-column prop="车间名称" align="center" label="车间" width="80">
|
||||
</el-table-column>
|
||||
<el-table-column prop="工位编号" align="center" label="工位" width="70">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="物料名称"
|
||||
align="center"
|
||||
label="物料名称"
|
||||
width="135"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="数量" label="数量">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div
|
||||
v-if="dialogVisible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
:before-close="handleClose"
|
||||
class="dialog"
|
||||
>
|
||||
<div>
|
||||
<i
|
||||
@click="handleClose()"
|
||||
class="el-icon-close"
|
||||
style="
|
||||
font-size: 24px;
|
||||
color: #409eff;
|
||||
margin-bottom: 10px;
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
"
|
||||
></i>
|
||||
</div>
|
||||
<div class="top">
|
||||
<input type="text" v-model="bm" placeholder="扫料箱物料码" />
|
||||
<el-button @click="buttonok">
|
||||
<i class="el-icon-check"></i> 确定</el-button
|
||||
>
|
||||
</div>
|
||||
<div>
|
||||
<el-form ref="form" :model="obj" label-width="100px" class="form">
|
||||
<el-form-item label="呼叫产线">
|
||||
<el-input v-model="obj.产线名称" class="inp" disabled></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="呼叫工位">
|
||||
<el-input v-model="obj.工位编号" class="inp" disabled></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="物料名称">
|
||||
<el-input v-model="obj.物料名称" class="inp" disabled></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="规格型号">
|
||||
<el-input v-model="obj.规格" class="inp" disabled></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="呼叫数量">
|
||||
<el-input v-model="obj.数量" class="inp" disabled> </el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="已领数量">
|
||||
<el-input v-model="obj.已领数量" class="inp" disabled></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="本次配送" class="peisong">
|
||||
<el-input v-model="sum"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div @click="buliaook" class="ok">
|
||||
<i class="el-icon-check"></i> 补料完成
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
import { init } from '@/utils/mqttStart.js'
|
||||
var mqttUrl = window.dt_Config.mqttUrl
|
||||
export default {
|
||||
mounted() {
|
||||
this.get()
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fullscreenLoading: false,
|
||||
dialogVisible: false,
|
||||
isshow: false,
|
||||
list: [],
|
||||
obj: {},
|
||||
bm: '',
|
||||
mqttConnection: {
|
||||
host: '192.168.30.201',
|
||||
port: '8083',
|
||||
endpoint: '/mqtt',
|
||||
clean: true, // 保留会话
|
||||
connectTimeout: 4000, // 超时时间
|
||||
reconnectPeriod: 4000, // 重连时间间隔
|
||||
clientId: '', // 同一个ID 无法二次连接 PDABarCode
|
||||
username: '',
|
||||
password: '',
|
||||
},
|
||||
subscription: {
|
||||
topic: 'MesBarCode',
|
||||
qos: 0,
|
||||
},
|
||||
publication: {
|
||||
topic: 'PDABarCode',
|
||||
qos: 0,
|
||||
payload: '',
|
||||
},
|
||||
sum: 0,
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.mqttConnection.host = mqttUrl
|
||||
// localStorage.pdaId=JSON.stringify('PDA_5X_GF9_ZP')/ /
|
||||
|
||||
let pdaId = 'PDA_5X_CK2_KK'
|
||||
console.log(pdaId, 11111)
|
||||
if (pdaId) {
|
||||
init(pdaId, this.mqttConnection, this.subscription, this.publication)
|
||||
} else {
|
||||
this.$router.push({
|
||||
name: 'main',
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
buliaook() {
|
||||
var param = []
|
||||
param[0] = ['id', this.obj.id]
|
||||
param[1] = ['本次配送', parseFloat(this.sum)]
|
||||
var data = this.CreateData1('12', '仓储管理_缺料呼叫_补料', param)
|
||||
this.ExecDatabase(data).then((res) => {
|
||||
console.log(res)
|
||||
if (res.data[0].result == '1') {
|
||||
this.$message({
|
||||
message: '补料成功',
|
||||
type: 'success',
|
||||
})
|
||||
this.dialogVisible = false
|
||||
this.sum = 0
|
||||
this.get()
|
||||
}
|
||||
})
|
||||
},
|
||||
buttonok() {
|
||||
let arr = this.bm.split(';')
|
||||
if (arr[1] == this.obj.物料编号) {
|
||||
this.bm = arr[1]
|
||||
this.sum = parseFloat(this.sum) + parseFloat(arr[3])
|
||||
} else {
|
||||
this.$message({
|
||||
message: '物料批次不满足先进先出，不能出库。',
|
||||
type: 'warning',
|
||||
})
|
||||
}
|
||||
},
|
||||
init() {},
|
||||
getmsg(newVal) {
|
||||
this.bm = ''
|
||||
this.bm = newVal
|
||||
let arr = newVal.split(';')
|
||||
if (arr[1] == this.obj.物料编号) {
|
||||
this.bm = arr[1]
|
||||
this.sum = parseFloat(this.sum) + parseFloat(arr[3])
|
||||
} else {
|
||||
this.$message({
|
||||
message: '物料批次不满足先进先出，不能出库。',
|
||||
type: 'warning',
|
||||
})
|
||||
}
|
||||
},
|
||||
handleClose() {
|
||||
this.sum = 0
|
||||
this.bm = ''
|
||||
this.dialogVisible = false
|
||||
this.obj = {}
|
||||
},
|
||||
rowclick(row) {
|
||||
console.log(row)
|
||||
this.obj = row
|
||||
this.dialogVisible = true
|
||||
},
|
||||
toFixed(num) {
|
||||
if (!isNaN(num)) {
|
||||
return (num + '').indexOf('.') == -1 ? num : num.toFixed(6)
|
||||
}
|
||||
},
|
||||
get() {
|
||||
var data = this.CreateData(
|
||||
'Select',
|
||||
'看板管理_物料需求_查询视图',
|
||||
[
|
||||
'车间名称',
|
||||
'物料名称',
|
||||
'规格',
|
||||
'数量',
|
||||
'需求时间',
|
||||
'工位编号',
|
||||
'id',
|
||||
'产线名称',
|
||||
'已领数量',
|
||||
'物料编号',
|
||||
],
|
||||
{
|
||||
where: [
|
||||
{
|
||||
fieldname: '数量',
|
||||
logic: '>',
|
||||
value: 0,
|
||||
},
|
||||
],
|
||||
}
|
||||
)
|
||||
this.ExecDatabase(data).then((res) => {
|
||||
console.log(res, '数据')
|
||||
res.data.map((ele) => {
|
||||
ele.数量 = this.toFixed(ele.数量)
|
||||
ele.需求时间 = ele.需求时间.slice(0, 5)
|
||||
})
|
||||
this.list = res.data
|
||||
})
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
getMqttMsg() {
|
||||
return this.$store.state.mqttMsg
|
||||
},
|
||||
},
|
||||
components: {},
|
||||
watch: {
|
||||
getMqttMsg: {
|
||||
handler: function (newVal) {
|
||||
if (newVal) {
|
||||
this.getmsg(newVal)
|
||||
}
|
||||
// console.log(newVal)
|
||||
setTimeout(() => {
|
||||
this.$store.dispatch('saveMqttMsg', '')
|
||||
})
|
||||
},
|
||||
},
|
||||
},
|
||||
props: {},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.top {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border: 1px solid #0052c0;
|
||||
|
||||
input {
|
||||
outline: 0;
|
||||
width: 80%;
|
||||
border: 0;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
border: 0;
|
||||
border-left: 1px solid #0052c0;
|
||||
color: #0052c0;
|
||||
background: #f3f7fc;
|
||||
}
|
||||
}
|
||||
|
||||
.form {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
/deep/ .el-form-item__label {
|
||||
font-size: 18px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/deep/ .el-input__inner {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.inp {
|
||||
border: 0 !important;
|
||||
outline: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dialog {
|
||||
width: 90%;
|
||||
height: 100%;
|
||||
margin: 0 !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 20px;
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
/deep/ .el-dialog__body {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.ok {
|
||||
width: 111%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
background-color: #0052c0;
|
||||
color: #fff;
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
|
||||
/deep/ .el-form-item {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,346 @@
|
||||
<template>
|
||||
<div class="container" v-loading.fullscreen.lock="fullscreenLoading">
|
||||
<!-- <p class="quit"> <i @click='quit' class="el-icon-arrow-left"></i> </p> -->
|
||||
<div class="main " style="margin-top:80px">
|
||||
<el-select v-model='车间' placeholder="请选择车间" clearable @change="search">
|
||||
<el-option v-for="(ele,index) in 车间数组" :key='index' :label='ele.text' :value="ele.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="main">
|
||||
<el-select v-model='产线' placeholder="请选择产线" clearable @change="search2">
|
||||
<el-option v-for="(ele,index) in 产线数组" :key='index' :label='ele.text' :value="ele.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="main">
|
||||
<el-select v-model='工单' placeholder="请选择工单" clearable @change="Selection">
|
||||
<el-option v-for="(ele,index) in 工单数组" :key='index' :label='ele.text' :value="ele.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="main">
|
||||
<el-select v-model='配送单' placeholder="请选择配送单" clearable>
|
||||
<el-option v-for="(ele,index) in 配送单数组" :key='index' :label='ele.text' :value="ele.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div @click='to' class="foot">
|
||||
确定
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
var requestConfig = window.dt_Config.requestConfig
|
||||
export default {
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
console.log(this.车间)
|
||||
this.get()
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
userInfo: null,
|
||||
fullscreenLoading: false,
|
||||
action1: '',
|
||||
车间: '',
|
||||
车间数组: [],
|
||||
产线: '',
|
||||
产线数组: [],
|
||||
工单: '',
|
||||
工单数组: [],
|
||||
配送单: '',
|
||||
配送单数组: [],
|
||||
obj: {
|
||||
车间: '',
|
||||
产线: '',
|
||||
工单: '',
|
||||
配送单: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
init() {
|
||||
this.action1 = requestConfig
|
||||
|
||||
this.userInfo = JSON.parse(localStorage.getItem('userInfo'))
|
||||
},
|
||||
|
||||
getMqttMessage(newVal) {
|
||||
|
||||
},
|
||||
search2() {
|
||||
if (this.产线 == '') {
|
||||
this.工单数组 = []
|
||||
this.配送单数组 = []
|
||||
this.工单 = ''
|
||||
this.配送单 = ''
|
||||
}
|
||||
this.工单数组 = []
|
||||
this.配送单数组 = []
|
||||
this.工单 = ''
|
||||
this.配送单 = ''
|
||||
let data2 = this.CreateData(
|
||||
'Select',
|
||||
'工单管理_工单信息视图',
|
||||
['工单id', '工单号'], {
|
||||
where: [{
|
||||
fieldname: '产线id',
|
||||
value: parseInt(this.产线)
|
||||
},
|
||||
{
|
||||
fieldname: '是否领完',
|
||||
value: 0
|
||||
}
|
||||
]
|
||||
}
|
||||
)
|
||||
this.ExecDatabase(data2).then(res => {
|
||||
this.工单数组 = res.data.map(item => {
|
||||
return {
|
||||
value: item.工单id,
|
||||
text: item.工单号
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
get() {
|
||||
var data = this.CreateData(
|
||||
'Select',
|
||||
'基础表_车间',
|
||||
['车间id', '车间名称'], {}
|
||||
)
|
||||
this.ExecDatabase(data).then(res => {
|
||||
this.车间数组 = res.data.map(item => {
|
||||
return {
|
||||
value: item.车间id,
|
||||
text: item.车间名称
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
search() {
|
||||
if(this.车间 == ''){
|
||||
localStorage.setItem('车间', '')
|
||||
localStorage.setItem('产线','')
|
||||
localStorage.setItem('工单','')
|
||||
localStorage.setItem('配送单','')
|
||||
}
|
||||
this.产线数组 = []
|
||||
this.工单数组 = []
|
||||
this.配送单数组 = []
|
||||
this.产线 = ''
|
||||
this.工单 = ''
|
||||
this.配送单 = ''
|
||||
let data = this.CreateData(
|
||||
'Select',
|
||||
'基础表_产线名称',
|
||||
['产线id', '产线名称'], {
|
||||
where: [{
|
||||
fieldname: '车间id',
|
||||
value: parseInt(this.车间)
|
||||
}]
|
||||
}
|
||||
)
|
||||
this.ExecDatabase(data).then(res => {
|
||||
this.产线数组 = res.data.map(item => {
|
||||
return {
|
||||
value: item.产线id,
|
||||
text: item.产线名称
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
},
|
||||
Selection() {
|
||||
this.配送单数组 = []
|
||||
|
||||
this.配送单 = ''
|
||||
// var param = []
|
||||
// param[0] = ['工单id',this.工单]
|
||||
// var data = this.CreateData1(11,'物料管理_配送单列表',param)
|
||||
|
||||
// this.ExecDatabase(data).then(res=>{
|
||||
// this.配送单数组 = res.data.map(item => {
|
||||
// return {
|
||||
// value: item.单据编号,
|
||||
// text: item.单据编号
|
||||
// }
|
||||
// })
|
||||
// })
|
||||
var param = []
|
||||
param[0] = ['工单id', this.工单]
|
||||
var data = this.CreateData1(11, '物料管理_配送单列表', param)
|
||||
|
||||
this.ExecDatabase(data).then((res) => {
|
||||
this.配送单数组 = res.data.map(item => {
|
||||
return {
|
||||
value: item.单据编号,
|
||||
text: item.单据编号
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
},
|
||||
to() {
|
||||
if (this.配送单 == '') {
|
||||
this.$message({
|
||||
message: '请选择配送单',
|
||||
type: 'warning'
|
||||
})
|
||||
} else {
|
||||
|
||||
this.$router.push({
|
||||
path: '/peisong',
|
||||
query: {
|
||||
配送单: this.配送单
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
// 变成 /user?id=2
|
||||
|
||||
},
|
||||
quit() {
|
||||
this.产线 = ''
|
||||
this.工单 = ''
|
||||
this.配送单 = ''
|
||||
this.车间 = ''
|
||||
this.$router.replace('/')
|
||||
|
||||
}
|
||||
},
|
||||
computed: {},
|
||||
components: {},
|
||||
watch: {},
|
||||
props: {},
|
||||
// deactivated() {
|
||||
// console.log('离开', this.obj)
|
||||
// this.obj.车间 = this.车间
|
||||
// this.obj.产线 = this.产线
|
||||
// this.obj.工单 = this.工单
|
||||
// this.obj.配送单 = this.配送单
|
||||
// },
|
||||
// activated() {
|
||||
// console.log('进入', localStorage.getItem('产线'))
|
||||
// let data = this.CreateData(
|
||||
// 'Select',
|
||||
// '基础表_产线名称',
|
||||
// ['产线id', '产线名称'], {
|
||||
// where: [{
|
||||
// fieldname: '车间id',
|
||||
// value: parseInt(localStorage.getItem('车间')) || ''
|
||||
// }]
|
||||
// }
|
||||
// )
|
||||
// this.ExecDatabase(data).then(res => {
|
||||
// this.产线数组 = res.data.map(item => {
|
||||
// return {
|
||||
// value: item.产线id,
|
||||
// text: item.产线名称
|
||||
// }
|
||||
// })
|
||||
// // this.车间 = parseInt(localStorage.getItem('车间')) || ''
|
||||
// // this.产线 = parseFloat(localStorage.getItem('产线')) || ''
|
||||
// })
|
||||
// let data2 = this.CreateData(
|
||||
// 'Select',
|
||||
// '工单管理_工单信息视图',
|
||||
// ['工单id', '工单号'], {
|
||||
// where: [{
|
||||
// fieldname: '产线id',
|
||||
// value: parseFloat(localStorage.getItem('产线')) || ''
|
||||
// },
|
||||
// {
|
||||
// fieldname: '是否领完',
|
||||
// value: 0
|
||||
// }
|
||||
// ]
|
||||
// }
|
||||
// )
|
||||
// this.ExecDatabase(data2).then(res => {
|
||||
// this.工单数组 = res.data.map(item => {
|
||||
// return {
|
||||
// value: item.工单id,
|
||||
// text: item.工单号
|
||||
// }
|
||||
// })
|
||||
// // this.工单 = parseFloat(localStorage.getItem('工单')) || ''
|
||||
// // this.配送单 = localStorage.getItem('配送单') || ''
|
||||
// })
|
||||
// var param = []
|
||||
// param[0] = ['工单id',localStorage.getItem('工单') || '']
|
||||
// var data5 = this.CreateData1(11, '物料管理_配送单列表', param)
|
||||
// this.ExecDatabase(data5).then((res) => {
|
||||
// this.配送单数组 = res.data.map(item => {
|
||||
// return {
|
||||
// value: item.单据编号,
|
||||
// text: item.单据编号
|
||||
// }
|
||||
// })
|
||||
// })
|
||||
|
||||
// }
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/ .el-input__inner::placeholder {
|
||||
color: #000;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin: 20px 0;
|
||||
|
||||
.el-select {
|
||||
width: 80%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
border: 1px solid #409eff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/deep/ .el-input__inner {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/deep/ .el-select-dropdown__item {
|
||||
height: 0 !important;
|
||||
padding: 20px 20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.foot {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
background: #0052c0;
|
||||
color: #fff;
|
||||
font-size: 22px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.quit {
|
||||
color: #0052c0;
|
||||
font-size: 30px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
padding: 8px 6px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/deep/ .contaniner[data-v-c9a65f5a] {
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,182 @@
|
||||
<template>
|
||||
<div class="container" v-loading.fullscreen.lock="fullscreenLoading">
|
||||
|
||||
<div v-if='!isshow'>
|
||||
<div class="sel" style="margin-top:120px">
|
||||
<el-select v-model='车间' placeholder="请选择车间" clearable @change="search">
|
||||
<el-option v-for="(ele,index) in 车间数组" :key='index' :label='ele.text' :value="ele.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="sel">
|
||||
<el-select v-model='工单' placeholder="请选择工单" clearable @change="show">
|
||||
<el-option v-for="(ele,index) in 工单数组" :key='index' :label='ele.text' :value="ele.value"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="isshow" width="100%" :before-close="handleClose" class="dialog">
|
||||
<div style="float: right;font-size: 24px;color: #409eff;margin-right: 10px;padding-top: 10px;margin-bottom:5px"><i @click='handleClose' class="el-icon-close"></i> </div>
|
||||
<el-table :data="list" stripe border style="width: 100%;font-size: 18px;" max-height="480px"
|
||||
:header-cell-style="{color: '#000',fonSize:'16px'}">
|
||||
<el-table-column prop="物料名称" align="center" label="物料名称" width="155">
|
||||
</el-table-column>
|
||||
<el-table-column prop="规格型号" align="center" label="规格型号" width="100">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="数量">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.库存数量}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import request from '@/utils/request'
|
||||
|
||||
var requestConfig = window.dt_Config.requestConfig
|
||||
export default {
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted() {
|
||||
this.get()
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
fullscreenLoading: false,
|
||||
车间: '',
|
||||
车间数组: [],
|
||||
工单: "",
|
||||
工单数组: [],
|
||||
isshow: false,
|
||||
list: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toFixed(num) {
|
||||
if (!isNaN(num)) {
|
||||
return ((num + '').indexOf('.') == -1) ? num : num.toFixed(6);
|
||||
}
|
||||
},
|
||||
init() {},
|
||||
get() {
|
||||
var data = this.CreateData(
|
||||
'Select',
|
||||
'基础表_车间',
|
||||
['车间id', '车间名称'], {}
|
||||
)
|
||||
this.ExecDatabase(data).then(res => {
|
||||
console.log(res)
|
||||
this.车间数组 = res.data.map(item => {
|
||||
return {
|
||||
value: item.车间id,
|
||||
text: item.车间名称
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
search() {
|
||||
this.工单 = ''
|
||||
this.工单数组 = []
|
||||
var data2 = this.CreateData(
|
||||
'Select',
|
||||
'工单管理_工单信息视图',
|
||||
['工单id', '工单号'],
|
||||
{
|
||||
where: [
|
||||
{
|
||||
fieldname:'车间id',
|
||||
value:this.$store.state.车间id
|
||||
},
|
||||
{
|
||||
fieldname:'是否消耗',
|
||||
value:0
|
||||
}
|
||||
],
|
||||
}
|
||||
)
|
||||
var param = []
|
||||
param[0] = ['车间id',parseInt(this.车间)]
|
||||
var data2 = this.CreateData1('11','物料管理_工单列表_线边物料',param)
|
||||
this.ExecDatabase(data2).then(res => {
|
||||
this.工单数组 = res.data.map(item => {
|
||||
return {
|
||||
value: item.工单id,
|
||||
text: item.工单号
|
||||
}
|
||||
})
|
||||
})
|
||||
},
|
||||
show() {
|
||||
var param = []
|
||||
param[0] = ['工单号_check', this.工单 ? 1 : 0]
|
||||
param[1] = ['工单id', this.工单]
|
||||
param[2] = ['物料名称_check', 0]
|
||||
param[3] = ['物料名称', '']
|
||||
param[4] = ['批次号_check', 0]
|
||||
param[5] = ['批次号', '']
|
||||
param[6] = ['物料来源_check', 0]
|
||||
param[7] = ['物料来源', '']
|
||||
var Data = this.CreateData1('11', '物料管理_线边物料_查询', param)
|
||||
this.ExecDatabase(Data).then((res) => {
|
||||
console.log(res.data)
|
||||
res.data.forEach(ele =>
|
||||
ele.库存数量 = this.toFixed(parseFloat(ele.库存数量))
|
||||
)
|
||||
this.list = res.data
|
||||
})
|
||||
this.isshow = true
|
||||
},
|
||||
handleClose() {
|
||||
this.isshow = false
|
||||
this.list = []
|
||||
}
|
||||
|
||||
},
|
||||
computed: {},
|
||||
components: {},
|
||||
watch: {},
|
||||
props: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.container {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sel {
|
||||
width:100%;
|
||||
text-align: center;
|
||||
.el-select{
|
||||
width: 80%;
|
||||
margin: 20px 0;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
border: 1px solid #409eff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
/deep/ .el-input__inner {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
.dialog{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
/deep/ .el-input__inner::placeholder {
|
||||
color: #000;
|
||||
text-align: center;
|
||||
}
|
||||
/deep/ .el-select .el-input__inner{
|
||||
color: #000;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user