<template> <div class="app-container"> <el-form ref="createTemp" :rules="rules" :model="createTemp" label-position="right" label-width="250px" style="margin-top: 40px;margin-bottom:30px;"> <el-row> <el-col :span="12"> <el-form-item label="是否可取前一天计划:" prop="isGetLastPlan"> <el-select v-model="createTemp.isGetLastPlan" filterable placeholder="是否可取前一天计划" class="filter-item" style="width:100%"> <el-option v-for="item in planBeforeDayList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="是否可取后一天计划:" prop="isGetNextPlan"> <el-select v-model="createTemp.isGetNextPlan" filterable placeholder="是否可取后一天计划" class="filter-item" style="width:100%"> <el-option v-for="item in planNextDayList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="是否启用补料:" prop="isEnableSupplyFeed"> <el-select v-model="createTemp.isEnableSupplyFeed" filterable placeholder="是否启用补料" class="filter-item" style="width:100%"> <el-option v-for="item in isSupplementList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="是否启用剩料:" prop="isEnableRemainFeed"> <el-select v-model="createTemp.isEnableRemainFeed" filterable placeholder="是否启用剩料" class="filter-item" style="width:100%"> <el-option v-for="item in isLeftoverMaterialList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="日计划报表小数点位数:" prop="reportDigit"> <el-select v-model="createTemp.reportDigit" filterable placeholder="日计划报表小数点位数" class="filter-item" style="width:100%"> <el-option v-for="item in decimalPlacesList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="启用饲料锁定牛头数:" prop="isLockCount"> <el-select v-model="createTemp.isLockCount" filterable placeholder="启用饲料锁定牛头数" class="filter-item" style="width:100%"> <el-option v-for="item in isLockBullsList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="剩料处理选项:" prop="remainOpt"> <el-select v-model="createTemp.remainOpt" filterable placeholder="剩料处理选项" class="filter-item" style="width:100%"> <el-option v-for="item in disposalList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="水分调节选项:" prop="waterOpt"> <el-select v-model="createTemp.waterOpt" filterable placeholder="水分调节选项" class="filter-item" style="width:100%"> <el-option v-for="item in waterConditioningList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="默认发料超出重量提醒比例:" prop="overweightWarnRate"> <el-input ref="overweightWarnRate" v-model="createTemp.overweightWarnRate" class="filter-item" placeholder="请输入超出比例" type="text" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="默认发料超出重量禁止比例:" prop="overweightBanRate"> <el-input ref="overweightBanRate" v-model="createTemp.overweightBanRate" class="filter-item" placeholder="请输入禁止比例" type="text" /> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="库存预警天数:" prop="repertoryWarn"> <el-input ref="repertoryWarn" v-model="createTemp.repertoryWarn" class="filter-item" placeholder="请输入库存预警天数" type="text" /> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="饲料价格计算方式:" prop="calculation"> <el-select v-model="createTemp.calculation" filterable placeholder="水分调节选项" class="filter-item" style="width:100%"> <el-option v-for="item in priceCalculationList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="12"> <el-form-item label="班次数量:" prop="times"> <el-select v-model="createTemp.times" filterable placeholder="水分调节选项" class="filter-item" style="width:100%"> <el-option v-for="item in numberList" :key="item.id" :label="item.name" :value="item.name" /> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="是否启用饲料合同:" prop="isEnableContract"> <el-select v-model="createTemp.isEnableContract" filterable placeholder="启用饲料合同" class="filter-item" style="width:100%"> <el-option v-for="item in feedontractList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> </el-row> </el-form> <div slot="footer" class="dialog-footer" style="bottom: 0;"> <el-button class="success" :disabled="isokDisable" @click="handleSave">保存</el-button> <el-button class="warning" :disabled="isokDisable" @click="handleRecovery">恢复默认</el-button> </div> </div> </template> <script> import { GetDataByName, PostDataByName, failproccess } from '@/api/common' import Cookies from 'js-cookie' export default { name: 'DefaultParameter', data() { return { planBeforeDayList: [{ id: '0', name: '否' }, { id: '1', name: '是' }], // 是否可取前一天计划 planNextDayList: [{ id: '0', name: '否' }, { id: '1', name: '是' }], // 是否可取后一天计划 isSupplementList: [{ id: '0', name: '否' }, { id: '1', name: '是' }], // 是否启用补料 isLeftoverMaterialList: [{ id: '0', name: '否' }, { id: '1', name: '是' }], // 是否启用剩料 decimalPlacesList: [{ id: '0', name: '整数' }, { id: '1', name: '一位小数' }, { id: '2', name: '两位小数' }, { id: '3', name: '三位小数' }], // 日计划报表小数点位数 isLockBullsList: [{ id: '0', name: '否' }, { id: '1', name: '是' }], // 启用饲料锁定牛头数 disposalList: [{ id: '0', name: '替换青贮' }, { id: '1', name: '转为饲料' }, { id: '2', name: '不处理' }], // 剩料处理选项 waterConditioningList: [{ id: '0', name: '青贮' }, { id: '1', name: '总日粮饲喂量' }, { id: '2', name: '不处理' }], // 水分调节选项 priceCalculationList: [{ id: '0', name: '先入先出' }, { id: '1', name: '加权平均' }], // 饲料价格计算方式 numberList: [{ id: '0', name: '1' }, { id: '1', name: '2' }, { id: '2', name: '3' }, { id: '3', name: '4' }], // 班次数量 feedontractList: [{ id: '0', name: '否' }, { id: '1', name: '是' }], // 是否启用饲料合同 getdataListParm: { name: 'getysoptList', page: 1, offset: 1, pagecount: 10, returntype: 'Map', parammaps: { pastureid: Cookies.get('pastureid') } }, tableKey: 0, listLoading: true, createTemp: {}, rules: {}, isokDisable: false, requestParam: {} } }, created() { this.getList() }, methods: { getList() { this.listLoading = true GetDataByName(this.getdataListParm).then(response => { console.log('table1数据', response.data.list) if (response.data.list !== null) { this.createTemp = response.data.list[0] } else { this.list = [] } setTimeout(() => { this.listLoading = false }, 100) }) }, handleSave() { console.log('点击了保存') this.isokDisable = true setTimeout(() => { this.isokDisable = false }, 1000) this.requestParam.name = 'updatesysopt' this.requestParam.parammaps = this.createTemp PostDataByName(this.requestParam).then(response => { console.log('新增保存发送参数', this.requestParam) if (response.msg !== 'fail') { this.$notify({ title: '成功', message: '保存成功', type: 'success', duration: 2000 }) this.getList() } else { failproccess(response, this.$notify) } }) }, handleRecovery() { console.log('点击了恢复默认') this.isokDisable = true setTimeout(() => { this.isokDisable = false }, 1000) this.requestParam.name = 'updatesysoptinit' this.requestParam.parammaps = {} this.requestParam.parammaps.pastureid = Cookies.get('pastureid') PostDataByName(this.requestParam).then(response => { console.log('保存发送参数', this.requestParam) if (response.msg !== 'fail') { this.$notify({ title: '成功', message: '保存成功', type: 'success', duration: 2000 }) this.getList() } else { failproccess(response, this.$notify) } }) } } } </script> <style lang="scss" scoped> </style>