123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925 |
- <template>
- <div class="app-container" style="position: relative;">
- <div v-if="activeName == 'first'" class="operation" style="position: absolute;top: -5px;right: 10px;z-index:1;">
- <el-upload v-if="isRoleEdit" style="float: right;" :headers="headers" :data="uploadData" :action="uploadExcelUrl" :show-file-list="false" :before-upload="beforeImport" :on-success="handleImportSuccess">
- <el-button class="import" icon="el-icon-download" style="float: right;">导入</el-button>
- </el-upload>
- <el-dropdown style="float: right;margin-right: 10px;">
- <el-button class="export" icon="el-icon-upload2">导出</el-button>
- <el-dropdown-menu slot="dropdown">
- <el-dropdown-item @click.native="handleExport(1)">导出模板</el-dropdown-item>
- <el-dropdown-item @click.native="handleExport(2)">导出数据</el-dropdown-item>
- </el-dropdown-menu>
- </el-dropdown>
- </div>
- <div v-if="activeName == 'second'" class="operation" style="position: absolute;top: -5px;right: 10px;z-index:1;">
- <el-upload v-if="isRoleEdit" style="float: right;" :headers="headers2" :data="uploadData2" :action="uploadExcelUrl2" :show-file-list="false" :before-upload="beforeImport2" :on-success="handleImportSuccess2">
- <el-button class="import" style="float: right;" icon="el-icon-download">导入</el-button>
- </el-upload>
- <el-dropdown style="float: right;margin-right: 10px;">
- <el-button class="export" icon="el-icon-upload2">导出</el-button>
- <el-dropdown-menu slot="dropdown">
- <el-dropdown-item @click.native="handleExport(3)">导出模板</el-dropdown-item>
- <el-dropdown-item @click.native="handleExport(4)">导出数据</el-dropdown-item>
- </el-dropdown-menu>
- </el-dropdown>
- </div>
- <el-tabs v-model="activeName" @tab-click="handleTabClick">
- <el-tab-pane label="体况、粪便评分标准" name="first">
- <div class="table1">
- <el-table
- :key="table1.tableKey"
- v-loading="table1.listLoading"
- element-loading-text="给我一点时间"
- :data="table1.list"
- border
- fit
- highlight-current-row
- style="width: 100%;"
- :row-style="rowStyle"
- :cell-style="cellStyle"
- class="elTable table-fixed"
- >
- <el-table-column label="序号" align="center" type="index" width="50px" />
- <el-table-column label="配方名称" min-width="130px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.ftname }}</span>
- </template>
- </el-table-column>
- <el-table-column label="体况评分标准" align="center" min-width="300px">
- <el-table-column label="体况评分标准(分)" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.bodystandard }}</span>
- </template>
- </el-table-column>
- <el-table-column label="数据来源" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.bodysource }}</span>
- </template>
- </el-table-column>
- </el-table-column>
- <el-table-column label="粪便评分标准" align="center" min-width="300px">
- <el-table-column label="粪便评分标准(分)" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.dungstandard }}</span>
- </template>
- </el-table-column>
- <el-table-column label="数据来源" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.dungsource }}</span>
- </template>
- </el-table-column>
- </el-table-column>
- <el-table-column label="操作" align="center" width="50" class-name="small-padding fixed-width" fixed="right">
- <template slot-scope="{row}">
- <el-button v-if="isRoleEdit" class="miniSuccess" icon="el-icon-edit-outline" @click="handleUpdate(row)" />
- </template>
- </el-table-column>
- </el-table>
- </div>
- </el-tab-pane>
- <el-tab-pane label="宾州筛、粪便筛标准范围" name="second">
- <div class="table2">
- <el-table
- :key="table2.tableKey"
- v-loading="table2.listLoading"
- element-loading-text="给我一点时间"
- :data="table2.list"
- border
- fit
- highlight-current-row
- style="width: 100%;"
- :row-style="rowStyle"
- :cell-style="cellStyle"
- class="elTable table-fixed"
- >
- <el-table-column label="序号" align="center" type="index" width="50px" />
- <el-table-column label="牲畜类别" align="center" min-width="200px">
- <el-table-column label="牲畜父类" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.parentname }}</span>
- </template>
- </el-table-column>
- <el-table-column label="牲畜子类" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.cowname }}</span>
- </template>
- </el-table-column>
- </el-table-column>
- <el-table-column label="宾州筛" align="center" min-width="200px">
- <el-table-column label="宾州筛一层(%)" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.bzonemin }} - {{ scope.row.bzonemax }}</span>
- </template>
- </el-table-column>
- <el-table-column label="宾州筛二层(%)" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.bztwomin }} - {{ scope.row.bztwomax }}</span>
- </template>
- </el-table-column>
- <el-table-column label="宾州筛三层(%)" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.bzthreemin }} - {{ scope.row.bzthreemax }}</span>
- </template>
- </el-table-column>
- <el-table-column label="宾州筛四层(%)" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.bzfourmin }} - {{ scope.row.bzfourmax }}</span>
- </template>
- </el-table-column>
- <el-table-column label="数据来源" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.bzsource }}</span>
- </template>
- </el-table-column>
- </el-table-column>
- <el-table-column label="粪便筛" align="center" min-width="300px">
- <el-table-column label="粪便筛一层(%)" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.fbonemin }} - {{ scope.row.fbonemax }}</span>
- </template>
- </el-table-column>
- <el-table-column label="粪便筛二层(%)" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.fbtwomin }} - {{ scope.row.fbtwomax }}</span>
- </template>
- </el-table-column>
- <el-table-column label="粪便筛三层(%)" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.fbthreemin }} - {{ scope.row.fbthreemax }}</span>
- </template>
- </el-table-column>
- <el-table-column label="数据来源" min-width="80px" align="center">
- <template slot-scope="scope">
- <span>{{ scope.row.fbsource }}</span>
- </template>
- </el-table-column>
- </el-table-column>
- <el-table-column label="操作" align="center" width="50" class-name="small-padding fixed-width" fixed="right">
- <template slot-scope="{row}">
- <el-button v-if="isRoleEdit" class="miniSuccess" icon="el-icon-edit-outline" @click="handleUpdate(row)" />
- </template>
- </el-table-column>
- </el-table>
- </div>
- </el-tab-pane>
- </el-tabs>
- <!-- 体况、粪便评分标准 -->
- <el-dialog :title="textMap[table1.dialogStatus]" :visible.sync="table1.dialogFormVisible" :close-on-click-modal="false" width="80%">
- <div class="app-add">
- <el-form ref="temp" :rules="table1.rules" :model="table1.temp" label-position="right" label-width="160px" style="width: 90%;margin:0 auto 50px">
- <el-row>
- <el-col :span="12">
- <h3 style="width: 160px;float: left;">配方</h3>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="配方名称:" prop="ftname">
- <span>{{ table1.temp.ftname }}</span>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <h3 style="width: 160px;float: left;">体况评分标准</h3>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="体况评分标准(分):" prop="bodystandard">
- <el-select v-model="table1.temp.bodystandard" filterable placeholder="评分标准" class="filter-item" style="width: 100%;">
- <el-option v-for="item in physicalList" :key="item.value" :label="item.label" :value="item.label" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="数据来源:" prop="bodysource">
- <el-input v-model="table1.temp.bodysource" type="textarea" placeholder="1-255字符":autosize="{ minRows: 1, maxRows: 4}" style="width:100%;" maxlength="255" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <h3 style="width: 160px;float: left;">粪便评分标准</h3>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="12">
- <el-form-item label="粪便评分标准(分):" prop="dungstandard">
- <el-select v-model="table1.temp.dungstandard" filterable placeholder="粪便评分标准" class="filter-item" style="width: 100%;">
- <el-option v-for="item in faecesList" :key="item.value" :label="item.label" :value="item.value" />
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="12">
- <el-form-item label="数据来源:" prop="dungsource">
- <el-input v-model="table1.temp.dungsource" type="textarea" placeholder="1-255字符" :autosize="{ minRows: 1, maxRows: 4}" style="width:100%;" maxlength="255" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button class="cancelClose" @click="table1.dialogFormVisible = false;getList() ">关闭</el-button>
- <el-button class="save" :disabled="isokDisable" @click="updateData()">确认</el-button>
- </div>
- </div>
- </el-dialog>
- <!-- 宾州筛、粪便筛标准范围 -->
- <el-dialog :title="textMap[table2.dialogStatus]" :visible.sync="table2.dialogFormVisible" :close-on-click-modal="false" width="80%">
- <div class="app-add">
- <el-form ref="temp" :rules="table2.rules" :model="table2.temp" label-position="right" label-width="160px" style="width: 90%;margin:0 auto 50px">
- <el-row>
- <el-col :span="10">
- <h3 style="width: 160px;float: left;">牲畜类别</h3>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="10">
- <el-form-item label="牲畜父类:" prop="parentname">
- <span>{{ table2.temp.parentname }}</span>
- </el-form-item>
- </el-col>
- <el-col :span="10">
- <el-form-item label="牲畜子类:" prop="cowname">
- <span>{{ table2.temp.cowname }}</span>
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="10">
- <h3 style="width: 160px;float: left;">宾州筛</h3>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="10">
- <el-form-item label="宾州筛一层(%):">
- <el-input-number v-model="table2.temp.bzonemin" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最小值" />
- <span style="width: 1%;">——</span>
- <el-input-number v-model="table2.temp.bzonemax" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最大值" />
- </el-form-item>
- </el-col>
- <el-col :span="10">
- <el-form-item label="宾州筛二层(%):">
- <el-input-number v-model="table2.temp.bztwomin" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最小值" />
- <span style="width: 1%;">——</span>
- <el-input-number v-model="table2.temp.bztwomax" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最大值" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="10">
- <el-form-item label="宾州筛三层(%):">
- <el-input-number v-model="table2.temp.bzthreemin" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最小值" />
- <span style="width: 1%;">——</span>
- <el-input-number v-model="table2.temp.bzthreemax" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最大值" />
- </el-form-item>
- </el-col>
- <el-col :span="10">
- <el-form-item label="宾州筛四层(%):">
- <el-input-number v-model="table2.temp.bzfourmin" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最小值" />
- <span style="width: 1%;">——</span>
- <el-input-number v-model="table2.temp.bzfourmax" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最大值" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="10">
- <el-form-item label="数据来源:" prop="bzsource">
- <el-input v-model="table2.temp.bzsource" type="textarea" placeholder="1-255字符" :autosize="{ minRows: 1, maxRows: 4}" style="width:100%;" maxlength="255" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="10">
- <h3 style="width: 160px;float: left;">粪便筛</h3>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="10">
- <el-form-item label="粪便筛一层(%):">
- <el-input-number v-model="table2.temp.fbonemin" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最小值" />
- <span style="width: 1%;">——</span>
- <el-input-number v-model="table2.temp.fbonemax" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最大值" />
- </el-form-item>
- </el-col>
- <el-col :span="10">
- <el-form-item label="粪便筛二层(%):">
- <el-input-number v-model="table2.temp.fbtwomin" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最小值" />
- <span style="width: 1%;">——</span>
- <el-input-number v-model="table2.temp.fbtwomax" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最大值" />
- </el-form-item>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="10">
- <el-form-item label="粪便筛三层(%):">
- <el-input-number v-model="table2.temp.fbthreemin" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最小值" />
- <span style="width: 1%;">——</span>
- <el-input-number v-model="table2.temp.fbthreemax" :min="0" :max="100" :controls="false" style="width:44%;" placeholder="最大值" />
- </el-form-item>
- </el-col>
- <el-col :span="10">
- <el-form-item label="数据来源:" prop="fbsource">
- <el-input v-model="table2.temp.fbsource" type="textarea" placeholder="1-255字符" :autosize="{ minRows: 1, maxRows: 4}" style="width:100%;" maxlength="255" />
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- <div slot="footer" class="dialog-footer">
- <el-button class="cancelClose" @click="table2.dialogFormVisible = false; getList2()">关闭</el-button>
- <el-button class="save" :disabled="isokDisable" @click="updateData()">确认</el-button>
- </div>
- </div>
- </el-dialog>
- </div>
- </el-tab-pane></el-tabs></div></template>
- <script>
- import { GetDataByName, PostDataByName, failproccess, GetDataByNames, checkButtons } from '@/api/common'
- import Cookies from 'js-cookie'
- import axios from 'axios'
- import { parseTime, json2excel } from '@/utils/index.js'
- import { getToken } from '@/utils/auth'
- export default {
- name: 'StandardParameters',
- data() {
- return {
- isRoleEdit: [],
- activeName: 'first',
- requestParams: [
- { name: 'getDictByName', offset: 0, pagecount: 0, params: ['评分标准'] },
- { name: 'getDictByName2', offset: 0, pagecount: 0, params: ['粪便评分标准'] }
- ],
- physicalList: [], // 标准体况评分
- faecesList: [], // 标准粪便评分
- table1: {
- getdataListParm: {
- name: 'getOptscoreList',
- page: 1,
- offset: 1,
- returntype: 'Map',
- parammaps: {
- pastureid: Cookies.get('pastureid'),
- enable: ''
- }
- },
- tableKey: 0,
- list: [],
- total: 0,
- listLoading: true,
- // 编辑
- dialogFormVisible: false,
- dialogStatus: '',
- temp: {},
- rules: {
- bodystandard: [{ type: 'string', required: true, message: '必填', trigger: 'blur' }],
- dungstandard: [{ type: 'string', required: true, message: '必填', trigger: 'blur' }]
- }
- },
- table2: {
- getdataListParm: {
- name: 'getOptrangeList',
- page: 1,
- offset: 1,
- returntype: 'Map',
- parammaps: {
- pastureid: Cookies.get('pastureid')
- }
- },
- tableKey: 0,
- list: [],
- total: 0,
- listLoading: true,
- // 编辑
- dialogFormVisible: false,
- dialogStatus: '',
- temp: {},
- rules: {}
- },
- download: {
- getdataListParm: {},
- list: []
- },
- textMap: {
- update: '编辑'
- },
- requestParam: {},
- isokDisable: false,
- rowStyle: { maxHeight: 30 + 'px', height: 30 + 'px' },
- cellStyle: { padding: 0 + 'px' }
- }
- },
- computed: {
- // 设置请求头
- headers() {
- return {
- token: getToken()
- }
- },
- uploadData() {
- return {
- name: 'checkft,updateOptscoreUpload',
- importParams: '配方名称,体况评分标准(分),体况评分数据来源,粪便评分标准(分),粪便评分数据来源',
- sheetname: 'Sheet1',
- // 登录牧场
- pastureid: Cookies.get('pastureid'),
- // 日期参数
- dateParams: '',
- // 必填参数
- requiredParams: '配方名称,体况评分标准(分),粪便评分标准(分)',
- // 为数值的参数
- numParams: '体况评分标准(分),粪便评分标准(分)'
- }
- },
- // 设置上传地址
- uploadExcelUrl() {
- return process.env.VUE_APP_BASE_API + 'authdata/ImportExcel'
- },
- headers2() {
- return {
- token: getToken()
- }
- },
- uploadData2() {
- return {
- name: 'checkbigcowclassW,checkclassnameW,insertOptrangeUpload',
- importParams: '牲畜父类,牲畜子类,宾州筛一层(%),宾州筛二层(%),宾州筛三层(%),宾州筛四层(%),宾州筛数据来源,粪便筛一层(%),粪便筛二层(%),粪便筛三层(%),粪便筛数据来源',
- sheetname: 'Sheet1',
- // 登录牧场
- pastureid: Cookies.get('pastureid'),
- // 日期参数
- dateParams: '',
- // 必填参数
- requiredParams: '牲畜父类,牲畜子类',
- // 为数值的参数
- numParams: ''
- }
- },
- // 设置上传地址
- uploadExcelUrl2() {
- return process.env.VUE_APP_BASE_API + 'authdata/ImportExcel'
- }
- },
- created() {
- this.getList()
- this.getDownList()
- this.getButtons()
- },
- methods: {
- getButtons() {
- const Edit = 'StandardParameters'
- const isRoleEdit = checkButtons(JSON.parse(sessionStorage.getItem('buttons')), Edit)
- this.isRoleEdit = isRoleEdit
- },
- getDownList() {
- GetDataByNames(this.requestParams).then(response => {
- this.physicalList = response.data.getDictByName.list
- this.faecesList = response.data.getDictByName2.list
- })
- },
- handleTabClick(tab, event) {
- console.log(tab, event)
- if (tab.name === 'first') {
- this.getList()
- } else if (tab.name === 'second') {
- this.getList2()
- }
- },
- getList() {
- this.table1.listLoading = true
- GetDataByName(this.table1.getdataListParm).then(response => {
- console.log('table1数据', response.data.list)
- if (response.data.list !== null) {
- this.table1.list = response.data.list
- this.table1.total = response.data.total
- } else {
- this.table1.list = []
- }
- setTimeout(() => {
- this.table1.listLoading = false
- }, 100)
- })
- },
- getList2() {
- this.table2.listLoading = true
- GetDataByName(this.table2.getdataListParm).then(response => {
- console.log('table1数据', response.data.list)
- if (response.data.list !== null) {
- this.table2.list = response.data.list
- if (response.data.total) {
- this.table2.total = response.data.total
- }
- } else {
- this.table2.list = []
- }
- setTimeout(() => {
- this.table2.listLoading = false
- }, 100)
- })
- },
- // 编辑
- handleUpdate(row) {
- if (this.activeName === 'first') {
- console.log('点击了体况、粪便评分标准编辑')
- this.table1.dialogStatus = 'update'
- this.table1.dialogFormVisible = true
- this.table1.temp = Object.assign({}, row)
- } else if (this.activeName === 'second') {
- console.log('点击了宾州筛、粪便筛标准范围编辑')
- this.table2.dialogStatus = 'update'
- this.table2.dialogFormVisible = true
- this.table2.temp = Object.assign({}, row)
- }
- },
- updateData() {
- if (this.activeName === 'first') {
- console.log('点击了体况、粪便评分标准编辑保存')
- this.isokDisable = true
- setTimeout(() => {
- this.isokDisable = false
- }, 1000)
- this.$refs['temp'].validate(valid => {
- if (valid) {
- this.requestParam.name = 'updateOptscore'
- this.requestParam.parammaps = this.table1.temp
- PostDataByName(this.requestParam).then(response => {
- console.log('新增保存发送参数', this.requestParam)
- if (response.msg !== 'fail') {
- this.$notify({ title: '成功', message: '保存成功', type: 'success', duration: 2000 })
- this.table1.dialogFormVisible = false
- this.getList()
- } else {
- this.$notify({ title: '保存失败', message: response.data, type: 'warning', duration: 2000 })
- }
- })
- }
- })
- } else if (this.activeName === 'second') {
- console.log('点击了宾州筛、粪便筛标准范围编辑保存')
- this.isokDisable = true
- setTimeout(() => {
- this.isokDisable = false
- }, 1000)
- // 若最小值大于最大值
- if (parseFloat(this.table2.temp.bzonemin) > parseFloat(this.table2.temp.bzonemax)) {
- this.$message({ type: 'error', message: '宾州筛一层最大值不可小于等于最小值', duration: 2000 })
- return false
- }
- if (parseFloat(this.table2.temp.bztwomin) > parseFloat(this.table2.temp.bztwomax)) {
- this.$message({ type: 'error', message: '宾州筛二层最大值不可小于等于最小值', duration: 2000 })
- return false
- }
- if (parseFloat(this.table2.temp.bzthreemin) > parseFloat(this.table2.temp.bzthreemax)) {
- this.$message({ type: 'error', message: '宾州筛三层最大值不可小于等于最小值', duration: 2000 })
- return false
- }
- if (parseFloat(this.table2.temp.bzfourmin) > parseFloat(this.table2.temp.bzfourmax)) {
- this.$message({ type: 'error', message: '宾州筛四层最大值不可小于等于最小值', duration: 2000 })
- return false
- }
- if (parseFloat(this.table2.temp.fbonemin) > parseFloat(this.table2.temp.fbonemax)) {
- this.$message({ type: 'error', message: '粪便筛一层最大值不可小于等于最小值', duration: 2000 })
- return false
- }
- if (parseFloat(this.table2.temp.fbtwomin) > parseFloat(this.table2.temp.fbtwomax)) {
- this.$message({ type: 'error', message: '粪便筛二层最大值不可小于等于最小值', duration: 2000 })
- return false
- }
- if (parseFloat(this.table2.temp.fbthreemin) > parseFloat(this.table2.temp.fbthreemax)) {
- this.$message({ type: 'error', message: '粪便筛三层最大值不可小于等于最小值', duration: 2000 })
- return false
- }
- // 若最大值最小值为空
- if (this.table2.temp.bzonemin == '' || this.table2.temp.bzonemin == undefined) { this.table2.temp.bzonemin = '0' }
- if (this.table2.temp.bzonemax == '' || this.table2.temp.bzonemax == undefined) { this.table2.temp.bzonemax = '0' }
- if (this.table2.temp.bztwomin == '' || this.table2.temp.bztwomin == undefined) { this.table2.temp.bztwomin = '0' }
- if (this.table2.temp.bztwomax == '' || this.table2.temp.bztwomax == undefined) { this.table2.temp.bztwomax = '0' }
- if (this.table2.temp.bzthreemin == '' || this.table2.temp.bzthreemin == undefined) { this.table2.temp.bzthreemin = '0' }
- if (this.table2.temp.bzthreemax == '' || this.table2.temp.bzthreemax == undefined) { this.table2.temp.bzthreemax = '0' }
- if (this.table2.temp.bzfourmin == '' || this.table2.temp.bzfourmin == undefined) { this.table2.temp.bzfourmin = '0' }
- if (this.table2.temp.bzfourmax == '' || this.table2.temp.bzfourmax == undefined) { this.table2.temp.bzfourmax = '0' }
- if (this.table2.temp.fbonemin == '' || this.table2.temp.fbonemin == undefined) { this.table2.temp.fbonemin = '0' }
- if (this.table2.temp.fbonemax == '' || this.table2.temp.fbonemax == undefined) { this.table2.temp.fbonemax = '0' }
- if (this.table2.temp.fbtwomin == '' || this.table2.temp.fbtwomin == undefined) { this.table2.temp.fbtwomin = '0' }
- if (this.table2.temp.fbtwomax == '' || this.table2.temp.fbtwomax == undefined) { this.table2.temp.fbtwomax = '0' }
- if (this.table2.temp.fbthreemin == '' || this.table2.temp.fbthreemin == undefined) { this.table2.temp.fbthreemin = '0' }
- if (this.table2.temp.fbthreemax == '' || this.table2.temp.fbthreemax == undefined) { this.table2.temp.fbthreemax = '0' }
- var positiveInteger = /^([0-9]{1,2}|100)$/
- if (!positiveInteger.test(parseFloat(this.table2.temp.bzonemin))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.bzonemax))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.bztwomin))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.bztwomax))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.bzthreemin))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.bzthreemax))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.bzfourmin))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.bzfourmax))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.fbonemin))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.fbonemax))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.fbtwomin))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.fbtwomax))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.fbthreemin))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- if (!positiveInteger.test(parseFloat(this.table2.temp.fbthreemin))) {
- this.$message({ type: 'error', message: '范围不可输入小数', duration: 2000 })
- return false
- }
- this.requestParam.name = 'insertOptrange'
- this.requestParam.parammaps = this.table2.temp
- this.$refs['temp'].validate(valid => {
- if (valid) {
- PostDataByName(this.requestParam).then(response => {
- console.log('新增保存发送参数', this.requestParam)
- if (response.msg !== 'fail') {
- this.$notify({ title: '成功', message: '保存成功', type: 'success', duration: 2000 })
- this.table2.dialogFormVisible = false
- this.getList2()
- this.activeName = 'second'
- } else {
- this.$notify({ title: '保存失败', message: response.data, type: 'warning', duration: 2000 })
- if (this.table2.temp.bzonemin == '0') { this.table2.temp.bzonemin = '' }
- if (this.table2.temp.bzonemax == '0') { this.table2.temp.bzonemax = '' }
- if (this.table2.temp.bztwomin == '0') { this.table2.temp.bztwomin = '' }
- if (this.table2.temp.bztwomax == '0') { this.table2.temp.bztwomax = '' }
- if (this.table2.temp.bzthreemin == '0') { this.table2.temp.bzthreemin = '' }
- if (this.table2.temp.bzthreemax == '0') { this.table2.temp.bzthreemax = '' }
- if (this.table2.temp.bzfourmin == '0') { this.table2.temp.bzfourmin = '' }
- if (this.table2.temp.bzfourmax == '0') { this.table2.temp.bzfourmax = '' }
- if (this.table2.temp.fbonemin == '0') { this.table2.temp.fbonemin = '' }
- if (this.table2.temp.fbonemax == '0') { this.table2.temp.fbonemax = '' }
- if (this.table2.temp.fbtwomin == '0') { this.table2.temp.fbtwomin = '' }
- if (this.table2.temp.fbtwomax == '0') { this.table2.temp.fbtwomax = '' }
- if (this.table2.temp.fbthreemin == '0') { this.table2.temp.fbthreemin = '' }
- if (this.table2.temp.fbthreemax == '0') { this.table2.temp.fbthreemax = '' }
- }
- })
- }
- })
- }
- },
- // 导出
- handleExport(item) {
- if (item == 1) {
- console.log('体况、粪便评分标准/导出')
- var downloadList = [
- { 'obj1': '1、文件类型为xlsx类型,对应表格文件名格式为:文件名称.xlsx;' },
- { 'obj1': '2、底部工作表名称不可更改,默认为:Sheet1;' },
- { 'obj1': '3、配方名称,体况评分标准(分),粪便评分标准为必填;' },
- { 'obj1': '4、配方名称必须与系统中配方模板的配方名称匹配;' },
- { 'obj1': '5、标准分数为固定几个分值,分别为:2.75-,2.75,3,3.25,3.75,4+;粪便评分标准为1,2,3,4,5' },
- { 'obj1': '6、数据最多可导入200条,超过200条请分多个文件导入。' }
- ]
- var excelDatas = [
- {
- tHeader: ['配方名称', '体况评分标准(分)', '体况评分数据来源', '粪便评分标准(分)', '粪便评分数据来源'],
- filterVal: ['ftname', '', '', '', ''],
- tableDatas: this.table1.list,
- sheetName: 'Sheet1'
- }, {
- tHeader: ['填写规范:'],
- filterVal: ['obj1'],
- tableDatas: downloadList,
- sheetName: 'Sheet2'
- }
- ]
- json2excel(excelDatas, '基础数据_体况、粪便评分标准导入模板', true, 'xlsx')
- } else if (item == 3) {
- console.log('宾州筛、粪便筛标准范围/导出')
- this.download.getdataListParm.name = 'getOptrangeList'
- this.download.getdataListParm.parammaps = {}
- this.download.getdataListParm.parammaps.pastureid = Cookies.get('pastureid')
- GetDataByName(this.download.getdataListParm).then(response => {
- if (response.data.list !== null) {
- this.download.list = response.data.list
- } else {
- this.download.list = []
- }
- var downloadList = [
- { 'obj1': '1、文件类型为xlsx类型,对应表格文件名格式为:文件名称.xlsx;' },
- { 'obj1': '2、底部工作表名称不可更改,默认为:Sheet1;' },
- { 'obj1': '3、牲畜父类,牲畜子类为必填;' },
- { 'obj1': '4、牲畜类别必须与系统基础数据中牲畜类别匹配;' },
- { 'obj1': '5、数据最多可导入200条,超过200条请分多个文件导入。' }
- ]
- var excelDatas = [
- {
- tHeader: ['牲畜父类', '牲畜子类', '宾州筛一层(%)', '宾州筛二层(%)', '宾州筛三层(%)', '宾州筛四层(%)', '宾州筛数据来源', '粪便筛一层(%)', '粪便筛二层(%)', '粪便筛三层(%)', '粪便筛数据来源'],
- filterVal: ['parentname', 'cowname', '', '', '', '', '', '', '', '', ''],
- tableDatas: this.download.list,
- sheetName: 'Sheet1'
- }, {
- tHeader: ['填写规范:'],
- filterVal: ['obj1'],
- tableDatas: downloadList,
- sheetName: 'Sheet2'
- }
- ]
- json2excel(excelDatas, '基础数据_宾州筛、粪便筛标准范围导入模板', true, 'xlsx')
- })
- } else if (item == 2) {
- console.log('体况评分导出数据', this.table1.list)
- import('@/vendor/Export5Excel').then(excel => {
- const multiHeader = [
- ['配方名称', '体况评分标准', '', '粪便评分标准', '']
- ]
- const multiHeader2 = [
- ['', '体况评分标准(分)', '数据来源', '粪便评分标准(分)', '数据来源']
- ]
- const filterVal = ['ftname', 'bodystandard', 'bodysource', 'dungstandard', 'dungsource']
- const data = this.table1.list.map((v) => filterVal.map((j) => v[j]))
- const merges = ['A1:A2', 'B1:C1', 'D1:E1']
- excel.export_json_to_excel({ multiHeader, multiHeader2, data, filename: '体况、粪便评分标准导出数据', merges })
- })
- } else if (item == 4) {
- var downList = []
- for (let i = 0; i < this.table2.list.length; i++) {
- var obj = {}
- obj.parentname = this.table2.list[i].parentname
- obj.cowname = this.table2.list[i].cowname
- obj.bzsource = this.table2.list[i].bzsource
- if (this.table2.list[i].bzonemin == undefined) { this.table2.list[i].bzonemin = '' }
- if (this.table2.list[i].bzonemax == undefined) { this.table2.list[i].bzonemax = '' }
- if (this.table2.list[i].bztwomin == undefined) { this.table2.list[i].bztwomin = '' }
- if (this.table2.list[i].bztwomax == undefined) { this.table2.list[i].bztwomax = '' }
- if (this.table2.list[i].bzthreemin == undefined) { this.table2.list[i].bzthreemin = '' }
- if (this.table2.list[i].bzthreemax == undefined) { this.table2.list[i].bzthreemax = '' }
- if (this.table2.list[i].bzfourmin == undefined) { this.table2.list[i].bzfourmin = '' }
- if (this.table2.list[i].bzfourmax == undefined) { this.table2.list[i].bzfourmax = '' }
- if (this.table2.list[i].fbonemin == undefined) { this.table2.list[i].fbonemin = '' }
- if (this.table2.list[i].fbonemax == undefined) { this.table2.list[i].fbonemax = '' }
- if (this.table2.list[i].fbtwomin == undefined) { this.table2.list[i].fbtwomin = '' }
- if (this.table2.list[i].fbtwomax == undefined) { this.table2.list[i].fbtwomax = '' }
- if (this.table2.list[i].fbthreemin == undefined) { this.table2.list[i].fbthreemin = '' }
- if (this.table2.list[i].fbthreemax == undefined) { this.table2.list[i].fbthreemax = '' }
- obj.one1 = this.table2.list[i].bzonemin + '-' + this.table2.list[i].bzonemax
- obj.two1 = this.table2.list[i].bztwomin + '-' + this.table2.list[i].bztwomax
- obj.three1 = this.table2.list[i].bzthreemin + '-' + this.table2.list[i].bzthreemax
- obj.four1 = this.table2.list[i].bzfourmin + '-' + this.table2.list[i].bzfourmax
- obj.one2 = this.table2.list[i].fbonemin + '-' + this.table2.list[i].fbonemax
- obj.two2 = this.table2.list[i].fbtwomin + '-' + this.table2.list[i].fbtwomax
- obj.three2 = this.table2.list[i].fbthreemin + '-' + this.table2.list[i].fbthreemax
- obj.fbsource = this.table2.list[i].fbsource
- downList.push(obj)
- }
- import('@/vendor/Export5Excel').then(excel => {
- const multiHeader = [
- ['牲畜类别', '', '宾州筛', '', '', '', '', '粪便筛', '', '', '']
- ]
- const multiHeader2 = [
- ['牲畜父类', '牲畜子类', '宾州筛一层(%)', '宾州筛二层(%)', '宾州筛三层(%)', '宾州筛四层(%)', '数据来源', '粪便筛一层(%)', '粪便筛二层(%)', '粪便筛三层(%)', '数据来源']
- ]
- const filterVal = ['parentname', 'cowname', 'one1', 'two1', 'three1', 'four1', 'bzsource', 'one2', 'two2', 'three2', 'fbsource']
- const data = downList.map((v) => filterVal.map((j) => v[j]))
- const merges = ['A1:B1', 'C1:G1', 'H1:K1']
- excel.export_json_to_excel({ multiHeader, multiHeader2, data, filename: '宾州筛、粪便筛标准范围导出数据', merges })
- })
- }
- },
- beforeImport(file) {
- const isLt2M = file.size / 1024 / 1024 < 2
- if (!isLt2M) {
- this.$message.error('上传文件大小不能超过 2MB!')
- }
- return isLt2M
- },
- handleImportSuccess(res, file) {
- this.getList()
- if (res.msg === 'ok') {
- this.$message({ title: '成功', message: '导入成功:' + res.data.success + '条!', type: 'success', duration: 2000 })
- if (res.data.err_count > 0) {
- this.$notify({ title: '失败', message: '导入失败:' + res.data.err_count + '条!', type: 'danger', duration: 2000 })
- import('@/vendor/Export2Excel').then(excel => {
- const list1 = res.data.result
- const tHeader = [
- '配方名称', '体况评分标准(分)', '体况评分数据来源', '粪便评分标准(分)', '粪便评分数据来源', '错误信息'
- ]
- const filterVal = [
- '配方名称', '体况评分标准(分)', '体况评分数据来源', '粪便评分标准(分)', '粪便评分数据来源', 'error_msg'
- ]
- const data1 = this.formatJson(filterVal, list1)
- excel.export_json_to_excel({ header: tHeader, data: data1, filename: '体况、粪便评分导入报错信息', autoWidth: true, bookType: 'xlsx' })
- })
- }
- } else {
- this.$notify({ title: '失败', message: '上传失败', type: 'danger', duration: 2000 })
- }
- },
- formatJson(filterVal, jsonData) {
- return jsonData.map(v =>
- filterVal.map(j => {
- if (j === 'timestamp') {
- return parseTime(v[j])
- } else {
- return v[j]
- }
- })
- )
- },
- beforeImport2(file) {
- const isLt2M = file.size / 1024 / 1024 < 2
- if (!isLt2M) {
- this.$message.error('上传文件大小不能超过 2MB!')
- }
- return isLt2M
- },
- handleImportSuccess2(res, file) {
- this.getList2()
- if (res.msg === 'ok') {
- this.$message({ title: '成功', message: '导入成功:' + res.data.success + '条!', type: 'success', duration: 2000 })
- if (res.data.err_count > 0) {
- this.$notify({ title: '失败', message: '导入失败:' + res.data.err_count + '条!', type: 'danger', duration: 2000 })
- import('@/vendor/Export2Excel').then(excel => {
- const list1 = res.data.result
- const tHeader = [
- '牲畜父类', '牲畜子类', '宾州筛一层(%)', '宾州筛二层(%)', '宾州筛三层(%)', '宾州筛四层(%)', '宾州筛数据来源', '粪便筛二层(%)', '粪便筛三层(%)', '粪便筛数据来源', '错误信息'
- ]
- const filterVal = [
- '牲畜父类', '牲畜子类', '宾州筛一层(%)', '宾州筛二层(%)', '宾州筛三层(%)', '宾州筛四层(%)', '宾州筛数据来源', '粪便筛二层(%)', '粪便筛三层(%)', '粪便筛数据来源', 'error_msg'
- ]
- const data1 = this.formatJson2(filterVal, list1)
- excel.export_json_to_excel({ header: tHeader, data: data1, filename: '宾州筛、粪便筛导入报错信息', autoWidth: true, bookType: 'xlsx' })
- })
- }
- } else {
- this.$notify({ title: '失败', message: '上传失败', type: 'danger', duration: 2000 })
- }
- },
- formatJson2(filterVal, jsonData) {
- return jsonData.map(v =>
- filterVal.map(j => {
- if (j === 'timestamp') {
- return parseTime(v[j])
- } else {
- return v[j]
- }
- })
- )
- }
- // 导入
- // handleImport() {
- // if (this.activeName === 'first') {
- // console.log('体况、粪便评分标准/导入')
- // } else if (this.activeName === 'second') {
- // console.log('宾州筛、粪便筛标准范围/导入')
- // }
- // }
- }
- }
- </script>
- <style lang="scss" scoped>
- // .operation{
- // position: relative;
- // height: 50px;
- // .export{position: absolute;right: 110px;bottom: 10px;}
- // .import{position: absolute;right: 0;bottom: 10px;}
- // }
- </style>
|