<template>
|
<div class="container">
|
<h2 style="text-align: center;">产品阈值设置</h2>
|
<el-divider></el-divider>
|
<el-form ref="form" :model="form" label-width="150px">
|
<el-form-item label="产品含药量限制">
|
<el-input type="number" v-model="form.explosiveContent" style="width: 500px">></el-input>
|
</el-form-item>
|
<el-form-item label="产品箱数上限">
|
<el-input type="number" v-model="form.boxNumber" style="width: 500px"></el-input>
|
</el-form-item>
|
<el-form-item label="限制产品级别">
|
<el-checkbox-group :max="3" v-model="checkedLevels">
|
<el-checkbox v-for="level in levels" :label="level" :key="level">{{level}}</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="onSubmit">保存</el-button>
|
</el-form-item>
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
import {setProductThreshold,getProductThreshold} from "../../api/product";
|
|
const levelsOption= ["A级", "B级", "C级", "D级",];
|
export default {
|
name: "productThreshold",
|
data(){
|
|
return{
|
form:{
|
explosiveContent:"",
|
boxNumber:"",
|
levels:[]
|
},
|
levels: levelsOption,
|
checkedLevels:[],
|
}
|
},
|
mounted(){
|
this.getProductThreshold();
|
},
|
methods:{
|
onSubmit(){
|
let data = {};
|
data.explosiveContent = this.form.explosiveContent;
|
data.boxNumber = this.form.boxNumber;
|
let checkedString = "";
|
this.checkedLevels.forEach(item=>{
|
checkedString += item;
|
checkedString += ",";
|
});
|
data.levels = checkedString;
|
setProductThreshold(data).then(res=>{
|
console.log(res);
|
this.getProductThreshold();
|
});
|
},
|
getProductThreshold(){
|
getProductThreshold().then(res=>{
|
const result = res.data.result;
|
this.form.explosiveContent = result.explosivecontent;
|
this.form.boxNumber = result.boxnumber;
|
this.checkedLevels = result.levels
|
});
|
},
|
}
|
}
|
</script>
|
|
<style scoped>
|
|
</style>
|
