| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225 | <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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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" :disabled="isRoleEdit==false" 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 v-if="isRoleEdit" class="success" :disabled="isokDisable" @click="handleSave">保存</el-button>      <el-button v-if="isRoleEdit" class="warning" :disabled="isokDisable" @click="handleRecovery">恢复默认</el-button>    </div>  </div></template><script>import { GetDataByName, PostDataByName, failproccess, checkButtons } from '@/api/common'import Cookies from 'js-cookie'export default {  name: 'DefaultParameter',  data() {    return {      isRoleEdit: [],      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()    this.getButtons()  },  methods: {    getButtons() {      const Edit = 'DefaultParameter'      const isRoleEdit = checkButtons(JSON.parse(sessionStorage.getItem('buttons')), Edit)      this.isRoleEdit = isRoleEdit    },    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>
 |