Skip to content

T
template_vue
Commit 3ee69d53 authored by 刘宇扬's avatar 刘宇扬
Browse files
Options

修改

parent bfb8c00b
Hide whitespace changes
Inline Side-by-side
Showing with 130 additions and 109 deletions
src/views/equipment/boundManagement.vue
View file @ 3ee69d53
...@@ -99,7 +99,7 @@ ...@@ -99,7 +99,7 @@
<!-- 添加或修改设备配置对话框 --> <!-- 添加或修改设备配置对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" size="small" label-width="100px">
<el-form-item label="pn" prop="pn"> <el-form-item label="pn" prop="pn">
<el-input v-model.trim="form.pn" :maxlength="30" placeholder="请输入pn" /> <el-input v-model.trim="form.pn" :maxlength="30" placeholder="请输入pn" />
</el-form-item> </el-form-item>
...@@ -311,6 +311,13 @@ export default { ...@@ -311,6 +311,13 @@ export default {
}, },
// 表单校验 // 表单校验
rules: { rules: {
pn: [{ required: true, message: '请输入pn', trigger: 'blur' }],
lot: [{ required: true, message: '请输入lot', trigger: 'blur' }],
plocation: [{ required: true, message: '请输入plocation', trigger: 'blur' }],
phd: [{ pattern: /^[0-9]{1,9}(\.[0-9]{1,3})?$/, message: '仅能输入数字和小数,限制三位小数', trigger: 'change' }],
psm: [{ pattern: /^[0-9]{1,9}(\.[0-9]{1,3})?$/, message: '仅能输入数字和小数,限制三位小数', trigger: 'change' }],
pzl: [{ pattern: /^[0-9]{1,9}(\.[0-9]{1,3})?$/, message: '仅能输入数字和小数,限制三位小数', trigger: 'change' }],
prank: [{ pattern: /^[0-9]{1,9}(\.[0-9]{1,3})?$/, message: '仅能输入数字和小数,限制三位小数', trigger: 'change' }]
}, },
deptOptions: [], deptOptions: [],
formData: {} formData: {}
......
src/views/equipment/income.vue
View file @ 3ee69d53
<template> <template>
<el-form ref="form" :model="form" label-width="80px"> <div class="app-container">
<div class="info"><span style="color: #333; font-weight: 700;">基本信息</span></div> <el-form ref="form" :model="form" :rules="rule" label-width="80px">
<el-row :gutter="40"> <div class="info"><span class="title">设备入库</span></div>
<el-col :span="12" style="padding-left: 16%;"> <el-row :gutter="40">
<el-form-item label="生产工艺"> <el-col :span="12" style="padding-left: 10%;">
<el-select v-model="form.region" placeholder="请选择活动区域"> <el-form-item label="pn:" style="flex-basis: 50%;" prop="pn">
<el-option label="工艺一" value="shanghai" /> <el-input v-model="form.pn" placeholder="请输入pn" :style="{ width: '400px', height: '30px' }" :maxlength="50" />
<el-option label="工艺二" value="beijing" /> </el-form-item>
</el-select> </el-col>
</el-form-item> <el-col :span="12">
</el-col> <el-form-item label="lot:" style="flex-basis: 50%;" prop="lot">
</el-row> <el-input v-model="form.lot" placeholder="请输入lot" :style="{ width: '400px', height: '30px' }" :maxlength="10" />
<el-row :gutter="40"> </el-form-item>
<el-col :span="12" style="padding-left: 16%;"> </el-col>
<el-form-item label="编码一" style="flex-basis: 50%;"> </el-row>
<el-input ref="input1" v-model="form.name" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(1,$event)" /> <el-row :gutter="40">
</el-form-item> <el-col :span="12" style="padding-left: 10%;">
</el-col> <el-form-item label="位置:" style="flex-basis: 50%;" prop="plocation">
<el-col :span="12"> <el-input v-model="form.plocation" placeholder="请输入位置" :style="{ width: '400px', height: '30px' }" :maxlength="50" />
<el-form-item label="编码二" style="flex-basis: 50%;"> </el-form-item>
<el-input ref="input2" v-model="form.date1" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(2,$event)" /> </el-col>
</el-form-item> <el-col :span="12">
</el-col> <el-form-item label="厚度:" style="flex-basis: 50%;" prop="phd">
</el-row> <el-input v-model="form.phd" placeholder="请输入厚度" :style="{ width: '400px', height: '30px' }" :maxlength="10" />
<el-row :gutter="40"> </el-form-item>
<el-col :span="12" style="padding-left: 16%;"> </el-col>
<el-form-item label="编码三" style="flex-basis: 50%;"> </el-row>
<el-input ref="input3" v-model="form.date2" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(3,$event)" /> <el-row :gutter="40">
</el-form-item> <el-col :span="12" style="padding-left: 10%;">
</el-col> <el-form-item label="psm:" style="flex-basis: 50%;" prop="psm">
<el-col :span="12"> <el-input v-model="form.psm" placeholder="请输入psm" :style="{ width: '400px', height: '30px' }" :maxlength="50" />
<el-form-item v-if="form.region === 'beijing'" label="编码四" style="flex-basis: 50%;"> </el-form-item>
<el-input ref="input4" v-model="form.type" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(4,$event)" /> </el-col>
</el-form-item> <el-col :span="12">
<el-form-item v-else label="编码六" style="flex-basis: 50%;"> <el-form-item label="pzl:" style="flex-basis: 50%;" prop="pzl">
<el-input ref="input6" v-model="form.desc" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(6,$event)" /> <el-input v-model="form.pzl" placeholder="请输入pzl" :style="{ width: '400px', height: '30px' }" :maxlength="10" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="40"> <el-row>
<el-col :span="12" style="padding-left: 16%;"> <el-col :span="12" style="padding-left: 8.6%;">
<el-form-item v-if="form.region === 'beijing'" label="编码五" style="flex-basis: 50%;"> <el-form-item label="prank:" style="flex-basis: 50%;" prop="prank">
<el-input ref="input5" v-model="form.resource" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(5,$event)" /> <el-input v-model="form.rank" placeholder="请输入prank" :style="{ width: '400px', height: '30px' }" :maxlength="10" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12" :style="form.region !== 'beijing'? 'padding-left: 16%;': 'padding-left: noset;'"> </el-row>
<el-form-item v-if="form.region === 'beijing'" label="编码六" style="flex-basis: 50%;"> <div class="button" >
<el-input ref="input6" v-model="form.desc" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(6,$event)" /> <el-button type="primary" @click="submitForm">提交</el-button>
</el-form-item> </div>
</el-col> </el-form>
</el-row> </div>
<div class="button">
<el-button type="primary" @click="submitForm">提交</el-button>
</div>
</el-form>
<!-- <el-form style="display: flex; flex-wrap: wrap;justify-content: center;">
<el-form-item label="编码一" style="flex-basis: 50%;">
<el-input ref="input1" v-model="form.name" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(1,$event)" />
</el-form-item>
<el-form-item label="编码二" style="flex-basis: 50%;">
<el-input ref="input2" v-model="form.date1" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(2,$event)" />
</el-form-item>
<el-form-item label="编码三" style="flex-basis: 50%;">
<el-input ref="input3" v-model="form.date2" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(3,$event)" />
</el-form-item>
<el-form-item v-if="form.region === 'beijing'" label="编码四" style="flex-basis: 50%;">
<el-input ref="input4" v-model="form.type" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(4,$event)" />
</el-form-item>
<el-form-item v-if="form.region === 'beijing'" label="编码五" style="flex-basis: 50%;">
<el-input ref="input5" v-model="form.resource" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(5,$event)" />
</el-form-item>
<el-form-item label="编码六" style="flex-basis: 50%;">
<el-input ref="input6" v-model="form.desc" :style="{ width: '400px', height: '30px' }" @keyup.enter.native="handelTab(6,$event)" />
</el-form-item>
</el-form>
<el-form-item style="width: 100%;">
<el-button type="primary" @click="submitForm">提交</el-button>
</el-form-item>
</el-form> -->
</template> </template>
<script> <script>
import { getDictData, addIncome } from '@/api/income'
export default { export default {
name: 'Role',
data() { data() {
return { return {
form: { form: {
region: '', pn: '',
name: '', lot: '',
date1: '', plocation: '',
date2: '', phd: '',
type: '', psm: '',
resource: '', pzl: '',
desc: '', prank: ''
},
rule: {
pn: [{ required: true, message: '请输入pn', trigger: 'blur' }],
lot: [{ required: true, message: '请输入pn', trigger: 'blur' }],
plocation: [{ required: true, message: '请输入pn', trigger: 'blur' }],
phd: [{ pattern: /^\d+$/, message: '仅能输入数字', trigger: 'change' }],
psm: [{ pattern: /^\d+$/, message: '仅能输入数字', trigger: 'change' }],
pzl: [{ pattern: /^\d+$/, message: '仅能输入数字', trigger: 'change' }],
prank: [{ pattern: /^\d+$/, message: '仅能输入数字', trigger: 'change' }]
} }
} }
}, },
created() {
this.init()
},
methods: { methods: {
handelTab(i, e) { // 重置
const that = this resetFrom() {
if (!that.$refs['input' + i]) { this.form = {
return pn: '',
lot: '',
plocation: '',
phd: '',
psm: '',
pzl: '',
prank: ''
} }
that.$nextTick(() => { this.$refs.form.clearValidate()
e.target.blur() },
const index = i + 1 // 初始化要调的接口
that.$refs['input' + index].focus() init() {
this.getDict()
},
// 提交时要调的接口
submitForm() {
},
// 调数据字典查询
getDict() {
const obj = {
key: 'GX_CODE'
}
getDictData(obj).then(res => {
if (res.code === 200 && res.data !== null) {
this.pissbList = res.data
}
}) })
} }
} }
} }
</script> </script>
<style lang="scss" scoped>
.app-container {
font-size: 18px;
padding: 0;
.info{
height: 100px;
display: flex;
align-items: center;
justify-content: center;
.title{
color: #333;
font-weight: 700;
}
}
.button{
margin-top: 7%;
margin-left: 48%;
}
<style scoped>
.left-margin {
margin-left: 20px;
}
.info{
height: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.button{
margin-top: 11%;
margin-left: 20%;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment