index.vue 150 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890
  1. <template>
  2. <div class="app-container1">
  3. <el-tabs v-model="activeName" @tab-click="handleTabClick">
  4. <el-tab-pane :label="$t('feedingEfficiency.xltj')" name="first">
  5. <div class="search">
  6. <el-date-picker v-model="tab.table.getdataListParm.parammaps.inputDatetime" :clearable="false" class="inputDatetime filter-item" type="daterange"
  7. :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" style="width: 250px;" :picker-options="pickerOptions" @change="changeTab1Date" />
  8. <!-- <el-date-picker v-model="tab2.date" :clearable="false" type="date" :placeholder="$t('dailyExecutionPlan.xzrq')" style="width: 150px;" format="yyyy-MM-dd" value-format="yyyy-MM-dd" @change="changeTab2Date" /> -->
  9. <!-- <el-date-picker v-model="tab.table.getdataListParm.parammaps.date" :clearable="false" style="width: 140px;margin-top: 5px;" type="date" :placeholder="$t('dailyExecutionPlan.xzrq')" @change="changeTab1Date"> </el-date-picker> -->
  10. <el-button class="el-icon-arrow-left elIconArrowLeft" style="dispaly:inline-block;margin-top: 5px;" :disabled="Beforedisabled1" @click="handleBefore" />
  11. <el-button class="el-icon-arrow-right elIconArrowRight" style="dispaly:inline-block;margin-top: 5px;" :disabled="Nextdisabled1" @click="handleNext" />
  12. <span style="margin-left: 10px;">{{$t('errorAnalysis.typeName')}}</span>
  13. <el-radio v-model="tab.radio" label="1" @change="changeRadio">{{$t('feedingEfficiency.pf')}}</el-radio>
  14. <el-radio v-model="tab.radio" label="2" @change="changeRadio">{{$t('errorAnalysis.pen')}}</el-radio>
  15. <el-radio v-model="tab.radio" label="3" @change="changeRadio">{{$t('feedingEfficiency.cxlb')}}</el-radio>
  16. <el-input v-if="tab.isFormulaName" v-model="tab.table.getdataListParm.parammaps.ftname" class="filter-item" style="width: 245px;" :placeholder="$t('feedingEfficiency.pfmb')" />
  17. <el-input v-if="tab.isHouseName" v-model="tab.table.getdataListParm.parammaps.barname" class="filter-item" style="width: 150px;" :placeholder="$t('errorAnalysis.pen')"/>
  18. <el-input v-if="tab.isHouseName" v-model="tab.table.getdataListParm.parammaps.ftname" class="filter-item" style="width: 150px;" :placeholder="$t('feedingEfficiency.pfmb')" />
  19. <el-input v-if="tab.isLivestockType" v-model="tab.table.getdataListParm.parammaps.cowclass" class="filter-item" style="width: 150px;" :placeholder="$t('feedingEfficiency.cxlb')" />
  20. <el-select v-model="tab.table.getdataListParm.parammaps.times" filterable :placeholder="$t('errorAnalysis.isTrainNumber')" class="filter-item" style="width: 120px;" clearable>
  21. <el-option v-for="item in frequencyList" :key="item.id" :label="item.name" :value="item.id" />
  22. </el-select>
  23. <el-button class="successBorder" @click="form_search">{{$t('common.query')}}</el-button>
  24. <el-button class="export" icon="el-icon-upload2" @click="handleDownload">{{$t('dashboard.Export')}}</el-button>
  25. <svg-icon icon-class="Up" class="down" style="width: 40px;height: 40px;float: right;" @click="handleQuickJumpChart" />
  26. </div>
  27. <div id="table" class="table">
  28. <el-table
  29. :key="tab.table.tableKey"
  30. v-loading="tab.table.listLoading"
  31. :element-loading-text="$t('common.tableMsg')"
  32. :data="tab.table.list"
  33. border
  34. fit
  35. highlight-current-row
  36. style="width: 100%;"
  37. :row-style="rowStyle"
  38. :cell-style="cellStyle"
  39. class="elTable table-fixed"
  40. :max-height="myHeight"
  41. ref='table1'
  42. >
  43. <el-table-column v-if="tab.isFormulaName" sortable :label="$t('feedingEfficiency.pfmb')" min-width="70px" align="center" prop="配方模板" />
  44. <el-table-column v-if="tab.isHouseName" sortable :label="$t('errorAnalysis.pen')" min-width="70px" align="center" prop="栏舍" />
  45. <el-table-column v-if="tab.isHouseName" sortable :label="$t('feedingEfficiency.pfmb')" min-width="70px" align="center" prop="配方模板" />
  46. <el-table-column v-if="tab.isLivestockType" sortable :label="$t('errorAnalysis.sxlb')" min-width="70px" align="center" prop="牲畜类别" />
  47. <el-table-column sortable :label="$t('feedingEfficiency.sjnts')" min-width="60px" align="center" prop="实际牛头数" />
  48. <el-table-column sortable :label="$t('feedingEfficiency.yhll')" min-width="60px" align="center" prop="应混料量" />
  49. <el-table-column sortable :label="$t('feedingEfficiency.sjhll')" min-width="70px" align="center" prop="实际混料量" />
  50. <el-table-column sortable :label="$t('feedingEfficiency.sll')" min-width="60px" align="center" prop="撒料量" />
  51. <el-table-column sortable :label="$t('feedingEfficiency.pjhlsj')" min-width="70px" align="center" prop="混料时间" />
  52. <el-table-column sortable :label="$t('feedingEfficiency.ztsll')" min-width="70px" align="center" prop="转投剩料量" />
  53. <el-table-column sortable :label="$t('feedingEfficiency.zrsll')" min-width="70px" align="center" prop="今日剩料量" />
  54. <el-table-column sortable :label="$t('feedingEfficiency.csl')" min-width="60px" align="center" prop="剩料率" />
  55. <el-table-column sortable :label="$t('feedingEfficiency.tmrgwz')"min-width="65px" align="center" prop="TMR干物质" />
  56. <el-table-column sortable :label="$t('feedingEfficiency.pfgwzcsl')"min-width="80px" align="center" prop="配方干物质采食量" />
  57. <el-table-column sortable :label="$t('feedingEfficiency.sjgwzcsl')"min-width="80px" align="center" prop="实际干物质采食量" />
  58. <el-table-column sortable:label="$t('feedingEfficiency.csl')" min-width="60px" align="center" prop="采食率" />
  59. <el-table-column sortable :label="$t('feedingEfficiency.pfllcb')"min-width="60px" align="center" prop="feedtempletPrice" />
  60. <el-table-column sortable :label="$t('feedingEfficiency.pfcb')" min-width="65px" align="center" prop="配方成本" />
  61. <el-table-column sortable :label="$t('feedingEfficiency.sjcb')"min-width="65px" align="center" prop="实际成本" />
  62. <el-table-column sortable :label="$t('feedingEfficiency.cnl')"min-width="65px" align="center" prop="产奶量" />
  63. <el-table-column sortable :label="$t('feedingEfficiency.slzhl')"min-width="60px" align="center" prop="饲料转化率" />
  64. <el-table-column sortable :label="$t('feedingEfficiency.gjnclcb')"min-width="60px" align="center" prop="公斤奶饲料成本" />
  65. </el-table>
  66. <span v-if="tab.table.listLoading == false" style="margin-right: 30px;margin-top: 10px;font-size: 14px;">{{$t('processAnalysis.total')}}{{ tab.table.total }}{{$t('processAnalysis.tiao')}}</span>
  67. </div>
  68. <div class="AnalysisChart">
  69. <el-row :gutter="10">
  70. <el-col :span="23">
  71. <span>{{$t('feedingEfficiency.tbcxsj')}}</span>
  72. <el-radio-group v-model="tab.specificDate" class="specificDate" size="mini" style="display: inline-block;" @change="changeAllSpecificDate">
  73. <el-radio-button label="1" border>{{$t('errorAnalysis.day')}}</el-radio-button>
  74. <!-- <el-radio-button label="2" border>周</el-radio-button> -->
  75. <el-radio-button label="3" border>{{$t('errorAnalysis.month')}}</el-radio-button>
  76. </el-radio-group>
  77. <div v-show="tab.specificDate == '1'" class="day" style="display: inline-block;margin-left:10px;">
  78. <el-date-picker v-model="tab.chartDate" :clearable="false" class="inputDatetime filter-item" style="width:250px;" type="daterange" :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" :picker-options="pickerOptionsDate" />
  79. </div>
  80. <div v-show="tab.specificDate == '2'" class="week" style="display: inline-block; clear: both;margin-left:10px;">
  81. <el-select v-model="tab.selectYear" class="filter-item" style="width:130px;margin-right:10px;" :placeholder="$t('errorAnalysis.qxznf')" @change="changeAllYear">
  82. <el-option v-for="item in tab.yearList" :key="item" :label="item" :value="item" />
  83. </el-select>
  84. <el-select v-model="tab.selectWeek" class="filter-item" style="width:170px;" multiple :multiple-limit="2" :placeholder="$t('errorAnalysis.qxzz')" >
  85. <el-option v-for="(item,index) in tab.weekList" :key="index" :label="item.name" :value="item.id" />
  86. </el-select>
  87. </div>
  88. <div v-show="tab.specificDate == '3'" class="month" style="display: inline-block;margin-left:10px;">
  89. <el-date-picker v-model="tab.chartMonth" :clearable="false" value-format="yyyy-MM-dd" type="monthrange" style="width:250px;" class="inputDatetime filter-item" :range-separator="$t('common.to')" :picker-options="pickerOptionsMonth" />
  90. </div>
  91. <el-button class="successBorder" style="margin-left:10px;" @click="handleAllDate">{{$t('errorAnalysis.confirm')}}</el-button>
  92. <svg-icon icon-class="Up" style="width: 40px;height: 40px;float: right;" @click="handleQuickJumpTop" />
  93. </el-col>
  94. </el-row>
  95. <el-row :gutter="10" class="dashboard-editor-container">
  96. <el-col :span="12">
  97. <div class="grid-content">
  98. <h4 style="text-align:center;">{{$t('feedingEfficiency.gwzcsl')}} </h4>
  99. <div v-if="tab.chart1.isChart" class="button">
  100. <div class="chartButton">
  101. <my-select ref="tenantselect" :model="tab.chart1.getdataListParm.parammaps.statisticsList" :option="tab.chart1.statisticsList" :value="'name'" :label="'name'" style="width: 150px;margin-right: 5px;margin-top: 5px;float: left;" :placeholder="$t('errorAnalysis.xztjcs')" @searchSelect="changeStatisticChart1" />
  102. <el-select v-model="tab.chart1.getdataListParm.parammaps.bigcowclass" filterable :placeholder="$t('feedingEfficiency.cxlb')" class="filter-item" clearable style="width: 150px;margin-right: 5px;margin-top: 5px;" @change="changeLivestockType">
  103. <el-option v-for="item in tab.chart1.livestockTypeList" :key="item.value" :label="item.label" :value="item.label" />
  104. </el-select>
  105. <el-radio-group v-model="tab.chart1.getdataListParm.parammaps.specificDate" class="specificDate" size="mini" style="display: inline-block;margin-right: 10px;" @change="changeChartSpecificDate('chart1')">
  106. <el-radio-button label="1" border>{{$t('errorAnalysis.day')}}</el-radio-button>
  107. <!-- <el-radio-button label="2" border>周</el-radio-button> -->
  108. <el-radio-button label="3" border>{{$t('errorAnalysis.month')}}</el-radio-button>
  109. </el-radio-group>
  110. <!-- <br/> -->
  111. <div v-show="tab.chart1.getdataListParm.parammaps.specificDate == '1'" class="day" style="display: inline-block;margin-top: 5px;">
  112. <el-date-picker v-model="tab.chart1.getdataListParm.parammaps.inputDatetime" style="width:220px;" :clearable="false" class="inputDatetime filter-item" type="daterange" :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" :picker-options="pickerOptionsDate" />
  113. </div>
  114. <div v-show="tab.chart1.getdataListParm.parammaps.specificDate == '2'" class="week" style="display: inline-block; clear: both;">
  115. <el-select v-model="tab.chart1.getdataListParm.parammaps.selectYear" class="filter-item" style="width:80px;margin-right:10px;margin-top: 5px;" :placeholder="$t('errorAnalysis.nf')" @change="changeChartYear('chart1')">
  116. <el-option v-for="item in tab.yearList" :key="item" :label="item" :value="item" />
  117. </el-select>
  118. <el-select v-model="tab.chart1.getdataListParm.parammaps.selectWeek" class="filter-item" style="width:160px;" multiple :multiple-limit="2" :placeholder="$t('errorAnalysis.qxzz')" >
  119. <el-option v-for="(item,index) in tab.chart1.getdataListParm.parammaps.weekList" :key="index" :label="item.name" :value="item.id" />
  120. </el-select>
  121. </div>
  122. <div v-show="tab.chart1.getdataListParm.parammaps.specificDate == '3'" class="month" style="display: inline-block;">
  123. <el-date-picker v-model="tab.chart1.getdataListParm.parammaps.chartMonth" style="width:220px;" :clearable="false" value-format="yyyy-MM-dd" type="monthrange" class="inputDatetime filter-item" :range-separator="$t('common.to')" :picker-options="pickerOptionsMonth" />
  124. </div>
  125. <el-button class="successBorder" style="margin-left:10px;" @click="handleChartDate('chart1')">{{$t('errorAnalysis.confirm')}}</el-button>
  126. </div>
  127. <div>
  128. <div class="exportTable2" @click="handleExport('chart1')">{{$t('dashboard.Export')}}</div>
  129. <div class="exportTable2" @click="handleTable('chart1')">{{$t('errorAnalysis.changeTable')}}</div>
  130. </div>
  131. </div>
  132. <div v-if="tab.chart1.isChart" id="chartLine1" style="width:100%;height:385px;" />
  133. <div v-if="tab.chart1.isTable" class="table">
  134. <div class="button">
  135. <div class="exportTable2" @click="handleExport('chart1')">{{$t('dashboard.Export')}}</div>
  136. <div class="exportTable2" @click="handleChart('chart1')">{{$t('dashboard.sTable')}}</div>
  137. </div>
  138. <el-table
  139. :key="tab.chart1.table.tableKey"
  140. v-loading="tab.chart1.table.listLoading"
  141. :element-loading-text="$t('common.tableMsg')"
  142. :data="tab.chart1.table.list"
  143. border
  144. fit
  145. highlight-current-row
  146. style="width: 100%;"
  147. height="385"
  148. :row-style="rowStyle"
  149. :cell-style="cellStyle"
  150. class="elTable table-fixed"
  151. ref='chart1'
  152. >
  153. <el-table-column :label="$t('errorAnalysis.date')" sortable min-width="110px" align="center" prop="日期" />
  154. <el-table-column :label="$t('feedingEfficiency.csl1')" sortable min-width="110px" align="center" prop="field1" />
  155. <el-table-column :label="$t('feedingEfficiency.cnl1')" sortable min-width="110px" align="center" prop="field2" />
  156. </el-table>
  157. </div>
  158. </div>
  159. </el-col>
  160. <el-col :span="12">
  161. <div class="grid-content">
  162. <h4 style="text-align:center;">{{$t('feedingEfficiency.nlsll')}}</h4>
  163. <div v-if="tab.chart2.isChart" class="button">
  164. <div class="chartButton">
  165. <my-select ref="tenantselect" :model="tab.chart2.getdataListParm.parammaps.statisticsList" :option="tab.chart2.statisticsList" :value="'name'" :label="'name'" style="width: 150px;margin-right: 5px;float: left;" :placeholder="$t('errorAnalysis.xztjcs')" @searchSelect="changeStatisticChart2" />
  166. <el-radio-group v-model="tab.chart2.getdataListParm.parammaps.specificDate" class="specificDate" size="mini" style="display: inline-block;" @change="changeChartSpecificDate('chart2')">
  167. <el-radio-button label="1" border>{{$t('errorAnalysis.day')}}</el-radio-button>
  168. <!-- <el-radio-button label="2" border>周</el-radio-button> -->
  169. <el-radio-button label="3" border>{{$t('errorAnalysis.month')}}</el-radio-button>
  170. </el-radio-group>
  171. <div v-show="tab.chart2.getdataListParm.parammaps.specificDate == '1'" class="day" style="display: inline-block;margin-left:10px;">
  172. <el-date-picker v-model="tab.chart2.getdataListParm.parammaps.inputDatetime" style="width:220px;" :clearable="false" class="inputDatetime filter-item" type="daterange" :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" :picker-options="pickerOptionsDate" />
  173. </div>
  174. <div v-show="tab.chart2.getdataListParm.parammaps.specificDate == '2'" class="week" style="display: inline-block; clear: both;margin-left:10px;">
  175. <el-select v-model="tab.chart2.getdataListParm.parammaps.selectYear" class="filter-item" style="width:80px;margin-right:10px;" :placeholder="$t('errorAnalysis.nf')" @change="changeChartYear('chart2')">
  176. <el-option v-for="item in tab.yearList" :key="item" :label="item" :value="item" />
  177. </el-select>
  178. <el-select v-model="tab.chart2.getdataListParm.parammaps.selectWeek" class="filter-item" style="width:160px;" multiple :multiple-limit="2" :placeholder="$t('errorAnalysis.qxzz')" >
  179. <el-option v-for="(item,index) in tab.chart2.getdataListParm.parammaps.weekList" :key="index" :label="item.name" :value="item.id" />
  180. </el-select>
  181. </div>
  182. <div v-show="tab.chart2.getdataListParm.parammaps.specificDate == '3'" class="month" style="display: inline-block;margin-left:10px;">
  183. <el-date-picker v-model="tab.chart2.getdataListParm.parammaps.chartMonth" style="width:220px;" :clearable="false" value-format="yyyy-MM-dd" type="monthrange" class="inputDatetime filter-item" :range-separator="$t('common.to')" :picker-options="pickerOptionsMonth" />
  184. </div>
  185. <el-button class="successBorder" style="margin-left:10px;" @click="handleChartDate('chart2')">{{$t('errorAnalysis.confirm')}}</el-button>
  186. </div>
  187. <div>
  188. <div class="exportTable2" @click="handleExport('chart2')">{{$t('dashboard.Export')}}</div>
  189. <div class="exportTable2" @click="handleTable('chart2')">{{$t('errorAnalysis.changeTable')}}</div>
  190. </div>
  191. </div>
  192. <div v-if="tab.chart2.isChart" id="chartLine2" style="width:100%;height:385px;" />
  193. <div v-if="tab.chart2.isTable" class="table">
  194. <div class="button">
  195. <div class="exportTable" @click="handleExport('chart2')">{{$t('dashboard.Export')}}</div>
  196. <div class="exportTable" @click="handleChart('chart2')">{{$t('dashboard.sTable')}}</div>
  197. </div>
  198. <el-table
  199. :key="tab.chart2.table.tableKey"
  200. v-loading="tab.chart2.table.listLoading"
  201. :element-loading-text="$t('common.tableMsg')"
  202. :data="tab.chart2.table.list"
  203. border
  204. fit
  205. highlight-current-row
  206. style="width: 100%;"
  207. height="385"
  208. :row-style="rowStyle"
  209. :cell-style="cellStyle"
  210. class="elTable table-fixed"
  211. ref="chart2"
  212. >
  213. <el-table-column :label="$t('errorAnalysis.date')" sortable min-width="110px" align="center" prop="日期" />
  214. <el-table-column :label="$t('errorAnalysis.isHouseName')" sortable min-width="110px" align="center" prop="名称" />
  215. <el-table-column :label="$t('performance.sll')" sortable min-width="110px" align="center" prop="剩料量" />
  216. <el-table-column :label="$t('feedingEfficiency.sll')" sortable min-width="110px" align="center" prop="撒料量" />
  217. <el-table-column :label="$t('feedingEfficiency.sll1')" sortable min-width="110px" align="center" prop="准确率" />
  218. </el-table>
  219. </div>
  220. </div>
  221. </el-col>
  222. </el-row>
  223. <el-row :gutter="10" class="dashboard-editor-container">
  224. <el-col :span="12">
  225. <div class="grid-content">
  226. <h4 style="text-align:center;">{{$t('feedingEfficiency.hlsjtj')}}</h4>
  227. <div v-if="tab.chart3.isChart" class="button">
  228. <div class="chartButton">
  229. <my-select ref="tenantselect" :model="tab.chart3.getdataListParm.parammaps.statisticsList" :option="tab.chart3.statisticsList" :value="'name'" :label="'name'" style="width: 150px;margin-right: 5px;float: left;" :placeholder="$t('errorAnalysis.xztjcs')" @searchSelect="changeStatisticChart3" />
  230. <el-radio-group v-model="tab.chart3.getdataListParm.parammaps.specificDate" class="specificDate" size="mini" style="display: inline-block;" @change="changeChartSpecificDate('chart3')">
  231. <el-radio-button label="1" border>{{$t('errorAnalysis.day')}}</el-radio-button>
  232. <!-- <el-radio-button label="2" border>周</el-radio-button> -->
  233. <el-radio-button label="3" border>{{$t('errorAnalysis.month')}}</el-radio-button>
  234. </el-radio-group>
  235. <div v-show="tab.chart3.getdataListParm.parammaps.specificDate == '1'" class="day" style="display: inline-block;margin-left:10px;">
  236. <el-date-picker v-model="tab.chart3.getdataListParm.parammaps.inputDatetime" style="width:220px;" :clearable="false" class="inputDatetime filter-item" type="daterange" :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" :picker-options="pickerOptionsDate" />
  237. </div>
  238. <div v-show="tab.chart3.getdataListParm.parammaps.specificDate == '2'" class="week" style="display: inline-block; clear: both;margin-left:10px;">
  239. <el-select v-model="tab.chart3.getdataListParm.parammaps.selectYear" class="filter-item" style="width:80px;margin-right:10px;" :placeholder="$t('errorAnalysis.nf')" @change="changeChartYear('chart3')">
  240. <el-option v-for="item in tab.yearList" :key="item" :label="item" :value="item" />
  241. </el-select>
  242. <el-select v-model="tab.chart3.getdataListParm.parammaps.selectWeek" class="filter-item" style="width:160px;" multiple :multiple-limit="2" :placeholder="$t('errorAnalysis.qxzz')" >
  243. <el-option v-for="(item,index) in tab.chart3.getdataListParm.parammaps.weekList" :key="index" :label="item.name" :value="item.id" />
  244. </el-select>
  245. </div>
  246. <div v-show="tab.chart3.getdataListParm.parammaps.specificDate == '3'" class="month" style="display: inline-block;margin-left:10px;">
  247. <el-date-picker v-model="tab.chart3.getdataListParm.parammaps.chartMonth" style="width:220px;" :clearable="false" value-format="yyyy-MM-dd" type="monthrange" class="inputDatetime filter-item" :range-separator="$t('common.to')" :picker-options="pickerOptionsMonth" />
  248. </div>
  249. <el-button class="successBorder" style="margin-left:10px;" @click="handleChartDate('chart3')">{{$t('errorAnalysis.confirm')}}</el-button>
  250. </div>
  251. <div>
  252. <div class="exportTable2" @click="handleExport('chart3')">{{$t('dashboard.Export')}}</div>
  253. <div class="exportTable2" @click="handleTable('chart3')">{{$t('errorAnalysis.changeTable')}}</div>
  254. </div>
  255. </div>
  256. <div v-if="tab.chart3.isChart" id="chartLine3" style="width:100%;height:385px;" />
  257. <div v-if="tab.chart3.isTable" class="table">
  258. <div class="button">
  259. <div class="exportTable" @click="handleExport('chart3')">{{$t('dashboard.Export')}}</div>
  260. <div class="exportTable" @click="handleChart('chart3')">{{$t('dashboard.sTable')}}</div>
  261. </div>
  262. <el-table
  263. :key="tab.chart3.table.tableKey"
  264. v-loading="tab.chart3.table.listLoading"
  265. :element-loading-text="$t('common.tableMsg')"
  266. :data="tab.chart3.table.list"
  267. border
  268. fit
  269. highlight-current-row
  270. style="width: 100%;"
  271. height="385"
  272. :row-style="rowStyle"
  273. :cell-style="cellStyle"
  274. class="elTable table-fixed"
  275. ref='chart3'
  276. >
  277. <el-table-column sortable :label="$t('errorAnalysis.date')" min-width="110px" align="center" prop="日期" />
  278. <el-table-column sortable :label="$t('errorAnalysis.feedName')" min-width="110px" align="center" prop="名称" />
  279. <el-table-column sortable :label="$t('feedingEfficiency.sjfz')" min-width="110px" align="center" prop="准确率" />
  280. </el-table>
  281. </div>
  282. </div>
  283. </el-col>
  284. <el-col :span="12">
  285. <div class="grid-content">
  286. <h4 style="text-align:center;">{{$t('feedingEfficiency.zhl')}}</h4>
  287. <div v-if="tab.chart4.isChart" class="button">
  288. <div class="chartButton">
  289. <my-select ref="tenantselect" :model="tab.chart4.getdataListParm.parammaps.statisticsList" :option="tab.chart4.statisticsList" :value="'name'" :label="'name'" style="width: 150px;margin-right: 5px;float: left;" :placeholder="$t('errorAnalysis.xztjcs')" @searchSelect="changeStatisticChart4" />
  290. <el-radio-group v-model="tab.chart4.getdataListParm.parammaps.specificDate" class="specificDate" size="mini" style="display: inline-block;" @change="changeChartSpecificDate('chart4')">
  291. <el-radio-button label="1" border>{{$t('errorAnalysis.day')}}</el-radio-button>
  292. <!-- <el-radio-button label="2" border>周</el-radio-button> -->
  293. <el-radio-button label="3" border>{{$t('errorAnalysis.month')}}</el-radio-button>
  294. </el-radio-group>
  295. <div v-show="tab.chart4.getdataListParm.parammaps.specificDate == '1'" class="day" style="display: inline-block;margin-left:10px;">
  296. <el-date-picker v-model="tab.chart4.getdataListParm.parammaps.inputDatetime" style="width:220px;" :clearable="false" class="inputDatetime filter-item" type="daterange" :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" :picker-options="pickerOptionsDate" />
  297. </div>
  298. <div v-show="tab.chart4.getdataListParm.parammaps.specificDate == '2'" class="week" style="display: inline-block; clear: both;margin-left:10px;">
  299. <el-select v-model="tab.chart4.getdataListParm.parammaps.selectYear" class="filter-item" style="width:80px;margin-right:10px;" :placeholder="$t('errorAnalysis.nf')" @change="changeChartYear('chart4')">
  300. <el-option v-for="item in tab.yearList" :key="item" :label="item" :value="item" />
  301. </el-select>
  302. <el-select v-model="tab.chart4.getdataListParm.parammaps.selectWeek" class="filter-item" style="width:160px;" multiple :multiple-limit="2" :placeholder="$t('errorAnalysis.qxzz')" >
  303. <el-option v-for="(item,index) in tab.chart4.getdataListParm.parammaps.weekList" :key="index" :label="item.name" :value="item.id" />
  304. </el-select>
  305. </div>
  306. <div v-show="tab.chart4.getdataListParm.parammaps.specificDate == '3'" class="month" style="display: inline-block;margin-left:10px;">
  307. <el-date-picker v-model="tab.chart4.getdataListParm.parammaps.chartMonth" style="width:220px;" :clearable="false" value-format="yyyy-MM-dd" type="monthrange" class="inputDatetime filter-item" :range-separator="$t('common.to')" :picker-options="pickerOptionsMonth" />
  308. </div>
  309. <el-button class="successBorder" style="margin-left:10px;" @click="handleChartDate('chart4')">{{$t('errorAnalysis.confirm')}}</el-button>
  310. </div>
  311. <div>
  312. <div class="exportTable2" @click="handleExport('chart4')">{{$t('dashboard.Export')}}</div>
  313. <div class="exportTable2" @click="handleTable('chart4')">{{$t('errorAnalysis.changeTable')}}</div>
  314. </div>
  315. </div>
  316. <div v-if="tab.chart4.isChart" id="chartLine4" style="width:100%;height:385px;" />
  317. <div v-if="tab.chart4.isTable" class="table">
  318. <div class="button">
  319. <div class="exportTable" @click="handleExport('chart4')">{{$t('dashboard.Export')}}</div>
  320. <div class="exportTable" @click="handleChart('chart4')">{{$t('dashboard.sTable')}}</div>
  321. </div>
  322. <el-table
  323. :key="tab.chart4.table.tableKey"
  324. v-loading="tab.chart4.table.listLoading"
  325. :element-loading-text="$t('common.tableMsg')"
  326. :data="tab.chart4.table.list"
  327. border
  328. fit
  329. highlight-current-row
  330. style="width: 100%;"
  331. height="385"
  332. :row-style="rowStyle"
  333. :cell-style="cellStyle"
  334. class="elTable table-fixed"
  335. ref='chart4'
  336. >
  337. <el-table-column sortable :label="$t('errorAnalysis.date')" min-width="110px" align="center" prop="日期" />
  338. <el-table-column sortable :label="$t('errorAnalysis.feedName')" min-width="110px" align="center" prop="名称" />
  339. <el-table-column sortable :label="$t('feedingEfficiency.slzhl')"min-width="110px" align="center" prop="准确率" />
  340. </el-table>
  341. </div>
  342. </div>
  343. </el-col>
  344. </el-row>
  345. <el-row :gutter="10" class="dashboard-editor-container" style="margin-bottom: 30px;">
  346. <el-col :span="24">
  347. <div class="grid-content">
  348. <h4 style="text-align:center;">{{$t('feedingEfficiency.cbfx')}}</h4>
  349. <div v-if="tab.chart5.isChart" class="button">
  350. <div class="chartButton">
  351. <my-select ref="tenantselect" :model="tab.chart5.getdataListParm.parammaps.statisticsList" :option="tab.chart5.statisticsList" :value="'name'" :label="'name'" style="width: 150px;margin-right: 5px;float: left;" :placeholder="$t('errorAnalysis.xztjcs')" @searchSelect="changeStatisticChart5" />
  352. <el-radio-group v-model="tab.chart5.getdataListParm.parammaps.specificDate" class="specificDate" size="mini" style="display: inline-block;" @change="changeChartSpecificDate('chart5')">
  353. <el-radio-button label="1" border>{{$t('errorAnalysis.day')}}</el-radio-button>
  354. <!-- <el-radio-button label="2" border>周</el-radio-button> -->
  355. <el-radio-button label="3" border>{{$t('errorAnalysis.month')}}</el-radio-button>
  356. </el-radio-group>
  357. <div v-show="tab.chart5.getdataListParm.parammaps.specificDate == '1'" class="day" style="display: inline-block;margin-left:10px;">
  358. <el-date-picker v-model="tab.chart5.getdataListParm.parammaps.inputDatetime" style="width:220px;" :clearable="false" class="inputDatetime filter-item" type="daterange" :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" :picker-options="pickerOptionsDate" />
  359. </div>
  360. <div v-show="tab.chart5.getdataListParm.parammaps.specificDate == '2'" class="week" style="display: inline-block; clear: both;margin-left:10px;">
  361. <el-select v-model="tab.chart5.getdataListParm.parammaps.selectYear" class="filter-item" style="width:80px;margin-right:10px;" :placeholder="$t('errorAnalysis.nf')" @change="changeChartYear('chart5')">
  362. <el-option v-for="item in tab.yearList" :key="item" :label="item" :value="item" />
  363. </el-select>
  364. <el-select v-model="tab.chart5.getdataListParm.parammaps.selectWeek" class="filter-item" style="width:160px;" multiple :multiple-limit="2" :placeholder="$t('errorAnalysis.qxzz')" >
  365. <el-option v-for="(item,index) in tab.chart5.getdataListParm.parammaps.weekList" :key="index" :label="item.name" :value="item.id" />
  366. </el-select>
  367. </div>
  368. <div v-show="tab.chart5.getdataListParm.parammaps.specificDate == '3'" class="month" style="display: inline-block;margin-left:10px;">
  369. <el-date-picker v-model="tab.chart5.getdataListParm.parammaps.chartMonth" style="width:220px;" :clearable="false" value-format="yyyy-MM-dd" type="monthrange" class="inputDatetime filter-item" :range-separator="$t('common.to')" :picker-options="pickerOptionsMonth" />
  370. </div>
  371. <el-button class="successBorder" style="margin-left:10px;" @click="handleChartDate('chart5')">{{$t('errorAnalysis.confirm')}}</el-button>
  372. </div>
  373. <div>
  374. <div class="exportTable2" @click="handleExport('chart5')">{{$t('dashboard.Export')}}</div>
  375. <div class="exportTable2" @click="handleTable('chart5')">{{$t('errorAnalysis.changeTable')}}</div>
  376. </div>
  377. </div>
  378. <div v-if="tab.chart5.isChart" id="chartLine5" style="width:100%;height:385px;" />
  379. <div v-if="tab.chart5.isTable" class="table">
  380. <div class="button">
  381. <div class="exportTable" @click="handleExport('chart5')">{{$t('dashboard.Export')}}</div>
  382. <div class="exportTable" @click="handleChart('chart5')">{{$t('dashboard.sTable')}}</div>
  383. </div>
  384. <el-table
  385. :key="tab.chart5.table.tableKey"
  386. v-loading="tab.chart5.table.listLoading"
  387. :element-loading-text="$t('common.tableMsg')"
  388. :data="tab.chart5.table.list"
  389. border
  390. fit
  391. highlight-current-row
  392. style="width: 100%;"
  393. height="385"
  394. :row-style="rowStyle"
  395. :cell-style="cellStyle"
  396. class="elTable table-fixed"
  397. ref='chart5'
  398. >
  399. <el-table-column sortable :label="$t('errorAnalysis.date')" min-width="110px" align="center" prop="日期" />
  400. <el-table-column sortable :label="$t('errorAnalysis.sxlb')" min-width="110px" align="center" prop="名称" />
  401. <el-table-column sortable :label="$t('feedingEfficiency.gjnclcb1')"min-width="110px" align="center" prop="准确率" />
  402. </el-table>
  403. </div>
  404. </div>
  405. </el-col>
  406. </el-row>
  407. </div>
  408. </el-tab-pane>
  409. <el-tab-pane :label="$t('feedingEfficiency.nxpg')" name="second">
  410. <div class="search">
  411. <el-date-picker v-model="tab2.date" :clearable="false" type="date" :placeholder="$t('dailyExecutionPlan.xzrq')" style="width: 150px;" format="yyyy-MM-dd" value-format="yyyy-MM-dd" @change="changeTab2Date" />
  412. <el-button class="export" style="float: right;" icon="el-icon-upload2" @click="handleDownload2">{{$t('dashboard.Export')}}</el-button>
  413. <!-- <el-button class="el-icon-arrow-left elIconArrowLeft" :disabled="Beforedisabled2" @click="handleBefore2" />
  414. <el-button class="el-icon-arrow-right elIconArrowRight" :disabled="Nextdisabled2" @click="handleNext2" /> -->
  415. </div>
  416. <div class="table">
  417. <el-row :gutter="10">
  418. <el-col :span="12">
  419. <h4 style="text-align:center;">{{$t('feedingEfficiency.bzsfx')}}</h4>
  420. <el-table
  421. :key="tab2.table.tableKey"
  422. v-loading="tab2.table.listLoading"
  423. :element-loading-text="$t('common.tableMsg')"
  424. :data="tab2.table.list"
  425. border
  426. fit
  427. highlight-current-row
  428. style="width: 100%;"
  429. :row-style="rowStyle"
  430. :cell-style="cellStyle"
  431. class="elTable table-fixed"
  432. height="400px"
  433. ref="myTable1"
  434. >
  435. <el-table-column sortable :label="$t('feedingEfficiency.bzs')" min-width="60px" align="center" prop="barname" />
  436. <el-table-column sortable :label="$t('feedingEfficiency.dczl1')" min-width="60px" align="center" prop="oneweight" />
  437. <el-table-column sortable :label="$t('feedingEfficiency.dcbfb1')" min-width="60px" align="center" prop="onerate" />
  438. <el-table-column sortable :label="$t('feedingEfficiency.dczl2')" min-width="60px" align="center" prop="twoweight" />
  439. <el-table-column sortable :label="$t('feedingEfficiency.dcbfb2')" min-width="60px" align="center" prop="tworate" />
  440. <el-table-column sortable :label="$t('feedingEfficiency.dczl3')" min-width="60px" align="center" prop="threeweight" />
  441. <el-table-column sortable :label="$t('feedingEfficiency.dcbfb3')" min-width="60px" align="center" prop="threerate" />
  442. <el-table-column sortable :label="$t('feedingEfficiency.dczl4')" min-width="60px" align="center" prop="fourweight" />
  443. <el-table-column sortable :label="$t('feedingEfficiency.dcbfb4')" min-width="60px" align="center" prop="fourrate" />
  444. <el-table-column sortable :label="$t('feedingEfficiency.ckbz')" min-width="50px" align="center" prop="standard" />
  445. </el-table>
  446. </el-col>
  447. <el-col :span="12">
  448. <h4 style="text-align:center;">{{$t('feedingEfficiency.fbsfx')}}</h4>
  449. <el-table
  450. :key="tab2.table2.tableKey"
  451. v-loading="tab2.table2.listLoading"
  452. :element-loading-text="$t('common.tableMsg')"
  453. :data="tab2.table2.list"
  454. border
  455. fit
  456. highlight-current-row
  457. style="width: 100%;"
  458. :row-style="rowStyle"
  459. :cell-style="cellStyle"
  460. class="elTable table-fixed"
  461. height="400px"
  462. ref="myTable2"
  463. >
  464. <el-table-column sortable :label="$t('feedingEfficiency.fbs')" min-width="60px" align="center" prop="barname" />
  465. <el-table-column sortable :label="$t('feedingEfficiency.dczl1')" min-width="60px" align="center" prop="oneweight" />
  466. <el-table-column sortable :label="$t('feedingEfficiency.dcbfb1')" min-width="60px" align="center" prop="onerate" />
  467. <el-table-column sortable :label="$t('feedingEfficiency.dczl2')" min-width="60px" align="center" prop="twoweight" />
  468. <el-table-column sortable :label="$t('feedingEfficiency.dcbfb2')" min-width="60px" align="center" prop="tworate" />
  469. <el-table-column sortable :label="$t('feedingEfficiency.dczl3')" min-width="60px" align="center" prop="threeweight" />
  470. <el-table-column sortable :label="$t('feedingEfficiency.dcbfb3')" min-width="60px" align="center" prop="threerate" />
  471. <el-table-column sortable :label="$t('feedingEfficiency.ckbz')" min-width="50px" align="center" prop="standard" />
  472. </el-table>
  473. </el-col>
  474. </el-row>
  475. <el-row :gutter="10">
  476. <el-col :span="12">
  477. <h4 style="text-align:center;">{{$t('feedingEfficiency.tkpl')}}</h4>
  478. <el-table
  479. :key="tab2.table3.tableKey"
  480. v-loading="tab2.table3.listLoading"
  481. :element-loading-text="$t('common.tableMsg')"
  482. :data="tab2.table3.list"
  483. border
  484. fit
  485. highlight-current-row
  486. style="width: 100%;"
  487. :row-style="rowStyle"
  488. :cell-style="cellStyle"
  489. class="elTable table-fixed"
  490. height="400px"
  491. ref="myTable3"
  492. >
  493. <el-table-column sortable :label="$t('errorAnalysis.pen')" min-width="60px" align="center" prop="barname" />
  494. <el-table-column sortable :label="$t('feedingEfficiency.czybs')" min-width="60px" align="center" prop="sumcowcount" />
  495. <el-table-column sortable :label="$t('feedingEfficiency.dc')" min-width="60px" align="center" prop="product" />
  496. <el-table-column sortable :label="$t('feedingEfficiency.gwzcsl')" min-width="60px" align="center" prop="dryweight" />
  497. <el-table-column sortable :label="$t('feedingEfficiency.mrts')" min-width="50px" align="center" prop="avgdim" />
  498. <el-table-column sortable :label="$t('feedingEfficiency.bzfs')" min-width="50px" align="center" prop="standardscore" />
  499. <el-table-column sortable :label="$t('feedingEfficiency.bfb25')" min-width="100px" align="center" prop="score25" />
  500. <el-table-column sortable :label="$t('feedingEfficiency.bfb275')" min-width="100px" align="center" prop="score275" />
  501. <el-table-column sortable :label="$t('feedingEfficiency.bfb3')" min-width="90px" align="center" prop="score3" />
  502. <el-table-column sortable :label="$t('feedingEfficiency.bfb325')" min-width="100px" align="center" prop="score325" />
  503. <el-table-column sortable :label="$t('feedingEfficiency.bfb35')" min-width="100px" align="center" prop="score35" />
  504. <el-table-column sortable :label="$t('feedingEfficiency.bfb375')" min-width="100px" align="center" prop="score375" />
  505. <el-table-column sortable :label="$t('feedingEfficiency.bfb44')" min-width="100px" align="center" prop="score4" />
  506. </el-table>
  507. </el-col>
  508. <!-- 粪便评分 -->
  509. <el-col :span="12">
  510. <h4 style="text-align:center;">{{$t('feedingEfficiency.fbpf')}}</h4>
  511. <el-table
  512. :key="tab2.table4.tableKey"
  513. v-loading="tab2.table4.listLoading"
  514. :element-loading-text="$t('common.tableMsg')"
  515. :data="tab2.table4.list"
  516. border
  517. fit
  518. highlight-current-row
  519. style="width: 100%;"
  520. :row-style="rowStyle"
  521. :cell-style="cellStyle"
  522. class="elTable table-fixed"
  523. height="400px"
  524. ref="myTable4"
  525. >
  526. <el-table-column sortable :label="$t('errorAnalysis.pen')" min-width="60px" align="center" prop="barname" />
  527. <el-table-column sortable :label="$t('feedingEfficiency.czybs')" min-width="60px" align="center" prop="sumcowcount" />
  528. <el-table-column sortable :label="$t('feedingEfficiency.dc')" min-width="60px" align="center" prop="product" />
  529. <el-table-column sortable :label="$t('feedingEfficiency.gwzcsl')" min-width="60px" align="center" prop="dryweight" />
  530. <el-table-column sortable :label="$t('feedingEfficiency.mrts')" min-width="60px" align="center" prop="avgdim" />
  531. <el-table-column sortable :label="$t('feedingEfficiency.bzfs')" min-width="60px" align="center" prop="standardscore" />
  532. <el-table-column sortable :label="$t('feedingEfficiency.bfb1')" min-width="90px" align="center" prop="score1" />
  533. <el-table-column sortable :label="$t('feedingEfficiency.bfb2')" min-width="90px" align="center" prop="score2" />
  534. <el-table-column sortable :label="$t('feedingEfficiency.bfb3')" min-width="90px" align="center" prop="score3" />
  535. <el-table-column sortable :label="$t('feedingEfficiency.bfb4')" min-width="90px" align="center" prop="score4" />
  536. <el-table-column sortable :label="$t('feedingEfficiency.bfb5')" min-width="90px" align="center" prop="score5" />
  537. </el-table>
  538. </el-col>
  539. </el-row>
  540. </div>
  541. </el-tab-pane>
  542. </el-tabs>
  543. <!-- 导出 -->
  544. <el-dialog :title="textMap[exportList.dialogStatus]" :visible.sync="exportList.dialogFormVisible" :close-on-click-modal="false" width="20%">
  545. <div>
  546. <span>{{$t('feedingEfficiency.dcskff')}}</span>
  547. <el-date-picker v-model="exportList.inputDatetime" :clearable="false" style="width: 230px;" class="inputDatetime filter-item" type="daterange" :range-separator="$t('common.to')" :start-placeholder="$t('common.startTime')" :end-placeholder="$t('common.endTime')" :picker-options="pickerOptions" />
  548. </div>
  549. <div slot="footer" class="dialog-footer" style="margin-bottom: 10px;">
  550. <el-button class="cancelClose" @click="exportList.dialogFormVisible = false">{{$t('common.closed')}}</el-button>
  551. <el-button class="save" v-if="activeName=='first'" :disabled="isokDisable" @click="exportList1()">{{$t('errorAnalysis.confirm')}}</el-button>
  552. <el-button class="save" v-else :disabled="isokDisable" @click="exportList2()">{{$t('errorAnalysis.confirm')}}</el-button>
  553. </div>
  554. </el-dialog>
  555. </div>
  556. </template>
  557. <script>
  558. import echarts from 'echarts'
  559. require('echarts/theme/macarons')
  560. import { GetDataByName, postJson, GetReportform, whichWeek,GetDataByNames } from '@/api/common'
  561. import Cookies from 'js-cookie'
  562. import { parseTime } from '@/utils/index.js'
  563. import Pagination from '@/components/Pagination'
  564. import { json2excel } from '@/utils/index.js'
  565. import { MessageBox } from 'element-ui'
  566. import mySelect from '@/components/mySelect'
  567. import * as common from '@/api/common'
  568. export default {
  569. name: 'PastureFeedingEfficiency',
  570. components: { Pagination, mySelect },
  571. data() {
  572. return {
  573. Beforedisabled1: false,
  574. Nextdisabled1: false,
  575. Beforedisabled2: false,
  576. Nextdisabled2: false,
  577. pickerOptions: {
  578. onPick: ({ maxDate, minDate }) => {
  579. this.pickerMinDate = minDate.getTime()
  580. if (maxDate) {
  581. this.pickerMinDate = ''
  582. }
  583. },
  584. // 限制不能选择今天之后的日期
  585. disabledDate: (time) => {
  586. if (this.pickerMinDate !== '') {
  587. const one = 31 * 24 * 3600 * 1000
  588. const minTime = this.pickerMinDate - one
  589. let maxTime = this.pickerMinDate + one
  590. if (maxTime > new Date()) {
  591. maxTime = new Date()
  592. }
  593. return time.getTime() < minTime || time.getTime() > maxTime
  594. }
  595. return time.getTime() > Date.now()
  596. }
  597. },
  598. pickerMinMonth: '',
  599. pickerOptionsMonth: {
  600. onPick: ({ maxDate, minDate }) => {
  601. this.pickerMinMonth = minDate.getTime()
  602. if (maxDate) {
  603. this.pickerMinMonth = ''
  604. }
  605. },
  606. // 限制不能选择今天之后的日期
  607. disabledDate: (time) => {
  608. if (this.pickerMinMonth !== '') {
  609. const one = 24 * 3600 * 1000 * 365 * 5
  610. const minTime = this.pickerMinMonth - 0
  611. let maxTime = this.pickerMinMonth + one
  612. if (maxTime > new Date()) {
  613. maxTime = new Date()
  614. }
  615. return time.getTime() < minTime || time.getTime() > maxTime
  616. }
  617. return time.getTime() >= Date.now()
  618. }
  619. },
  620. pickerMinDate: '',
  621. pickerOptionsDate: {
  622. showWeekNumber: false,
  623. onPick: ({ maxDate, minDate }) => {
  624. this.pickerMinDate = minDate.getTime()
  625. if (maxDate) {
  626. this.pickerMinDate = ''
  627. }
  628. },
  629. // 限制不能选择今天之后的日期
  630. disabledDate: (time) => {
  631. if (this.pickerMinDate !== '') {
  632. const one = 31 * 24 * 3600 * 1000
  633. const minTime = this.pickerMinDate - one
  634. let maxTime = this.pickerMinDate + one
  635. if (maxTime > new Date()) {
  636. maxTime = new Date()
  637. }
  638. return time.getTime() < minTime || time.getTime() > maxTime
  639. }
  640. return time.getTime() > Date.now()
  641. }
  642. },
  643. activeName: 'first',
  644. tab: {
  645. radio: '1',
  646. isFormulaName: true, // 配方名称
  647. isHouseName: false, // 栏舍名称
  648. isLivestockType: false, // 牲畜类别
  649. chartDate: [],
  650. selectWeek: [],
  651. chartMonth: [],
  652. specificDate: '1',
  653. selectYear: parseTime(new Date(), '{y}'),
  654. yearList: [],
  655. weekList: [],
  656. // 班次
  657. maxTime: {
  658. getMaxTimesParm: {
  659. name: 'getSysoptEnable',
  660. page: 1,
  661. offset: 1,
  662. pagecount: 1,
  663. returntype: 'Map',
  664. parammaps: {
  665. pastureid: Cookies.get('pastureid'),
  666. inforname: 'times'
  667. }
  668. }
  669. },
  670. table: {
  671. getdataListParm: {
  672. name: 'getFeedEfficiencyFT',
  673. page: 1,
  674. offset: 1,
  675. pagecount: '',
  676. returntype: 'Map',
  677. parammaps: {
  678. pastureid: Cookies.get('pastureid'),
  679. // date: parseTime(new Date(), '{y}-{m}-{d}'),
  680. inputDatetime: [new Date(), new Date()],
  681. startTime: parseTime(new Date(), '{y}-{m}-{d}'),
  682. stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
  683. ftname: '',
  684. barname: '',
  685. cowclass: ''
  686. }
  687. },
  688. tableKey: 1,
  689. list: [],
  690. total: 0,
  691. listLoading: true,
  692. temp: {},
  693. },
  694. chart1: {
  695. chartLine: null,
  696. chartLine_data: {},
  697. livestockTypeList: [], // 牲畜类别
  698. getdataListParm: {
  699. name: 'getFeedEffMR',
  700. page: 1,
  701. offset: 1,
  702. pagecount: '',
  703. returntype: 'Map',
  704. parammaps: {
  705. pastureid: Cookies.get('pastureid'),
  706. startTime: parseTime(new Date(), '{y}-{m}-{d}'),
  707. stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
  708. inputDatetime: [new Date(), new Date()],
  709. specificDate: '1',
  710. selectYear: parseTime(new Date(), '{y}'),
  711. selectWeek: '',
  712. chartMonth: '',
  713. yearList: [],
  714. weekList: [],
  715. status: 0,
  716. ccname:''
  717. }
  718. },
  719. tableKey: 1,
  720. list: [],
  721. total: 0,
  722. listLoading: true,
  723. statisticsList:[],
  724. chart1Data3:[],
  725. isChart: true,
  726. isTable: false,
  727. table: {
  728. tableKey: 1,
  729. list: [],
  730. total: 0,
  731. listLoading: false
  732. }
  733. },
  734. chart2: {
  735. chartLine: null,
  736. chartLine_data: {},
  737. getdataListParm: {
  738. name: 'getFeedEffSL',
  739. page: 1,
  740. offset: 1,
  741. pagecount: '',
  742. returntype: 'Map',
  743. parammaps: {
  744. pastureid: Cookies.get('pastureid'),
  745. startTime: parseTime(new Date(), '{y}-{m}-{d}'),
  746. stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
  747. inputDatetime: [new Date(), new Date()],
  748. specificDate: '1',
  749. selectYear: parseTime(new Date(), '{y}'),
  750. selectWeek: '',
  751. chartMonth: '',
  752. yearList: [],
  753. weekList: [],
  754. status: 0
  755. }
  756. },
  757. tableKey: 1,
  758. list: [],
  759. total: 0,
  760. listLoading: true,
  761. statisticsList: [],
  762. chart2Data3: [],
  763. isChart: true,
  764. isTable: false,
  765. table: {
  766. tableKey: 1,
  767. list: [],
  768. total: 0,
  769. listLoading: false
  770. }
  771. },
  772. chart3: {
  773. chartLine: null,
  774. chartLine_data: {},
  775. getdataListParm: {
  776. name: 'getFeedEffHL',
  777. page: 1,
  778. offset: 1,
  779. pagecount: '',
  780. returntype: 'Map',
  781. parammaps: {
  782. pastureid: Cookies.get('pastureid'),
  783. startTime: parseTime(new Date(), '{y}-{m}-{d}'),
  784. stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
  785. inputDatetime: [new Date(), new Date()],
  786. specificDate: '1',
  787. selectYear: parseTime(new Date(), '{y}'),
  788. selectWeek: '',
  789. chartMonth: '',
  790. yearList: [],
  791. weekList: [],
  792. status: 0
  793. }
  794. },
  795. tableKey: 1,
  796. list: [],
  797. total: 0,
  798. listLoading: true,
  799. statisticsList: [],
  800. chart3Data3: [],
  801. isChart: true,
  802. isTable: false,
  803. table: {
  804. tableKey: 1,
  805. list: [],
  806. total: 0,
  807. listLoading: false
  808. }
  809. },
  810. chart4: {
  811. chartLine: null,
  812. chartLine_data: {},
  813. getdataListParm: {
  814. name: 'getFeedEffZH',
  815. page: 1,
  816. offset: 1,
  817. pagecount: '',
  818. returntype: 'Map',
  819. parammaps: {
  820. pastureid: Cookies.get('pastureid'),
  821. startTime: parseTime(new Date(), '{y}-{m}-{d}'),
  822. stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
  823. inputDatetime: [new Date(), new Date()],
  824. specificDate: '1',
  825. selectYear: parseTime(new Date(), '{y}'),
  826. selectWeek: '',
  827. chartMonth: '',
  828. yearList: [],
  829. weekList: [],
  830. status: 0
  831. }
  832. },
  833. tableKey: 1,
  834. list: [],
  835. total: 0,
  836. listLoading: true,
  837. statisticsList: [],
  838. chart4Data3: [],
  839. isChart: true,
  840. isTable: false,
  841. table: {
  842. tableKey: 1,
  843. list: [],
  844. total: 0,
  845. listLoading: false
  846. }
  847. },
  848. chart5: {
  849. chartLine: null,
  850. chartLine_data: {},
  851. getdataListParm: {
  852. name: 'getFeedEffCBFT',
  853. page: 1,
  854. offset: 1,
  855. pagecount: '',
  856. returntype: 'Map',
  857. parammaps: {
  858. pastureid: Cookies.get('pastureid'),
  859. startTime: parseTime(new Date(), '{y}-{m}-{d}'),
  860. stopTime: parseTime(new Date(), '{y}-{m}-{d}'),
  861. inputDatetime: [new Date(), new Date()],
  862. specificDate: '1',
  863. selectYear: parseTime(new Date(), '{y}'),
  864. selectWeek: '',
  865. chartMonth: '',
  866. yearList: [],
  867. weekList: [],
  868. status: 0
  869. }
  870. },
  871. tableKey: 1,
  872. list: [],
  873. total: 0,
  874. listLoading: true,
  875. statisticsList: [],
  876. chart5Data3: [],
  877. isChart: true,
  878. isTable: false,
  879. table: {
  880. tableKey: 1,
  881. list: [],
  882. total: 0,
  883. listLoading: false
  884. }
  885. }
  886. },
  887. tab2: {
  888. date:parseTime(new Date(), '{y}-{m}-{d}'),
  889. table: {
  890. getdataListParm: {
  891. name: 'getAssessCowPenn',
  892. page: 1,
  893. offset: 1,
  894. pagecount: '',
  895. returntype: 'Map',
  896. parammaps: {
  897. pastureid: Cookies.get('pastureid'),
  898. startTime: parseTime(new Date(), '{y}-{m}-{d}'),
  899. stopTime: parseTime(new Date(), '{y}-{m}-{d}')
  900. }
  901. },
  902. tableKey: 1,
  903. list: [],
  904. total: 0,
  905. listLoading: true,
  906. temp: {}
  907. },
  908. table2: {
  909. getdataListParm: {
  910. name: 'getAssessCowDung',
  911. page: 1,
  912. offset: 1,
  913. pagecount: '',
  914. returntype: 'Map',
  915. parammaps: {
  916. pastureid: Cookies.get('pastureid'),
  917. date: ''
  918. }
  919. },
  920. tableKey: 1,
  921. list: [],
  922. total: 0,
  923. listLoading: true,
  924. temp: {}
  925. },
  926. table3: {
  927. getdataListParm: {
  928. name: 'getAssessBodyscore',
  929. page: 1,
  930. offset: 1,
  931. pagecount: '',
  932. returntype: 'Map',
  933. parammaps: {
  934. pastureid: Cookies.get('pastureid'),
  935. date: ''
  936. }
  937. },
  938. tableKey: 1,
  939. list: [],
  940. total: 0,
  941. listLoading: true,
  942. temp: {}
  943. },
  944. table4: {
  945. getdataListParm: {
  946. name: 'getAssessDungscore',
  947. page: 1,
  948. offset: 1,
  949. pagecount: '',
  950. returntype: 'Map',
  951. parammaps: {
  952. pastureid: Cookies.get('pastureid'),
  953. date: ''
  954. }
  955. },
  956. tableKey: 1,
  957. list: [],
  958. total: 0,
  959. listLoading: true,
  960. temp: {}
  961. }
  962. },
  963. exportList:{
  964. dialogFormVisible:false,
  965. inputDatetime: [new Date(), new Date()]
  966. },
  967. textMap: {
  968. exportList: '导出',
  969. },
  970. isokDisable:false,
  971. tab2Download2List1:[],
  972. tab2Download2List2:[],
  973. tab2Download2List3:[],
  974. tab2Download2List4:[],
  975. frequencyList:[],
  976. requestParams: [
  977. {"name":"getCowclassList","page":1,"offset":1,"pagecount":50,"returntype":"Map","parammaps":{"pastureid":Cookies.get('pastureid'),"classname":"","parentname":"","enable":1}},
  978. ],
  979. rowStyle: { maxHeight: 30 + 'px', height: 30 + 'px' },
  980. cellStyle: { padding: 0 + 'px' },
  981. myHeight: document.documentElement.clientHeight - 85 - 210
  982. }
  983. },
  984. created() {
  985. this.getAllYear()
  986. this.getDownList()
  987. this.getTabList()
  988. this.getTimeFn()
  989. this.getChart1()
  990. this.getChart2()
  991. this.getChart3()
  992. this.getChart4()
  993. this.getChart5()
  994. this.getIsDisplay()
  995. },
  996. methods: {
  997. getDownList() {
  998. GetDataByNames(this.requestParams).then(response => {
  999. this.tab.chart1.livestockTypeList = response.data.getCowclassList.list
  1000. for(var i=0;i<this.tab.chart1.livestockTypeList.length;i++){
  1001. this.tab.chart1.livestockTypeList[i].label = this.tab.chart1.livestockTypeList[i].classname;
  1002. this.tab.chart1.livestockTypeList[i].value = this.tab.chart1.livestockTypeList[i].id;
  1003. }
  1004. })
  1005. },
  1006. getIsDisplay() {
  1007. GetDataByName(this.tab.maxTime.getMaxTimesParm).then(response => {
  1008. console.log(response.data.list[0].inforvalue)
  1009. this.myMaxTimes = response.data.list[0].inforvalue
  1010. if (response.data.list[0].inforvalue == 1) {
  1011. this.frequencyList = [{ id: '1', name: this.$t('errorAnalysis.one'), }]
  1012. } else if (response.data.list[0].inforvalue == 2) {
  1013. this.frequencyList = [{ id: '1', name: this.$t('errorAnalysis.one'), }, { id: '2', name: this.$t('errorAnalysis.two'), }]
  1014. } else if (response.data.list[0].inforvalue == 3) {
  1015. this.frequencyList = [{ id: '1', name: this.$t('errorAnalysis.one'), }, { id: '2', name: this.$t('errorAnalysis.two'), }, { id: '3', name: this.$t('errorAnalysis.three'), }]
  1016. } else if (response.data.list[0].inforvalue == 4) {
  1017. this.frequencyList = [{ id: '1', name: this.$t('errorAnalysis.one'), }, { id: '2', name: this.$t('errorAnalysis.two'), }, { id: '3', name: this.$t('errorAnalysis.three'), }, { id: '4', name: this.$t('errorAnalysis.four'), }]
  1018. } else if (response.data.list[0].inforvalue == 5) {
  1019. this.frequencyList = [{ id: '1', name: this.$t('errorAnalysis.one'), }, { id: '2', name: this.$t('errorAnalysis.two'), }, { id: '3', name: this.$t('errorAnalysis.three'), }, { id: '4', name: this.$t('errorAnalysis.four'), },{ id: '5', name: this.$t('errorAnalysis.five'), }]
  1020. } else if (response.data.list[0].inforvalue == 6) {
  1021. this.frequencyList = [{ id: '1', name: this.$t('errorAnalysis.one'), }, { id: '2', name: this.$t('errorAnalysis.two'), }, { id: '3', name: this.$t('errorAnalysis.three'), }, { id: '4', name: this.$t('errorAnalysis.four'), },{ id: '5', name: this.$t('errorAnalysis.five'), },{ id: '6', name: this.$t('errorAnalysis.six'), }]
  1022. }
  1023. })
  1024. },
  1025. getAllYear() {
  1026. var myDate = new Date()
  1027. var thisYear = myDate.getFullYear() // 获取当年年份
  1028. var Section = thisYear - 2001 // 声明一个变量 获得当前年份至想获取年份差 eg.2008
  1029. this.tab.yearList = [] // 声明一个空数组 把遍历出的年份添加到数组里
  1030. for (var i = 0; i <= Section; i++) {
  1031. this.tab.yearList.push(thisYear--)
  1032. }
  1033. console.log(this.tab.yearList)
  1034. },
  1035. changeAllYear() {
  1036. console.log('this.selectYear==>', this.tab.selectYear)
  1037. this.tab.weekList = []
  1038. this.tab.selectWeek = []
  1039. var myWeekList = whichWeek(this.tab.selectYear)
  1040. console.log(myWeekList)
  1041. for (let i = 0; i <= myWeekList.length; i++) {
  1042. var obj = {}
  1043. var a = i + 1
  1044. obj.name = '第' + a + '周(' + myWeekList[i].month + '.' + myWeekList[i].date + '~' + myWeekList[i].last.month + '.' + myWeekList[i].last.date + ')'
  1045. obj.id = i
  1046. this.tab.weekList.push(obj)
  1047. }
  1048. },
  1049. changeAllSpecificDate() {
  1050. var start = ''
  1051. var end = ''
  1052. if (this.tab.specificDate == '2') {
  1053. this.tab.selectYear = parseTime(new Date(), '{y}')
  1054. this.changeAllYear()
  1055. } else if (this.tab.specificDate == '3') {
  1056. start = parseTime(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 31 * 12), '{y}-{m}') + '-01'
  1057. end = parseTime(new Date(), '{y}-{m}-{d}')
  1058. this.tab.chartMonth = []
  1059. this.tab.chartMonth.push(start, end)
  1060. }
  1061. },
  1062. handleAllDate() {
  1063. console.log('点击了确认时间')
  1064. MessageBox.confirm('是否调整以下所有图表查询时间?', {
  1065. confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning'
  1066. }).then(() => {
  1067. var startDate = ''
  1068. var endDate = ''
  1069. var status = ''
  1070. if (this.tab.specificDate == '1') {
  1071. startDate = parseTime(this.tab.chartDate[0], '{y}-{m}-{d}')
  1072. endDate = parseTime(this.tab.chartDate[1], '{y}-{m}-{d}')
  1073. this.tab.chart1.getdataListParm.parammaps.inputDatetime = [startDate, endDate]
  1074. this.tab.chart2.getdataListParm.parammaps.inputDatetime = [startDate, endDate]
  1075. this.tab.chart3.getdataListParm.parammaps.inputDatetime = [startDate, endDate]
  1076. this.tab.chart4.getdataListParm.parammaps.inputDatetime = [startDate, endDate]
  1077. this.tab.chart5.getdataListParm.parammaps.inputDatetime = [startDate, endDate]
  1078. status = 0
  1079. console.log('开始日时==>', startDate)
  1080. console.log('结束日时==>', endDate)
  1081. } else if (this.tab.specificDate == '2') {
  1082. if (this.tab.selectYear == '') {
  1083. this.$message({ type: 'error', message: '请输入年', duration: 2000 })
  1084. return
  1085. }
  1086. if (this.tab.selectWeek.length !== 2) {
  1087. this.$message({ type: 'error', message: '请输入查询开始周跟结束周', duration: 2000 })
  1088. return
  1089. }
  1090. startDate = this.tab.selectYear + '-' + whichWeek(this.tab.selectYear)[this.tab.selectWeek[0]].month + '-' + whichWeek(this.tab.selectYear)[this.tab.selectWeek[0]].date
  1091. endDate = this.tab.selectYear + '-' + whichWeek(this.tab.selectYear)[this.tab.selectWeek[1]].last.month + '-' + whichWeek(this.tab.selectYear)[this.tab.selectWeek[1]].last.date
  1092. status = 1
  1093. this.tab.chart1.getdataListParm.parammaps.selectYear = this.tab.selectYear
  1094. this.tab.chart1.getdataListParm.parammaps.selectWeek = this.tab.selectWeek
  1095. this.tab.chart1.getdataListParm.parammaps.weekList = this.tab.weekList
  1096. this.tab.chart2.getdataListParm.parammaps.selectYear = this.tab.selectYear
  1097. this.tab.chart2.getdataListParm.parammaps.selectWeek = this.tab.selectWeek
  1098. this.tab.chart2.getdataListParm.parammaps.weekList = this.tab.weekList
  1099. this.tab.chart3.getdataListParm.parammaps.selectYear = this.tab.selectYear
  1100. this.tab.chart3.getdataListParm.parammaps.selectWeek = this.tab.selectWeek
  1101. this.tab.chart3.getdataListParm.parammaps.weekList = this.tab.weekList
  1102. this.tab.chart4.getdataListParm.parammaps.selectYear = this.tab.selectYear
  1103. this.tab.chart4.getdataListParm.parammaps.selectWeek = this.tab.selectWeek
  1104. this.tab.chart4.getdataListParm.parammaps.weekList = this.tab.weekList
  1105. this.tab.chart5.getdataListParm.parammaps.selectYear = this.tab.selectYear
  1106. this.tab.chart5.getdataListParm.parammaps.selectWeek = this.tab.selectWeek
  1107. this.tab.chart5.getdataListParm.parammaps.weekList = this.tab.weekList
  1108. console.log('开始周时间==>', startDate)
  1109. console.log('结束周时间==>', endDate)
  1110. } else if (this.tab.specificDate == '3') {
  1111. if (this.tab.chartMonth.length > 0) {
  1112. startDate = this.tab.chartMonth[0]
  1113. var dataArr = this.tab.chartMonth[1].substring(0, 7).split('-')
  1114. let temp = new Date(dataArr[0],dataArr[1],0);
  1115. let mm = temp.getDate(); //这里mm就是天数啦
  1116. endDate = this.tab.chartMonth[1].substring(0, 8) + mm
  1117. status = 2
  1118. this.tab.chart1.getdataListParm.parammaps.chartMonth = [startDate, endDate]
  1119. this.tab.chart2.getdataListParm.parammaps.chartMonth = [startDate, endDate]
  1120. this.tab.chart3.getdataListParm.parammaps.chartMonth = [startDate, endDate]
  1121. this.tab.chart4.getdataListParm.parammaps.chartMonth = [startDate, endDate]
  1122. this.tab.chart5.getdataListParm.parammaps.chartMonth = [startDate, endDate]
  1123. console.log('开始月时间==>', startDate)
  1124. console.log('结束月时间==>', endDate)
  1125. } else {
  1126. this.$message({ type: 'error', message: '请输入月', duration: 2000 })
  1127. }
  1128. }
  1129. this.tab.chart1.getdataListParm.parammaps.specificDate = this.tab.specificDate
  1130. this.tab.chart1.getdataListParm.parammaps.startTime = startDate
  1131. this.tab.chart1.getdataListParm.parammaps.stopTime = endDate
  1132. this.tab.chart1.getdataListParm.parammaps.status = status
  1133. this.tab.chart2.getdataListParm.parammaps.startTime = startDate
  1134. this.tab.chart2.getdataListParm.parammaps.stopTime = endDate
  1135. this.tab.chart2.getdataListParm.parammaps.status = status
  1136. this.tab.chart2.getdataListParm.parammaps.specificDate = this.tab.specificDate
  1137. this.tab.chart3.getdataListParm.parammaps.startTime = startDate
  1138. this.tab.chart3.getdataListParm.parammaps.stopTime = endDate
  1139. this.tab.chart3.getdataListParm.parammaps.status = status
  1140. this.tab.chart3.getdataListParm.parammaps.specificDate = this.tab.specificDate
  1141. this.tab.chart4.getdataListParm.parammaps.startTime = startDate
  1142. this.tab.chart4.getdataListParm.parammaps.stopTime = endDate
  1143. this.tab.chart4.getdataListParm.parammaps.status = status
  1144. this.tab.chart4.getdataListParm.parammaps.specificDate = this.tab.specificDate
  1145. this.tab.chart5.getdataListParm.parammaps.startTime = startDate
  1146. this.tab.chart5.getdataListParm.parammaps.stopTime = endDate
  1147. this.tab.chart5.getdataListParm.parammaps.status = status
  1148. this.tab.chart5.getdataListParm.parammaps.specificDate = this.tab.specificDate
  1149. this.getChart1()
  1150. this.getChart2()
  1151. this.getChart3()
  1152. this.getChart4()
  1153. this.getChart5()
  1154. })
  1155. },
  1156. changeChartSpecificDate(item) {
  1157. var start = ''
  1158. var end = ''
  1159. if (item == 'chart1') {
  1160. if (this.tab.chart1.getdataListParm.parammaps.specificDate == '2') {
  1161. this.tab.chart1.getdataListParm.parammaps.selectYear = parseTime(new Date(), '{y}')
  1162. this.changeChartYear(item)
  1163. } else if (this.tab.chart1.getdataListParm.parammaps.specificDate == '3') {
  1164. start = parseTime(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 31 * 12), '{y}-{m}') + '-01'
  1165. end = parseTime(new Date(), '{y}-{m}-{d}')
  1166. this.tab.chart1.getdataListParm.parammaps.weekList = []
  1167. this.tab.chart1.getdataListParm.parammaps.chartMonth = []
  1168. this.tab.chart1.getdataListParm.parammaps.chartMonth.push(start, end)
  1169. }
  1170. } else if (item == 'chart2') {
  1171. if (this.tab.chart2.getdataListParm.parammaps.specificDate == '2') {
  1172. this.tab.chart2.getdataListParm.parammaps.selectYear = parseTime(new Date(), '{y}')
  1173. this.changeChartYear(item)
  1174. } else if (this.tab.chart2.getdataListParm.parammaps.specificDate == '3') {
  1175. start = parseTime(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 31 * 12), '{y}-{m}') + '-01'
  1176. end = parseTime(new Date(), '{y}-{m}-{d}')
  1177. this.tab.chart2.getdataListParm.parammaps.weekList = []
  1178. this.tab.chart2.getdataListParm.parammaps.chartMonth = []
  1179. this.tab.chart2.getdataListParm.parammaps.chartMonth.push(start, end)
  1180. }
  1181. } else if (item == 'chart3') {
  1182. if (this.tab.chart3.getdataListParm.parammaps.specificDate == '2') {
  1183. this.tab.chart3.getdataListParm.parammaps.selectYear = parseTime(new Date(), '{y}')
  1184. this.changeChartYear(item)
  1185. } else if (this.tab.chart3.getdataListParm.parammaps.specificDate == '3') {
  1186. start = parseTime(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 31 * 12), '{y}-{m}') + '-01'
  1187. end = parseTime(new Date(), '{y}-{m}-{d}')
  1188. this.tab.chart3.getdataListParm.parammaps.weekList = []
  1189. this.tab.chart3.getdataListParm.parammaps.chartMonth = []
  1190. this.tab.chart3.getdataListParm.parammaps.chartMonth.push(start, end)
  1191. }
  1192. } else if (item == 'chart4') {
  1193. if (this.tab.chart4.getdataListParm.parammaps.specificDate == '2') {
  1194. this.tab.chart4.getdataListParm.parammaps.selectYear = parseTime(new Date(), '{y}')
  1195. this.changeChartYear(item)
  1196. } else if (this.tab.chart4.getdataListParm.parammaps.specificDate == '3') {
  1197. start = parseTime(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 31 * 12), '{y}-{m}') + '-01'
  1198. end = parseTime(new Date(), '{y}-{m}-{d}')
  1199. this.tab.chart4.getdataListParm.parammaps.weekList = []
  1200. this.tab.chart4.getdataListParm.parammaps.chartMonth = []
  1201. this.tab.chart4.getdataListParm.parammaps.chartMonth.push(start, end)
  1202. }
  1203. } else if (item == 'chart5') {
  1204. if (this.tab.chart5.getdataListParm.parammaps.specificDate == '2') {
  1205. this.tab.chart5.getdataListParm.parammaps.selectYear = parseTime(new Date(), '{y}')
  1206. this.changeChartYear(item)
  1207. } else if (this.tab.chart5.getdataListParm.parammaps.specificDate == '3') {
  1208. start = parseTime(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 31 * 12), '{y}-{m}') + '-01'
  1209. end = parseTime(new Date(), '{y}-{m}-{d}')
  1210. this.tab.chart5.getdataListParm.parammaps.weekList = []
  1211. this.tab.chart5.getdataListParm.parammaps.chartMonth = []
  1212. this.tab.chart5.getdataListParm.parammaps.chartMonth.push(start, end)
  1213. }
  1214. }
  1215. },
  1216. changeChartYear(item) {
  1217. var myWeekList = ''
  1218. if (item == 'chart1') {
  1219. this.tab.chart1.getdataListParm.parammaps.weekList = []
  1220. this.tab.chart1.getdataListParm.parammaps.selectWeek = []
  1221. myWeekList = whichWeek(this.tab.chart1.getdataListParm.parammaps.selectYear)
  1222. console.log(myWeekList)
  1223. for (let i = 0; i <= myWeekList.length; i++) {
  1224. var obj = {}
  1225. var a = i + 1
  1226. obj.name = '第' + a + '周(' + myWeekList[i].month + '.' + myWeekList[i].date + '~' + myWeekList[i].last.month + '.' + myWeekList[i].last.date + ')'
  1227. obj.id = i
  1228. this.tab.chart1.getdataListParm.parammaps.weekList.push(obj)
  1229. }
  1230. } else if (item == 'chart2') {
  1231. this.tab.chart2.getdataListParm.parammaps.selectWeek = []
  1232. this.tab.chart2.getdataListParm.parammaps.weekList = []
  1233. myWeekList = whichWeek(this.tab.chart2.getdataListParm.parammaps.selectYear)
  1234. console.log(myWeekList)
  1235. for (let i = 0; i <= myWeekList.length; i++) {
  1236. var obj = {}
  1237. var a = i + 1
  1238. obj.name = '第' + a + '周(' + myWeekList[i].month + '.' + myWeekList[i].date + '~' + myWeekList[i].last.month + '.' + myWeekList[i].last.date + ')'
  1239. obj.id = i
  1240. this.tab.chart2.getdataListParm.parammaps.weekList.push(obj)
  1241. }
  1242. } else if (item == 'chart3') {
  1243. this.tab.chart3.getdataListParm.parammaps.selectWeek = []
  1244. this.tab.chart3.getdataListParm.parammaps.weekList = []
  1245. myWeekList = whichWeek(this.tab.chart3.getdataListParm.parammaps.selectYear)
  1246. console.log(myWeekList)
  1247. for (let i = 0; i <= myWeekList.length; i++) {
  1248. var obj = {}
  1249. var a = i + 1
  1250. obj.name = '第' + a + '周(' + myWeekList[i].month + '.' + myWeekList[i].date + '~' + myWeekList[i].last.month + '.' + myWeekList[i].last.date + ')'
  1251. obj.id = i
  1252. this.tab.chart3.getdataListParm.parammaps.weekList.push(obj)
  1253. }
  1254. } else if (item == 'chart4') {
  1255. this.tab.chart4.getdataListParm.parammaps.selectWeek = []
  1256. this.tab.chart4.getdataListParm.parammaps.weekList = []
  1257. myWeekList = whichWeek(this.tab.chart4.getdataListParm.parammaps.selectYear)
  1258. console.log(myWeekList)
  1259. for (let i = 0; i <= myWeekList.length; i++) {
  1260. var obj = {}
  1261. var a = i + 1
  1262. obj.name = '第' + a + '周(' + myWeekList[i].month + '.' + myWeekList[i].date + '~' + myWeekList[i].last.month + '.' + myWeekList[i].last.date + ')'
  1263. obj.id = i
  1264. this.tab.chart4.getdataListParm.parammaps.weekList.push(obj)
  1265. }
  1266. } else if (item == 'chart5') {
  1267. this.tab.chart5.getdataListParm.parammaps.selectWeek = []
  1268. this.tab.chart5.getdataListParm.parammaps.weekList = []
  1269. myWeekList = whichWeek(this.tab.chart5.getdataListParm.parammaps.selectYear)
  1270. console.log(myWeekList)
  1271. for (let i = 0; i <= myWeekList.length; i++) {
  1272. var obj = {}
  1273. var a = i + 1
  1274. obj.name = '第' + a + '周(' + myWeekList[i].month + '.' + myWeekList[i].date + '~' + myWeekList[i].last.month + '.' + myWeekList[i].last.date + ')'
  1275. obj.id = i
  1276. this.tab.chart5.getdataListParm.parammaps.weekList.push(obj)
  1277. }
  1278. }
  1279. },
  1280. handleChartDate(item) {
  1281. console.log(item)
  1282. var startDate = ''
  1283. var endDate = ''
  1284. if (item == 'chart1') {
  1285. if (this.tab.chart1.getdataListParm.parammaps.specificDate == '1') {
  1286. startDate = parseTime(this.tab.chart1.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  1287. endDate = parseTime(this.tab.chart1.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  1288. console.log('泌乳牛干物质采食量开始日期==>', startDate)
  1289. console.log('泌乳牛干物质采食量结束日期==>', endDate)
  1290. this.tab.chart1.getdataListParm.parammaps.status = 0
  1291. } else if (this.tab.chart1.getdataListParm.parammaps.specificDate == '2') {
  1292. if (this.tab.chart1.getdataListParm.parammaps.selectYear == '') {
  1293. this.$message({ type: 'error', message: '请输入年', duration: 2000 })
  1294. return
  1295. }
  1296. if (this.tab.chart1.getdataListParm.parammaps.selectWeek.length !== 2) {
  1297. this.$message({ type: 'error', message: '请输入查询开始周跟结束周', duration: 2000 })
  1298. return
  1299. }
  1300. startDate = this.tab.chart1.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart1.getdataListParm.parammaps.selectYear)[this.tab.chart1.getdataListParm.parammaps.selectWeek[0]].month + '-' + whichWeek(this.tab.chart1.getdataListParm.parammaps.selectYear)[this.tab.chart1.getdataListParm.parammaps.selectWeek[0]].date
  1301. endDate = this.tab.chart1.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart1.getdataListParm.parammaps.selectYear)[this.tab.chart1.getdataListParm.parammaps.selectWeek[1]].last.month + '-' + whichWeek(this.tab.chart1.getdataListParm.parammaps.selectYear)[this.tab.chart1.getdataListParm.parammaps.selectWeek[1]].last.date
  1302. console.log('泌乳牛干物质采食量开始周日期==>', startDate)
  1303. console.log('泌乳牛干物质采食量结束周日期==>', endDate)
  1304. this.tab.chart1.getdataListParm.parammaps.status = 1
  1305. } else if (this.tab.chart1.getdataListParm.parammaps.specificDate == '3') {
  1306. startDate = this.tab.chart1.getdataListParm.parammaps.chartMonth[0]
  1307. endDate = this.tab.chart1.getdataListParm.parammaps.chartMonth[1].substring(0, 8) + '31'
  1308. console.log('泌乳牛干物质采食量开始月日期==>', startDate)
  1309. console.log('泌乳牛干物质采食量结束月日期==>', endDate)
  1310. this.tab.chart1.getdataListParm.parammaps.status = 2
  1311. }
  1312. this.tab.chart1.getdataListParm.parammaps.startTime = startDate
  1313. this.tab.chart1.getdataListParm.parammaps.stopTime = endDate
  1314. this.getChart1()
  1315. } else if (item == 'chart2') {
  1316. if (this.tab.chart2.getdataListParm.parammaps.specificDate == '1') {
  1317. startDate = parseTime(this.tab.chart2.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  1318. endDate = parseTime(this.tab.chart2.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  1319. this.tab.chart2.getdataListParm.parammaps.status = 0
  1320. console.log('牛栏剩料率开始日期==>', startDate)
  1321. console.log('牛栏剩料率结束日期==>', endDate)
  1322. } else if (this.tab.chart2.getdataListParm.parammaps.specificDate == '2') {
  1323. if (this.tab.chart2.getdataListParm.parammaps.selectYear == '') {
  1324. this.$message({ type: 'error', message: '请输入年', duration: 2000 })
  1325. return
  1326. }
  1327. if (this.tab.chart2.getdataListParm.parammaps.selectWeek.length !== 2) {
  1328. this.$message({ type: 'error', message: '请输入查询开始周跟结束周', duration: 2000 })
  1329. return
  1330. }
  1331. startDate = this.tab.chart2.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart2.getdataListParm.parammaps.selectYear)[this.tab.chart2.getdataListParm.parammaps.selectWeek[0]].month + '-' + whichWeek(this.tab.chart2.getdataListParm.parammaps.selectYear)[this.tab.chart2.getdataListParm.parammaps.selectWeek[0]].date
  1332. endDate = this.tab.chart2.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart2.getdataListParm.parammaps.selectYear)[this.tab.chart2.getdataListParm.parammaps.selectWeek[1]].last.month + '-' + whichWeek(this.tab.chart2.getdataListParm.parammaps.selectYear)[this.tab.chart2.getdataListParm.parammaps.selectWeek[1]].last.date
  1333. this.tab.chart2.getdataListParm.parammaps.status = 1
  1334. console.log('牛栏剩料率开始周日期==>', startDate)
  1335. console.log('牛栏剩料率结束周日期==>', endDate)
  1336. } else if (this.tab.chart2.getdataListParm.parammaps.specificDate == '3') {
  1337. console.log('牛栏剩料率开始月日期==>', this.tab.chart2.getdataListParm.parammaps.chartMonth)
  1338. startDate = this.tab.chart2.getdataListParm.parammaps.chartMonth[0]
  1339. endDate = this.tab.chart2.getdataListParm.parammaps.chartMonth[1].substring(0, 8) + '31'
  1340. this.tab.chart2.getdataListParm.parammaps.status = 2
  1341. console.log('牛栏剩料率开始月日期==>', startDate)
  1342. console.log('牛栏剩料率结束月日期==>', endDate)
  1343. }
  1344. this.tab.chart2.getdataListParm.parammaps.startTime = startDate
  1345. this.tab.chart2.getdataListParm.parammaps.stopTime = endDate
  1346. this.getChart2()
  1347. } else if (item == 'chart3') {
  1348. if (this.tab.chart3.getdataListParm.parammaps.specificDate == '1') {
  1349. startDate = parseTime(this.tab.chart3.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  1350. endDate = parseTime(this.tab.chart3.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  1351. this.tab.chart3.getdataListParm.parammaps.status = 0
  1352. console.log('混料时间统计开始日期==>', startDate)
  1353. console.log('混料时间统计结束日期==>', endDate)
  1354. } else if (this.tab.chart3.getdataListParm.parammaps.specificDate == '2') {
  1355. if (this.tab.chart3.getdataListParm.parammaps.selectYear == '') {
  1356. this.$message({ type: 'error', message: '请输入年', duration: 2000 })
  1357. return
  1358. }
  1359. if (this.tab.chart3.getdataListParm.parammaps.selectWeek.length !== 2) {
  1360. this.$message({ type: 'error', message: '请输入查询开始周跟结束周', duration: 2000 })
  1361. return
  1362. }
  1363. startDate = this.tab.chart3.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart3.getdataListParm.parammaps.selectYear)[this.tab.chart3.getdataListParm.parammaps.selectWeek[0]].month + '-' + whichWeek(this.tab.chart3.getdataListParm.parammaps.selectYear)[this.tab.chart3.getdataListParm.parammaps.selectWeek[0]].date
  1364. endDate = this.tab.chart3.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart3.getdataListParm.parammaps.selectYear)[this.tab.chart3.getdataListParm.parammaps.selectWeek[1]].last.month + '-' + whichWeek(this.tab.chart3.getdataListParm.parammaps.selectYear)[this.tab.chart3.getdataListParm.parammaps.selectWeek[1]].last.date
  1365. this.tab.chart3.getdataListParm.parammaps.status = 1
  1366. console.log('混料时间统计开始周日期==>', startDate)
  1367. console.log('混料时间统计结束周日期==>', endDate)
  1368. } else if (this.tab.chart3.getdataListParm.parammaps.specificDate == '3') {
  1369. startDate = this.tab.chart3.getdataListParm.parammaps.chartMonth[0]
  1370. endDate = this.tab.chart3.getdataListParm.parammaps.chartMonth[1].substring(0, 8) + '31'
  1371. this.tab.chart3.getdataListParm.parammaps.status = 2
  1372. console.log('混料时间统计开始月日期==>', startDate)
  1373. console.log('混料时间统计结束月日期==>', endDate)
  1374. }
  1375. this.tab.chart3.getdataListParm.parammaps.startTime = startDate
  1376. this.tab.chart3.getdataListParm.parammaps.stopTime = endDate
  1377. this.getChart3()
  1378. } else if (item == 'chart4') {
  1379. if (this.tab.chart4.getdataListParm.parammaps.specificDate == '1') {
  1380. startDate = parseTime(this.tab.chart4.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  1381. endDate = parseTime(this.tab.chart4.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  1382. this.tab.chart4.getdataListParm.parammaps.status = 0
  1383. console.log('转化率开始日期==>', startDate)
  1384. console.log('转化率结束日期==>', endDate)
  1385. } else if (this.tab.chart4.getdataListParm.parammaps.specificDate == '2') {
  1386. if (this.tab.chart4.getdataListParm.parammaps.selectYear == '') {
  1387. this.$message({ type: 'error', message: '请输入年', duration: 2000 })
  1388. return
  1389. }
  1390. if (this.tab.chart4.getdataListParm.parammaps.selectWeek.length !== 2) {
  1391. this.$message({ type: 'error', message: '请输入查询开始周跟结束周', duration: 2000 })
  1392. return
  1393. }
  1394. startDate = this.tab.chart4.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart4.getdataListParm.parammaps.selectYear)[this.tab.chart4.getdataListParm.parammaps.selectWeek[0]].month + '-' + whichWeek(this.tab.chart4.getdataListParm.parammaps.selectYear)[this.tab.chart4.getdataListParm.parammaps.selectWeek[0]].date
  1395. endDate = this.tab.chart4.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart4.getdataListParm.parammaps.selectYear)[this.tab.chart4.getdataListParm.parammaps.selectWeek[1]].last.month + '-' + whichWeek(this.tab.chart4.getdataListParm.parammaps.selectYear)[this.tab.chart4.getdataListParm.parammaps.selectWeek[1]].last.date
  1396. this.tab.chart4.getdataListParm.parammaps.status = 1
  1397. console.log('转化率开始周日期==>', startDate)
  1398. console.log('转化率结束周日期==>', endDate)
  1399. } else if (this.tab.chart4.getdataListParm.parammaps.specificDate == '3') {
  1400. startDate = this.tab.chart4.getdataListParm.parammaps.chartMonth[0]
  1401. endDate = this.tab.chart4.getdataListParm.parammaps.chartMonth[1].substring(0, 8) + '31'
  1402. this.tab.chart4.getdataListParm.parammaps.status = 2
  1403. console.log('转化率开始月日期==>', startDate)
  1404. console.log('转化率结束月日期==>', endDate)
  1405. }
  1406. this.tab.chart4.getdataListParm.parammaps.startTime = startDate
  1407. this.tab.chart4.getdataListParm.parammaps.stopTime = endDate
  1408. this.getChart4()
  1409. } else if (item == 'chart5') {
  1410. if (this.tab.chart5.getdataListParm.parammaps.specificDate == '1') {
  1411. startDate = parseTime(this.tab.chart5.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  1412. endDate = parseTime(this.tab.chart5.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  1413. this.tab.chart5.getdataListParm.parammaps.status = 0
  1414. console.log('成本分析开始日期==>', startDate)
  1415. console.log('成本分析结束日期==>', endDate)
  1416. } else if (this.tab.chart5.getdataListParm.parammaps.specificDate == '2') {
  1417. if (this.tab.chart5.getdataListParm.parammaps.selectYear == '') {
  1418. this.$message({ type: 'error', message: '请输入年', duration: 2000 })
  1419. return
  1420. }
  1421. if (this.tab.chart5.getdataListParm.parammaps.selectWeek.length !== 2) {
  1422. this.$message({ type: 'error', message: '请输入查询开始周跟结束周', duration: 2000 })
  1423. return
  1424. }
  1425. startDate = this.tab.chart5.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart5.getdataListParm.parammaps.selectYear)[this.tab.chart5.getdataListParm.parammaps.selectWeek[0]].month + '-' + whichWeek(this.tab.chart5.getdataListParm.parammaps.selectYear)[this.tab.chart5.getdataListParm.parammaps.selectWeek[0]].date
  1426. endDate = this.tab.chart5.getdataListParm.parammaps.selectYear + '-' + whichWeek(this.tab.chart5.getdataListParm.parammaps.selectYear)[this.tab.chart5.getdataListParm.parammaps.selectWeek[1]].last.month + '-' + whichWeek(this.tab.chart5.getdataListParm.parammaps.selectYear)[this.tab.chart5.getdataListParm.parammaps.selectWeek[1]].last.date
  1427. this.tab.chart5.getdataListParm.parammaps.status = 1
  1428. console.log('成本分析开始周日期==>', startDate)
  1429. console.log('成本分析结束周日期==>', endDate)
  1430. } else if (this.tab.chart5.getdataListParm.parammaps.specificDate == '3') {
  1431. startDate = this.tab.chart5.getdataListParm.parammaps.chartMonth[0]
  1432. endDate = this.tab.chart5.getdataListParm.parammaps.chartMonth[1].substring(0, 8) + '31'
  1433. this.tab.chart5.getdataListParm.parammaps.status = 2
  1434. console.log('成本分析开始月日期==>', startDate)
  1435. console.log('成本分析结束月日期==>', endDate)
  1436. }
  1437. this.tab.chart5.getdataListParm.parammaps.startTime = startDate
  1438. this.tab.chart5.getdataListParm.parammaps.stopTime = endDate
  1439. this.getChart5()
  1440. }
  1441. },
  1442. getTimeFn() {
  1443. const that = this
  1444. const end = new Date()
  1445. const start = new Date()
  1446. const start2 = new Date()
  1447. const end2 = new Date()
  1448. start2.setTime(start2.getTime() - 3600 * 1000 * 24 * 1)
  1449. end2.setTime(end2.getTime() - 3600 * 1000 * 24 * 1)
  1450. start.setTime(start.getTime() - 3600 * 1000 * 24 * 10)
  1451. end.setTime(end.getTime() - 3600 * 1000 * 24 * 1)
  1452. that.tab.table.getdataListParm.parammaps.date = parseTime(start2, '{y}-{m}-{d}')
  1453. that.tab.table.getdataListParm.parammaps.startTime = parseTime(start2, '{y}-{m}-{d}')
  1454. that.tab.table.getdataListParm.parammaps.stopTime = parseTime(end2, '{y}-{m}-{d}')
  1455. that.tab.table.getdataListParm.parammaps.inputDatetime = [start2, end2]
  1456. // that.tab.table.getdataListParm.parammaps.inputDatetime = [startTime,stopTime]
  1457. // that.tab.table.getdataListParm.parammaps.inputDatetime[0] = parseTime(start2, '{y}-{m}-{d}')
  1458. // that.tab.table.getdataListParm.parammaps.inputDatetime[1] = parseTime(start2, '{y}-{m}-{d}')
  1459. // start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
  1460. that.tab.chartDate[0] = parseTime(start, '{y}-{m}-{d}')
  1461. that.tab.chartDate[1] = parseTime(end, '{y}-{m}-{d}')
  1462. that.tab.chart1.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
  1463. that.tab.chart1.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
  1464. that.tab.chart1.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
  1465. that.tab.chart1.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')
  1466. that.tab.chart2.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
  1467. that.tab.chart2.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
  1468. that.tab.chart2.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
  1469. that.tab.chart2.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')
  1470. that.tab.chart3.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
  1471. that.tab.chart3.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
  1472. that.tab.chart3.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
  1473. that.tab.chart3.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')
  1474. that.tab.chart4.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
  1475. that.tab.chart4.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
  1476. that.tab.chart4.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
  1477. that.tab.chart4.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')
  1478. that.tab.chart5.getdataListParm.parammaps.inputDatetime[0] = parseTime(start, '{y}-{m}-{d}')
  1479. that.tab.chart5.getdataListParm.parammaps.inputDatetime[1] = parseTime(end, '{y}-{m}-{d}')
  1480. that.tab.chart5.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
  1481. that.tab.chart5.getdataListParm.parammaps.stopTime = parseTime(end, '{y}-{m}-{d}')
  1482. },
  1483. // 导出
  1484. handleDownload() {
  1485. this.exportList.dialogFormVisible = true
  1486. this.exportList.dialogStatus = 'exportList'
  1487. },
  1488. exportList1(){
  1489. this.isokDisable = true
  1490. var url = 'authdata/GetDataByName'
  1491. var data = {
  1492. 'name':"getFeedEfficiencyFT",
  1493. "page":1,"offset":1,"pagecount":"","returntype":"Map",
  1494. "parammaps":{"pastureid":Cookies.get('pastureid'),"startTime":"","stopTime":"","barname":"","cowclass":"",'ftname':''}
  1495. }
  1496. data.parammaps.startTime = parseTime(this.exportList.inputDatetime[0],'{y}-{m}-{d}')
  1497. data.parammaps.stopTime = parseTime(this.exportList.inputDatetime[1],'{y}-{m}-{d}')
  1498. data.parammaps.barname = this.tab.table.getdataListParm.parammaps.barname
  1499. data.parammaps.ftname = this.tab.table.getdataListParm.parammaps.ftname
  1500. data.parammaps.cowclass = this.tab.table.getdataListParm.parammaps.cowclass
  1501. postJson(url,data).then(response => {
  1502. var exportList = []
  1503. if (response.data.list !== null) {
  1504. exportList = response.data.list
  1505. } else {
  1506. exportList = []
  1507. }
  1508. const table = this.$refs.table1;
  1509. const columns = table.columns;
  1510. const labels = columns.map(column => column.label);
  1511. if (this.tab.radio == '1') {
  1512. var excelDatas = [
  1513. {
  1514. tHeader: labels,
  1515. filterVal: ['配方模板', '实际牛头数', '应混料量', '实际混料量', '撒料量', '混料时间', '转投剩料量', '今日剩料量', '剩料率', 'TMR干物质', '配方干物质采食量', '实际干物质采食量', '采食率','feedtempletPrice', '配方成本', '实际成本', '产奶量', '饲料转化率', '公斤奶饲料成本'],
  1516. tableDatas: this.tab.table.list,
  1517. sheetName: '配方'
  1518. }
  1519. ]
  1520. json2excel(excelDatas, this.$t('feedingEfficiency.xltj1'), true, 'xlsx')
  1521. } else if (this.tab.radio == '2') {
  1522. var excelDatas2 = [
  1523. {
  1524. tHeader: labels,
  1525. filterVal: ['栏舍', '配方模板', '实际牛头数', '应混料量', '实际混料量', '撒料量', '混料时间', '转投剩料量', '今日剩料量', '剩料率', 'TMR干物质', '配方干物质采食量', '实际干物质采食量', '采食率','feedtempletPrice', '配方成本', '实际成本', '产奶量', '饲料转化率', '公斤奶饲料成本'],
  1526. tableDatas: this.tab.table.list,
  1527. sheetName: '栏舍'
  1528. }
  1529. ]
  1530. json2excel(excelDatas2,this.$t('feedingEfficiency.xltj2'), true, 'xlsx')
  1531. } else if (this.tab.radio == '3') {
  1532. var excelDatas3 = [
  1533. {
  1534. tHeader: labels,
  1535. filterVal: ['牲畜类别', '实际牛头数', '应混料量', '实际混料量', '撒料量', '混料时间', '转投剩料量', '今日剩料量', '剩料率', 'TMR干物质', '配方干物质采食量', '实际干物质采食量', ' 采食率','feedtempletPrice', '配方成本', '实际成本', '产奶量', '饲料转化率', '公斤奶饲料成本'],
  1536. tableDatas: this.tab.table.list,
  1537. sheetName: '牲畜类别'
  1538. }
  1539. ]
  1540. json2excel(excelDatas3, this.$t('feedingEfficiency.xltj3'), true, 'xlsx')
  1541. }else if (this.tab.radio == '4') {
  1542. var excelDatas3 = [
  1543. {
  1544. tHeader: labels,
  1545. filterVal: ['班次', '实际牛头数', '应混料量', '实际混料量', '撒料量', '混料时间', '转投剩料量', '今日剩料量', '剩料率', 'TMR干物质', '配方干物质采食量', '实际干物质采食量', ' 采食率', 'feedtempletPrice','配方成本', '实际成本', '产奶量', '饲料转化率', '公斤奶饲料成本'],
  1546. tableDatas: this.tab.table.list,
  1547. sheetName: '班次'
  1548. }
  1549. ]
  1550. json2excel(excelDatas3, this.$t('feedingEfficiency.xltj4'), true, 'xlsx')
  1551. }
  1552. this.isokDisable = false
  1553. this.exportList.dialogFormVisible = false
  1554. })
  1555. },
  1556. handleDownload2(){
  1557. this.exportList.dialogFormVisible = true
  1558. this.exportList.dialogStatus = 'exportList'
  1559. },
  1560. exportList2(){
  1561. this.isokDisable = true
  1562. this.getTab2Download2List()
  1563. },
  1564. // 宾州筛分析
  1565. getTab2Download2List() {
  1566. var url = 'authdata/GetDataByName'
  1567. var data = {
  1568. 'name':"getAssessCowPenn",
  1569. "page":1,"offset":1,"pagecount":"","returntype":"Map",
  1570. "parammaps":{"pastureid":Cookies.get('pastureid'),"startTime":"","stopTime":""}
  1571. }
  1572. data.parammaps.startTime = parseTime(this.exportList.inputDatetime[0],'{y}-{m}-{d}')
  1573. data.parammaps.stopTime = parseTime(this.exportList.inputDatetime[1],'{y}-{m}-{d}')
  1574. postJson(url,data).then(response => {
  1575. if (response.data.list !== null) {
  1576. this.tab2Download2List1 = response.data.list
  1577. } else {
  1578. this.tab2Download2List1 = []
  1579. }
  1580. this.getTab2Download2List2()
  1581. })
  1582. },
  1583. // 粪便筛分析
  1584. getTab2Download2List2() {
  1585. var url = 'authdata/GetDataByName'
  1586. var data = {
  1587. 'name':"getAssessCowDung",
  1588. "page":1,"offset":1,"pagecount":"","returntype":"Map",
  1589. "parammaps":{"pastureid":Cookies.get('pastureid'),"startTime":"","stopTime":""}
  1590. }
  1591. data.parammaps.startTime = parseTime(this.exportList.inputDatetime[0],'{y}-{m}-{d}')
  1592. data.parammaps.stopTime = parseTime(this.exportList.inputDatetime[1],'{y}-{m}-{d}')
  1593. postJson(url,data).then(response => {
  1594. if (response.data.list !== null) {
  1595. this.tab2Download2List2 = response.data.list
  1596. } else {
  1597. this.tab2Download2List2 = []
  1598. }
  1599. this.getTab2Download2List3()
  1600. })
  1601. },
  1602. // BCS评分
  1603. getTab2Download2List3() {
  1604. var url = 'authdata/GetDataByName'
  1605. var data = {
  1606. 'name':"getAssessBodyscore",
  1607. "page":1,"offset":1,"pagecount":"","returntype":"Map",
  1608. "parammaps":{"pastureid":Cookies.get('pastureid'),"startTime":"","stopTime":""}
  1609. }
  1610. data.parammaps.startTime = parseTime(this.exportList.inputDatetime[0],'{y}-{m}-{d}')
  1611. data.parammaps.stopTime = parseTime(this.exportList.inputDatetime[1],'{y}-{m}-{d}')
  1612. postJson(url,data).then(response => {
  1613. if (response.data.list !== null) {
  1614. this.tab2Download2List3 = response.data.list
  1615. } else {
  1616. this.tab2Download2List3 = []
  1617. }
  1618. this.getTab2Download2List4()
  1619. })
  1620. },
  1621. // 粪便评分
  1622. getTab2Download2List4() {
  1623. var url = 'authdata/GetDataByName'
  1624. var data = {
  1625. 'name':"getAssessDungscore",
  1626. "page":1,"offset":1,"pagecount":"","returntype":"Map",
  1627. "parammaps":{"pastureid":Cookies.get('pastureid'),"startTime":"","stopTime":""}
  1628. }
  1629. data.parammaps.startTime = parseTime(this.exportList.inputDatetime[0],'{y}-{m}-{d}')
  1630. data.parammaps.stopTime = parseTime(this.exportList.inputDatetime[1],'{y}-{m}-{d}')
  1631. postJson(url,data).then(response => {
  1632. if (response.data.list !== null) {
  1633. this.tab2Download2List4 = response.data.list
  1634. } else {
  1635. this.tab2Download2List4 = []
  1636. }
  1637. const columns1 = this.$refs.myTable1.columns;
  1638. const labels1 = columns1.map(column => column.label);
  1639. const columns2 = this.$refs.myTable2.columns;
  1640. const labels2 = columns2.map(column => column.label);
  1641. const columns3 = this.$refs.myTable3.columns;
  1642. const labels3 = columns3.map(column => column.label);
  1643. const columns4 = this.$refs.myTable4.columns;
  1644. const labels4 = columns4.map(column => column.label);
  1645. var excelDatas0 = [
  1646. {
  1647. tHeader: labels1,
  1648. filterVal: ['barname','oneweight','onerate','twoweight','tworate','threeweight','threerate','fourweight','fourrate','standard'],
  1649. tableDatas: this.tab2Download2List1,
  1650. sheetName: '宾州筛分析'
  1651. },
  1652. {
  1653. tHeader: labels2,
  1654. filterVal: ['barname','oneweight','onerate','twoweight','tworate','threeweight','threerate','standard'],
  1655. tableDatas: this.tab2Download2List2,
  1656. sheetName: '粪便筛分析'
  1657. },
  1658. {
  1659. tHeader: labels3,
  1660. filterVal: ['barname','sumcowcount','product','dryweight','avgdim','standardscore','score25','score275','score3','score325','score35','score375','score4'],
  1661. tableDatas: this.tab2Download2List3,
  1662. sheetName: '体况评分'
  1663. },
  1664. {
  1665. tHeader: labels4,
  1666. filterVal: ['barname','sumcowcount','product','dryweight','avgdim','standardscore','score1','score2','score3','score4','score5',],
  1667. tableDatas: this.tab2Download2List4,
  1668. sheetName: '粪便评分'
  1669. }
  1670. ]
  1671. json2excel(excelDatas0, this.$t('feedingEfficiency.xltj5'), true, 'xlsx')
  1672. this.exportList.dialogFormVisible = false
  1673. this.isokDisable = false
  1674. })
  1675. },
  1676. // Tab切换
  1677. handleTabClick() {
  1678. if (this.activeName == 'first') {
  1679. const start2 = new Date()
  1680. start2.setTime(start2.getTime() - 3600 * 1000 * 24 * 1)
  1681. this.tab.table.getdataListParm.parammaps.date = parseTime(start2, '{y}-{m}-{d}')
  1682. this.tab.table.getdataListParm.parammaps.startTime = parseTime(start2, '{y}-{m}-{d}')
  1683. this.tab.table.getdataListParm.parammaps.stopTime = parseTime(start2, '{y}-{m}-{d}')
  1684. this.getTabList()
  1685. this.getChart1()
  1686. this.getChart2()
  1687. this.getChart3()
  1688. this.getChart4()
  1689. this.getChart5()
  1690. } else if (this.activeName == 'second') {
  1691. const start2 = new Date()
  1692. start2.setTime(start2.getTime() - 3600 * 1000 * 24 * 1)
  1693. this.tab2.date = parseTime(start2, '{y}-{m}-{d}')
  1694. this.tab2.table.getdataListParm.parammaps.startTime = parseTime(start2, '{y}-{m}-{d}')
  1695. this.tab2.table.getdataListParm.parammaps.stopTime = parseTime(start2, '{y}-{m}-{d}')
  1696. this.getTab2List()
  1697. this.getTab2List2()
  1698. this.getTab2List3()
  1699. this.getTab2List4()
  1700. }
  1701. },
  1702. // 切换统计类型
  1703. changeRadio() {
  1704. console.log(this.tab.radio)
  1705. if (this.tab.radio == '1') {
  1706. console.log('配方名称')
  1707. this.tab.isFormulaName = true
  1708. this.tab.isHouseName = false
  1709. this.tab.isLivestockType = false
  1710. this.tab.table.getdataListParm.parammaps.ftname = ''
  1711. this.tab.table.getdataListParm.parammaps.barname = ''
  1712. this.tab.table.getdataListParm.parammaps.ftname = ''
  1713. this.tab.table.getdataListParm.parammaps.cowclass = ''
  1714. this.tab.table.getdataListParm.name = 'getFeedEfficiencyFT'
  1715. this.getTabList()
  1716. this.tab.chart5.statisticsList = []
  1717. this.tab.chart5.getdataListParm.name = 'getFeedEffCBFT'
  1718. this.getChart5()
  1719. this.tab.chart4.getdataListParm.name = 'getFeedEffZH'
  1720. this.getChart4()
  1721. } else if (this.tab.radio == '2') {
  1722. console.log('栏舍名称')
  1723. this.tab.isFormulaName = false
  1724. this.tab.isHouseName = true
  1725. this.tab.isLivestockType = false
  1726. this.tab.table.getdataListParm.parammaps.ftname = ''
  1727. this.tab.table.getdataListParm.parammaps.barname = ''
  1728. this.tab.table.getdataListParm.parammaps.ftname = ''
  1729. this.tab.table.getdataListParm.parammaps.cowclass = ''
  1730. this.tab.table.getdataListParm.name = 'getFeedEfficiencyLS'
  1731. this.getTabList()
  1732. this.tab.chart5.statisticsList = []
  1733. this.tab.chart5.getdataListParm.name = 'getFeedEffCBLS'
  1734. this.getChart5()
  1735. this.tab.chart4.getdataListParm.name = 'getFeedEffZHLS'
  1736. this.getChart4()
  1737. } else if (this.tab.radio == '3') {
  1738. console.log(' 牲畜类别')
  1739. this.tab.isFormulaName = false
  1740. this.tab.isHouseName = false
  1741. this.tab.isLivestockType = true
  1742. this.tab.table.getdataListParm.parammaps.ftname = ''
  1743. this.tab.table.getdataListParm.parammaps.barname = ''
  1744. this.tab.table.getdataListParm.parammaps.ftname = ''
  1745. this.tab.table.getdataListParm.parammaps.cowclass = ''
  1746. this.tab.table.getdataListParm.name = 'getFeedEfficiencySC'
  1747. this.getTabList()
  1748. this.tab.chart5.statisticsList = []
  1749. this.tab.chart5.getdataListParm.name = 'getFeedEffCB'
  1750. this.getChart5()
  1751. this.tab.chart4.getdataListParm.name = 'getFeedEffZHSC'
  1752. this.getChart4()
  1753. }
  1754. },
  1755. // 效率统计
  1756. getTabList() {
  1757. this.tab.table.listLoading = true
  1758. GetDataByName(this.tab.table.getdataListParm).then(response => {
  1759. console.log('汇总统计/混料table数据', response.data.list)
  1760. if (response.data.list !== null) {
  1761. this.tab.table.list = response.data.list
  1762. this.tab.table.total = response.data.total
  1763. } else {
  1764. this.tab.table.list = []
  1765. }
  1766. setTimeout(() => {
  1767. this.tab.table.listLoading = false
  1768. }, 100)
  1769. })
  1770. },
  1771. // 查询
  1772. form_search() {
  1773. if (this.tab.radio == '1') {
  1774. console.log('配方名称/查询')
  1775. this.tab.isFormulaName = true
  1776. this.tab.isHouseName = false
  1777. this.tab.isLivestockType = false
  1778. this.tab.table.getdataListParm.name = 'getFeedEfficiencyFT'
  1779. this.getTabList()
  1780. } else if (this.tab.radio == '2') {
  1781. console.log('栏舍名称/查询')
  1782. this.tab.isFormulaName = false
  1783. this.tab.isHouseName = true
  1784. this.tab.isLivestockType = false
  1785. this.tab.table.getdataListParm.name = 'getFeedEfficiencyLS'
  1786. this.getTabList()
  1787. } else if (this.tab.radio == '3') {
  1788. console.log(' 牲畜类别/查询')
  1789. this.tab.isFormulaName = false
  1790. this.tab.isHouseName = false
  1791. this.tab.isLivestockType = true
  1792. this.tab.table.getdataListParm.name = 'getFeedEfficiencySC'
  1793. this.getTabList()
  1794. }
  1795. },
  1796. changeTab1Date(){
  1797. if (this.tab.table.getdataListParm.parammaps.inputDatetime !== '' && this.tab.table.getdataListParm.parammaps.inputDatetime !== null) {
  1798. this.tab.table.getdataListParm.parammaps.startTime = parseTime(this.tab.table.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  1799. this.tab.table.getdataListParm.parammaps.stopTime = parseTime(this.tab.table.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  1800. } else {
  1801. this.tab.table.getdataListParm.parammaps.inputDatetime = ''
  1802. this.tab.table.getdataListParm.parammaps.startTime = ''
  1803. this.tab.table.getdataListParm.parammaps.stopTime = ''
  1804. }
  1805. // this.tab.table.getdataListParm.parammaps.startTime = parseTime(this.tab.table.getdataListParm.parammaps.date, '{y}-{m}-{d}')
  1806. // this.tab.table.getdataListParm.parammaps.stopTime = parseTime(this.tab.table.getdataListParm.parammaps.date, '{y}-{m}-{d}')
  1807. this.getTabList()
  1808. },
  1809. handleBefore() {
  1810. // if (this.tab.table.getdataListParm.parammaps.date !== '' && this.tab.table.getdataListParm.parammaps.date !== null) {
  1811. // this.tab.table.getdataListParm.parammaps.date = new Date(this.tab.table.getdataListParm.parammaps.date)
  1812. // var start = new Date(this.tab.table.getdataListParm.parammaps.date.setDate(this.tab.table.getdataListParm.parammaps.date.getDate() - 1))
  1813. // if (start > Date.now() - 8.64e7) {
  1814. // this.Nextdisabled1 = true
  1815. // this.Beforedisabled1 = false
  1816. // } else {
  1817. // this.Nextdisabled1 = false
  1818. // this.Beforedisabled1 = false
  1819. // }
  1820. // this.tab.table.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
  1821. // this.tab.table.getdataListParm.parammaps.stopTime = parseTime(start, '{y}-{m}-{d}')
  1822. // this.getTabList()
  1823. // }
  1824. this.$forceUpdate()
  1825. if (this.tab.table.getdataListParm.parammaps.inputDatetime !== '' && this.tab.table.getdataListParm.parammaps.inputDatetime !== null) {
  1826. var start = new Date(this.tab.table.getdataListParm.parammaps.inputDatetime[0].setDate(this.tab.table.getdataListParm.parammaps.inputDatetime[0].getDate() - 1))
  1827. var stop = new Date(this.tab.table.getdataListParm.parammaps.inputDatetime[1].setDate(this.tab.table.getdataListParm.parammaps.inputDatetime[1].getDate() - 1))
  1828. if (stop > Date.now() - 8.64e7) {
  1829. this.Nextdisabled1 = true
  1830. this.Beforedisabled1 = false
  1831. } else {
  1832. this.Nextdisabled1 = false
  1833. this.Beforedisabled1 = false
  1834. }
  1835. this.tab.table.getdataListParm.parammaps.inputDatetime = []
  1836. this.tab.table.getdataListParm.parammaps.inputDatetime.length = 0
  1837. this.tab.table.getdataListParm.parammaps.inputDatetime.push(start, stop)
  1838. this.$forceUpdate()
  1839. }
  1840. this.tab.table.getdataListParm.parammaps.startTime = parseTime(this.tab.table.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  1841. this.tab.table.getdataListParm.parammaps.stopTime = parseTime(this.tab.table.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  1842. this.getTabList()
  1843. },
  1844. handleNext() {
  1845. // if (this.tab.table.getdataListParm.parammaps.date !== '' && this.tab.table.getdataListParm.parammaps.date !== null) {
  1846. // this.tab.table.getdataListParm.parammaps.date = new Date(this.tab.table.getdataListParm.parammaps.date)
  1847. // var stop = new Date(this.tab.table.getdataListParm.parammaps.date.setDate(this.tab.table.getdataListParm.parammaps.date.getDate() + 1))
  1848. // if (stop > Date.now() - 8.64e7) {
  1849. // this.Nextdisabled1 = true
  1850. // this.Beforedisabled1 = false
  1851. // } else {
  1852. // this.Nextdisabled1 = false
  1853. // this.Beforedisabled1 = false
  1854. // }
  1855. // this.tab.table.getdataListParm.parammaps.date = parseTime(stop, '{y}-{m}-{d}')
  1856. // this.tab.table.getdataListParm.parammaps.startTime = parseTime(stop, '{y}-{m}-{d}')
  1857. // this.tab.table.getdataListParm.parammaps.stopTime = parseTime(stop, '{y}-{m}-{d}')
  1858. // this.getTabList()
  1859. // }
  1860. if (this.tab.table.getdataListParm.parammaps.inputDatetime !== '' && this.tab.table.getdataListParm.parammaps.inputDatetime !== null) {
  1861. var start1 = new Date(this.tab.table.getdataListParm.parammaps.inputDatetime[0].setDate(this.tab.table.getdataListParm.parammaps.inputDatetime[0].getDate() + 1))
  1862. var stop1 = new Date(this.tab.table.getdataListParm.parammaps.inputDatetime[1].setDate(this.tab.table.getdataListParm.parammaps.inputDatetime[1].getDate() + 1))
  1863. if (stop1 > Date.now() - 8.64e7) {
  1864. this.Nextdisabled1 = true
  1865. this.Beforedisabled1 = false
  1866. } else {
  1867. this.Nextdisabled1 = false
  1868. this.Beforedisabled1 = false
  1869. }
  1870. this.tab.table.getdataListParm.parammaps.inputDatetime.length = 0
  1871. this.tab.table.getdataListParm.parammaps.inputDatetime.push(start1, stop1)
  1872. this.$forceUpdate()
  1873. }
  1874. this.tab.table.getdataListParm.parammaps.startTime = parseTime(this.tab.table.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  1875. this.tab.table.getdataListParm.parammaps.stopTime = parseTime(this.tab.table.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  1876. this.getTabList()
  1877. },
  1878. handleBefore2() {
  1879. if (this.tab2.date !== '' && this.tab2.date !== null) {
  1880. this.tab2.date = new Date(this.tab2.date)
  1881. var start = new Date(this.tab2.date.setDate(this.tab2.date.getDate() - 1))
  1882. if (start > Date.now() - 8.64e7) {
  1883. this.Nextdisabled2 = true
  1884. this.Beforedisabled2 = false
  1885. } else {
  1886. this.Nextdisabled2 = false
  1887. this.Beforedisabled2 = false
  1888. }
  1889. this.tab2.date = parseTime(start, '{y}-{m}-{d}')
  1890. this.tab2.table.getdataListParm.parammaps.startTime = parseTime(start, '{y}-{m}-{d}')
  1891. this.tab2.table.getdataListParm.parammaps.stopTime = parseTime(start, '{y}-{m}-{d}')
  1892. this.getTab2List()
  1893. this.getTab2List2()
  1894. this.getTab2List3()
  1895. this.getTab2List4()
  1896. }
  1897. },
  1898. handleNext2() {
  1899. if (this.tab2.date !== '' && this.tab2.date !== null) {
  1900. this.tab2.date = new Date(this.tab2.date)
  1901. var stop = new Date(this.tab2.date.setDate(this.tab2.date.getDate() + 1))
  1902. if (stop > Date.now() - 8.64e7) {
  1903. this.Nextdisabled2 = true
  1904. this.Beforedisabled2 = false
  1905. } else {
  1906. this.Nextdisabled2 = false
  1907. this.Beforedisabled2 = false
  1908. }
  1909. this.tab2.date = parseTime(stop, '{y}-{m}-{d}')
  1910. this.tab2.table.getdataListParm.parammaps.startTime = parseTime(stop, '{y}-{m}-{d}')
  1911. this.tab2.table.getdataListParm.parammaps.stopTime = parseTime(stop, '{y}-{m}-{d}')
  1912. this.getTab2List()
  1913. this.getTab2List2()
  1914. this.getTab2List3()
  1915. this.getTab2List4()
  1916. }
  1917. },
  1918. // 快速跳转到图表
  1919. handleQuickJumpChart() {
  1920. var myHeight = document.getElementById('table').offsetHeight + 120
  1921. window.scrollTo(myHeight, myHeight)
  1922. },
  1923. // 快速回到顶部
  1924. handleQuickJumpTop() {
  1925. window.scrollTo(0, 0)
  1926. },
  1927. // 泌乳牛干物质采食量
  1928. changeStatisticChart1(arr) {
  1929. console.log(arr,'arr===')
  1930. var arr1 = []
  1931. for (let i = 0; i < arr.length; i++) {
  1932. if (arr[i] !== 'all') {
  1933. arr1.push(arr[i])
  1934. }
  1935. }
  1936. this.tab.chart1.getdataListParm.parammaps.statisticsList = arr1
  1937. console.log(this.tab.chart1.getdataListParm.parammaps.statisticsList,'=====0000')
  1938. var arrData3 = []
  1939. for (let i = 0; i < this.tab.chart1.getdataListParm.parammaps.statisticsList.length; i++) {
  1940. const myId = this.tab.chart1.statisticsList.find(obj => obj.name == this.tab.chart1.getdataListParm.parammaps.statisticsList[i]).id
  1941. for (let j = 0; j < this.tab.chart1.chart1Data3.length; j++) {
  1942. if (j == myId) {
  1943. arrData3.push(this.tab.chart1.chart1Data3[j])
  1944. }
  1945. }
  1946. }
  1947. console.log(arrData3,'arrData3')
  1948. this.tab.chart1.chartLine_data.data3 = arrData3
  1949. this.tab.chart1.chartLine_data.data3 = this.tab.chart1.getdataListParm.parammaps.statisticsList
  1950. this.roadChartLine1(this.tab.chart1.chartLine_data)
  1951. },
  1952. changeLivestockType(){
  1953. this.getChart1()
  1954. },
  1955. // 泌乳牛干物质采食量
  1956. getChart1() {
  1957. this.tab.chart1.listLoading = true
  1958. const url = 'authdata/chart/feedEffMR'
  1959. const data = {}
  1960. data.parammaps = {}
  1961. if (this.tab.chart1.getdataListParm.parammaps.specificDate == '1') {
  1962. data.parammaps.pastureid = this.tab.chart1.getdataListParm.parammaps.pastureid
  1963. data.parammaps.startTime = parseTime(this.tab.chart1.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  1964. data.parammaps.stopTime = parseTime(this.tab.chart1.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  1965. data.parammaps.status = this.tab.chart1.getdataListParm.parammaps.status
  1966. } else {
  1967. data.parammaps.pastureid = this.tab.chart1.getdataListParm.parammaps.pastureid
  1968. data.parammaps.startTime = this.tab.chart1.getdataListParm.parammaps.startTime
  1969. data.parammaps.stopTime = this.tab.chart1.getdataListParm.parammaps.stopTime
  1970. data.parammaps.status = this.tab.chart1.getdataListParm.parammaps.status
  1971. }
  1972. data.parammaps.bigcowclass = this.tab.chart1.getdataListParm.parammaps.bigcowclass
  1973. postJson(url, data).then(response => {
  1974. if (response.data !== null && response.data.data !== null) {
  1975. // console.log('泌乳牛干物质采食量图表数据', response.data.list)
  1976. // for (let i = 0; i < response.data.data.length; i++) {
  1977. // if (response.data.data[i].field1 !== '' && response.data.data[i].field1 !== undefined) {
  1978. // response.data.data[i].field1 = parseFloat(response.data.data[i].field1)
  1979. // }
  1980. // if (response.data.data[i].field2 !== '' && response.data.data[i].field2 !== undefined) {
  1981. // response.data.data[i].field2 = parseFloat(response.data.data[i].field2)
  1982. // }
  1983. // }
  1984. this.tab.chart1.table.list = response.data.data
  1985. // this.tab.chart1.chartLine_data = response.data.list
  1986. // this.tab.chart1.chartLine_data = {
  1987. // chartType:'line_bar',
  1988. // date: ['2019-01', '2019-02', '2019-03', '2019-04', '2019-05', '2019-06', '2019-07', '2019-08', '2019-09', '2019-10', '2019-11', '2019-12'],
  1989. // legendArr1: ['采食量-数据1', '采食量-数据2', '采食量-数据3', '采食量-数据4' ],
  1990. // dataArr1:[
  1991. // [1, 10, 7, 0, 1, 7, 7, 6, 4, 4, 1, 6],
  1992. // [1, 10, 7, 0, 1, 7, 7, 6, 4, 4, 1, 6],
  1993. // [1, 10, 7, 0, 1, 7, 7, 6, 4, 4, 1, 6],
  1994. // [2, 10, 3, 2, 10, 4, 4, 9, 3, 9, 3, 8],
  1995. // ],
  1996. // legendArr2: ['产奶量-数据1', '产奶量-数据2'],
  1997. // dataArr2:[
  1998. // [1, 10, 7, 0, 1, 7, 7, 6, 4, 4, 1, 5],
  1999. // [1, 10, 7, 0, 1, 7, 7, 6, 4, 4, 1, 6],
  2000. // ],
  2001. // }
  2002. this.tab.chart1.chartLine_data = {}
  2003. this.tab.chart1.chartLine_data.date = response.data.date
  2004. this.tab.chart1.chartLine_data.dataArr1 = response.data.dataArr1
  2005. this.tab.chart1.chartLine_data.dataArr2 = response.data.dataArr2
  2006. this.tab.chart1.chartLine_data.legendArr1 = []
  2007. this.tab.chart1.chartLine_data.legendArr2 = []
  2008. response.data.ftname.forEach((item)=>{
  2009. var str1 = '采食量-' + item
  2010. this.tab.chart1.chartLine_data.legendArr1.push(str1)
  2011. })
  2012. response.data.ftname.forEach((item)=>{
  2013. var str2 = '产奶量-' + item
  2014. this.tab.chart1.chartLine_data.legendArr2.push(str2)
  2015. })
  2016. // this.tab.chart1.chartLine_data.legendArr1 = this.tab.chart1.chartLine_data.ftname
  2017. // this.tab.chart1.chartLine_data.legendArr2 = this.tab.chart1.chartLine_data.ftname
  2018. var data3 = this.tab.chart1.chartLine_data.legendArr1.concat(this.tab.chart1.chartLine_data.legendArr2)
  2019. this.tab.chart1.chartLine_data.data3 = Array.from(new Set(data3))
  2020. this.tab.chart1.getdataListParm.parammaps.statisticsList = []
  2021. this.tab.chart1.statisticsList = []
  2022. console.log(data3,'data3')
  2023. for (let i = 0; i < data3.length; i++) {
  2024. this.tab.chart1.getdataListParm.parammaps.statisticsList.push(data3[i])
  2025. var obj = {}
  2026. obj.id = i
  2027. obj.name = data3[i]
  2028. this.tab.chart1.statisticsList.push(obj)
  2029. }
  2030. // this.tab.chart1.total = response.data.total
  2031. } else {
  2032. this.tab.chart1.list = []
  2033. this.tab.chart1.chartLine_data = {}
  2034. }
  2035. this.roadChartLine1(this.tab.chart1.chartLine_data)
  2036. setTimeout(() => {
  2037. this.tab.chart1.listLoading = false
  2038. }, 100)
  2039. })
  2040. },
  2041. roadChartLine1(chartLine_data) {
  2042. if (this.tab.chart1.chartLine != null) {
  2043. this.tab.chart1.chartLine.dispose()
  2044. }
  2045. this.tab.chart1.chartLine = echarts.init(document.getElementById('chartLine1'))
  2046. console.log(chartLine_data,'chartLine_data')
  2047. var option = {
  2048. tooltip: {
  2049. trigger: "axis",
  2050. axisPointer: { type: 'cross', crossStyle: { color: '#999' }},
  2051. },
  2052. legend: {
  2053. data:chartLine_data.data3,
  2054. right: 10, show: true, type: 'scroll' ,
  2055. },
  2056. grid: { top: '20%', left: '8%', right: '8%', containLabel: true },
  2057. xAxis: [{ type: 'category', data: chartLine_data.date }],
  2058. yAxis: [
  2059. { splitLine: { show: false }, type: 'value', name: '干物质\n采食量', axisLabel: { formatter: '{value} ' }},
  2060. { splitLine: { show: false }, type: 'value', name: '产奶量', axisLabel: { formatter: '{value} ' }}
  2061. ],
  2062. // series: [
  2063. // { name: '泌乳牛干物质采食量', type: 'bar', itemStyle: { normal: { color: '#61a5e8' }}, data: chartLine_data.data2 },
  2064. // { name: '泌乳牛产奶量', type: 'line', itemStyle: { normal: { color: '#ff2d2d' }}, yAxisIndex: 1, data: chartLine_data.data3 }
  2065. // ]
  2066. series: function (e) {
  2067. if(chartLine_data && chartLine_data.date && chartLine_data.date.length){
  2068. var serie = [];
  2069. for (var i = 0; i < chartLine_data.date.length; i++) {
  2070. var item = {
  2071. name: chartLine_data.legendArr1[i],
  2072. data: chartLine_data.dataArr1[i],
  2073. type: 'line',
  2074. emphasis: { label: { show: true, position: 'inside' } },
  2075. }
  2076. serie.push(item);
  2077. }
  2078. for (var i = 0; i < chartLine_data.date.length; i++) {
  2079. var item = {
  2080. name: chartLine_data.legendArr2[i],
  2081. data: chartLine_data.dataArr2[i],
  2082. type: 'bar',
  2083. yAxisIndex: 1,
  2084. emphasis: { label: { show: true, position: 'inside' } },
  2085. }
  2086. serie.push(item);
  2087. }
  2088. return serie;
  2089. }
  2090. }
  2091. }
  2092. this.tab.chart1.chartLine.setOption(option)
  2093. window.onresize = function() {
  2094. this.tab.chart1.chartLine.resize()
  2095. }
  2096. },
  2097. // 牛栏剩料率
  2098. changeStatisticChart2(arr) {
  2099. var arr1 = []
  2100. for (let i = 0; i < arr.length; i++) {
  2101. if (arr[i] !== 'all') {
  2102. arr1.push(arr[i])
  2103. }
  2104. }
  2105. this.tab.chart2.getdataListParm.parammaps.statisticsList = arr1
  2106. var arrData3 = []
  2107. for (let i = 0; i < this.tab.chart2.getdataListParm.parammaps.statisticsList.length; i++) {
  2108. const myId = this.tab.chart2.statisticsList.find(obj => obj.name == this.tab.chart2.getdataListParm.parammaps.statisticsList[i]).id
  2109. for (let j = 0; j < this.tab.chart2.chart2Data3.length; j++) {
  2110. if (j == myId) {
  2111. arrData3.push(this.tab.chart2.chart2Data3[j])
  2112. }
  2113. }
  2114. }
  2115. this.tab.chart2.chartLine_data.data3 = arrData3
  2116. this.tab.chart2.chartLine_data.data1 = this.tab.chart2.getdataListParm.parammaps.statisticsList
  2117. this.roadChartLine2(this.tab.chart2.chartLine_data)
  2118. },
  2119. // 牛栏剩料率
  2120. getChart2() {
  2121. this.tab.chart2.listLoading = true
  2122. const url = 'authdata/chart/feedEffSL'
  2123. const data = {}
  2124. data.parammaps = {}
  2125. if (this.tab.chart2.getdataListParm.parammaps.specificDate == '1') {
  2126. data.parammaps.pastureid = this.tab.chart2.getdataListParm.parammaps.pastureid
  2127. data.parammaps.startTime = parseTime(this.tab.chart2.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  2128. data.parammaps.stopTime = parseTime(this.tab.chart2.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  2129. data.parammaps.status = this.tab.chart2.getdataListParm.parammaps.status
  2130. } else {
  2131. data.parammaps.pastureid = this.tab.chart2.getdataListParm.parammaps.pastureid
  2132. data.parammaps.startTime = this.tab.chart2.getdataListParm.parammaps.startTime
  2133. data.parammaps.stopTime = this.tab.chart2.getdataListParm.parammaps.stopTime
  2134. data.parammaps.status = this.tab.chart2.getdataListParm.parammaps.status
  2135. }
  2136. postJson(url, data).then(response => {
  2137. if (response.data !== null && response.data.list !== null && response.data.data !== null) {
  2138. console.log('牛栏剩料率图表数据', response.data.list)
  2139. for (let i = 0; i < response.data.data.length; i++) {
  2140. if (response.data.data[i].剩料量 !== '' && response.data.data[i].剩料量 !== undefined) {
  2141. response.data.data[i].剩料量 = parseFloat(response.data.data[i].剩料量)
  2142. }
  2143. if (response.data.data[i].撒料量 !== '' && response.data.data[i].撒料量 !== undefined) {
  2144. response.data.data[i].撒料量 = parseFloat(response.data.data[i].撒料量)
  2145. }
  2146. if (response.data.data[i].准确率 !== '' && response.data.data[i].准确率 !== undefined) {
  2147. response.data.data[i].准确率 = parseFloat(response.data.data[i].准确率)
  2148. }
  2149. }
  2150. this.tab.chart2.table.list = response.data.data
  2151. this.tab.chart2.chartLine_data = response.data.list
  2152. this.tab.chart2.total = response.data.total
  2153. this.tab.chart2.statisticsList = []
  2154. this.tab.chart2.getdataListParm.parammaps.statisticsList = []
  2155. for (let i = 0; i < response.data.list.data1.length; i++) {
  2156. // if (i < 10) {
  2157. this.tab.chart2.getdataListParm.parammaps.statisticsList.push(response.data.list.data1[i])
  2158. // }
  2159. var obj = {}
  2160. obj.id = i
  2161. obj.name = response.data.list.data1[i]
  2162. this.tab.chart2.statisticsList.push(obj)
  2163. }
  2164. this.tab.chart2.chart2Data3 = response.data.list.data3
  2165. this.tab.chart2.total = response.data.total
  2166. console.log('牛栏剩料率图数据', this.tab.chart2.chartLine_data)
  2167. console.log('牛栏剩料率表数据', this.tab.chart2.table.list)
  2168. var arrData3 = []
  2169. for (let i = 0; i < this.tab.chart2.getdataListParm.parammaps.statisticsList.length; i++) {
  2170. const myId = this.tab.chart2.statisticsList.find(obj => obj.name == this.tab.chart2.getdataListParm.parammaps.statisticsList[i]).id
  2171. for (let j = 0; j < this.tab.chart2.chart2Data3.length; j++) {
  2172. if (j == myId) {
  2173. arrData3.push(this.tab.chart2.chart2Data3[j])
  2174. }
  2175. }
  2176. }
  2177. this.tab.chart2.chartLine_data.data3 = arrData3
  2178. this.tab.chart2.chartLine_data.data1 = this.tab.chart2.getdataListParm.parammaps.statisticsList
  2179. } else {
  2180. this.tab.chart2.list = []
  2181. this.tab.chart2.chartLine_data = {}
  2182. }
  2183. console.log(this.tab.chart2.statisticsList,'statisticsList======888')
  2184. console.log(this.tab.chart2.getdataListParm.parammaps.statisticsList,'statisticsList======999')
  2185. this.roadChartLine2(this.tab.chart2.chartLine_data)
  2186. setTimeout(() => {
  2187. this.tab.chart2.listLoading = false
  2188. }, 100)
  2189. })
  2190. },
  2191. roadChartLine2(chartLine_data) {
  2192. if (this.tab.chart2.chartLine != null) {
  2193. this.tab.chart2.chartLine.dispose()
  2194. }
  2195. this.tab.chart2.chartLine = echarts.init(document.getElementById('chartLine2'))
  2196. var option = {
  2197. title: {
  2198. text: ''
  2199. },
  2200. tooltip: {
  2201. trigger: 'axis'
  2202. },
  2203. legend: { data: chartLine_data.data1, right: 10, show: true, type: 'scroll' },
  2204. grid: {
  2205. top: '20%',
  2206. left: '3%',
  2207. right: '8%',
  2208. containLabel: true
  2209. },
  2210. toolbox: {
  2211. show: true,
  2212. right: '2%',
  2213. feature: {}
  2214. },
  2215. xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name:this.$t('errorAnalysis.date') },
  2216. yAxis: {
  2217. type: 'value', name: this.$t('feedingEfficiency.sll1'), axisLabel: { formatter: '{value} %' }
  2218. },
  2219. series: (function() {
  2220. var serie = []
  2221. if (chartLine_data.data3 !== undefined) {
  2222. for (var i = 0; i < chartLine_data.data3.length; i++) {
  2223. var item = {
  2224. name: chartLine_data.data1[i],
  2225. type: 'line',
  2226. data: chartLine_data.data3[i].data
  2227. }
  2228. var item2 = {
  2229. name: chartLine_data.data1[i],
  2230. type: '',
  2231. data: chartLine_data.data3[i].data
  2232. }
  2233. serie.push(item)
  2234. }
  2235. }
  2236. return serie
  2237. }())
  2238. }
  2239. this.tab.chart2.chartLine.setOption(option)
  2240. if (this.tab.chart2.chartLine != null) {
  2241. window.onresize = function() {
  2242. this.tab.chart2.chartLine.resize()
  2243. }
  2244. }
  2245. },
  2246. changeStatisticChart3(arr) {
  2247. var arr1 = []
  2248. for (let i = 0; i < arr.length; i++) {
  2249. if (arr[i] !== 'all') {
  2250. arr1.push(arr[i])
  2251. }
  2252. }
  2253. this.tab.chart3.getdataListParm.parammaps.statisticsList = arr1
  2254. var arrData3 = []
  2255. for (let i = 0; i < this.tab.chart3.getdataListParm.parammaps.statisticsList.length; i++) {
  2256. const myId = this.tab.chart3.statisticsList.find(obj => obj.name == this.tab.chart3.getdataListParm.parammaps.statisticsList[i]).id
  2257. for (let j = 0; j < this.tab.chart3.chart3Data3.length; j++) {
  2258. if (j == myId) {
  2259. arrData3.push(this.tab.chart3.chart3Data3[j])
  2260. }
  2261. }
  2262. }
  2263. this.tab.chart3.chartLine_data.data3 = arrData3
  2264. this.tab.chart3.chartLine_data.data1 = this.tab.chart3.getdataListParm.parammaps.statisticsList
  2265. this.roadChartLine3(this.tab.chart3.chartLine_data)
  2266. },
  2267. // 混料时间统计
  2268. getChart3() {
  2269. this.tab.chart3.listLoading = true
  2270. const url = 'authdata/chart/feedEffHL'
  2271. const data = {}
  2272. data.parammaps = {}
  2273. if (this.tab.chart3.getdataListParm.parammaps.specificDate == '1') {
  2274. data.parammaps.pastureid = this.tab.chart3.getdataListParm.parammaps.pastureid
  2275. data.parammaps.startTime = parseTime(this.tab.chart3.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  2276. data.parammaps.stopTime = parseTime(this.tab.chart3.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  2277. data.parammaps.status = this.tab.chart3.getdataListParm.parammaps.status
  2278. } else {
  2279. data.parammaps.pastureid = this.tab.chart3.getdataListParm.parammaps.pastureid
  2280. data.parammaps.startTime = this.tab.chart3.getdataListParm.parammaps.startTime
  2281. data.parammaps.stopTime = this.tab.chart3.getdataListParm.parammaps.stopTime
  2282. data.parammaps.status = this.tab.chart3.getdataListParm.parammaps.status
  2283. }
  2284. postJson(url, data).then(response => {
  2285. if (response.data !== null && response.data.list !== null) {
  2286. console.log('混料时间统计图表数据', response.data.list)
  2287. this.tab.chart3.table.list = response.data.data
  2288. this.tab.chart3.chartLine_data = response.data.list
  2289. this.tab.chart3.total = response.data.total
  2290. this.tab.chart3.statisticsList = []
  2291. this.tab.chart3.getdataListParm.parammaps.statisticsList = []
  2292. for (let i = 0; i < response.data.list.data1.length; i++) {
  2293. // if (i < 10) {
  2294. this.tab.chart3.getdataListParm.parammaps.statisticsList.push(response.data.list.data1[i])
  2295. // }
  2296. var obj = {}
  2297. obj.id = i
  2298. obj.name = response.data.list.data1[i]
  2299. this.tab.chart3.statisticsList.push(obj)
  2300. }
  2301. this.tab.chart3.chart3Data3 = response.data.list.data3
  2302. this.tab.chart3.total = response.data.total
  2303. console.log('牛栏剩料率图数据', this.tab.chart3.chartLine_data)
  2304. console.log('牛栏剩料率表数据', this.tab.chart3.table.list)
  2305. var arrData3 = []
  2306. for (let i = 0; i < this.tab.chart3.getdataListParm.parammaps.statisticsList.length; i++) {
  2307. const myId = this.tab.chart3.statisticsList.find(obj => obj.name == this.tab.chart3.getdataListParm.parammaps.statisticsList[i]).id
  2308. for (let j = 0; j < this.tab.chart3.chart3Data3.length; j++) {
  2309. if (j == myId) {
  2310. arrData3.push(this.tab.chart3.chart3Data3[j])
  2311. }
  2312. }
  2313. }
  2314. this.tab.chart3.chartLine_data.data3 = arrData3
  2315. this.tab.chart3.chartLine_data.data1 = this.tab.chart3.getdataListParm.parammaps.statisticsList
  2316. } else {
  2317. this.tab.chart3.list = []
  2318. this.tab.chart3.chartLine_data = {}
  2319. }
  2320. this.roadChartLine3(this.tab.chart3.chartLine_data)
  2321. setTimeout(() => {
  2322. this.tab.chart3.listLoading = false
  2323. }, 100)
  2324. })
  2325. },
  2326. roadChartLine3(chartLine_data) {
  2327. if (this.tab.chart3.chartLine != null) {
  2328. this.tab.chart3.chartLine.dispose()
  2329. }
  2330. this.tab.chart3.chartLine = echarts.init(document.getElementById('chartLine3'))
  2331. var option = {
  2332. title: {
  2333. text: ''
  2334. },
  2335. tooltip: {
  2336. trigger: 'axis'
  2337. },
  2338. legend: { data: chartLine_data.data1, right: 10, show: true, type: 'scroll' },
  2339. grid: {
  2340. top: '20%',
  2341. left: '5%',
  2342. right: '8%',
  2343. containLabel: true
  2344. },
  2345. toolbox: {
  2346. show: true,
  2347. right: '2%',
  2348. feature: {}
  2349. },
  2350. xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name:this.$t('errorAnalysis.date') },
  2351. yAxis: {
  2352. type: 'value', name: this.$t('feedingEfficiency.fenz'),
  2353. axisLabel: {
  2354. formatter: '{value}min'
  2355. }
  2356. },
  2357. series: (function() {
  2358. var serie = []
  2359. if (chartLine_data.data3 !== undefined) {
  2360. for (var i = 0; i < chartLine_data.data3.length; i++) {
  2361. var item = {
  2362. name: chartLine_data.data1[i],
  2363. type: 'line',
  2364. data: chartLine_data.data3[i].data
  2365. }
  2366. serie.push(item)
  2367. }
  2368. }
  2369. return serie
  2370. }())
  2371. }
  2372. this.tab.chart3.chartLine.setOption(option)
  2373. window.onresize = function() {
  2374. this.tab.chart3.chartLine.resize()
  2375. }
  2376. },
  2377. // 转化率
  2378. changeStatisticChart4(arr) {
  2379. var arr1 = []
  2380. for (let i = 0; i < arr.length; i++) {
  2381. if (arr[i] !== 'all') {
  2382. arr1.push(arr[i])
  2383. }
  2384. }
  2385. this.tab.chart4.getdataListParm.parammaps.statisticsList = arr1
  2386. var arrData3 = []
  2387. for (let i = 0; i < this.tab.chart4.getdataListParm.parammaps.statisticsList.length; i++) {
  2388. const myId = this.tab.chart4.statisticsList.find(obj => obj.name == this.tab.chart4.getdataListParm.parammaps.statisticsList[i]).id
  2389. for (let j = 0; j < this.tab.chart4.chart4Data3.length; j++) {
  2390. if (j == myId) {
  2391. arrData3.push(this.tab.chart4.chart4Data3[j])
  2392. }
  2393. }
  2394. }
  2395. this.tab.chart4.chartLine_data.data3 = arrData3
  2396. this.tab.chart4.chartLine_data.data1 = this.tab.chart4.getdataListParm.parammaps.statisticsList
  2397. this.roadChartLine4(this.tab.chart4.chartLine_data)
  2398. },
  2399. getChart4() {
  2400. this.tab.chart4.listLoading = true
  2401. const url = 'authdata/chart/feedEffZH'
  2402. const data = {}
  2403. data.parammaps = {}
  2404. if (this.tab.chart4.getdataListParm.parammaps.specificDate == '1') {
  2405. data.parammaps.pastureid = this.tab.chart4.getdataListParm.parammaps.pastureid
  2406. data.parammaps.startTime = parseTime(this.tab.chart4.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  2407. data.parammaps.stopTime = parseTime(this.tab.chart4.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  2408. data.parammaps.status = this.tab.chart4.getdataListParm.parammaps.status
  2409. } else {
  2410. data.parammaps.pastureid = this.tab.chart4.getdataListParm.parammaps.pastureid
  2411. data.parammaps.startTime = this.tab.chart4.getdataListParm.parammaps.startTime
  2412. data.parammaps.stopTime = this.tab.chart4.getdataListParm.parammaps.stopTime
  2413. data.parammaps.status = this.tab.chart4.getdataListParm.parammaps.status
  2414. }
  2415. postJson(url, data).then(response => {
  2416. if (response.data !== null && response.data.list !== null) {
  2417. console.log('转化率图表数据', response.data.list)
  2418. this.tab.chart4.table.list = response.data.data
  2419. this.tab.chart4.chartLine_data = response.data.list
  2420. this.tab.chart4.total = response.data.total
  2421. this.tab.chart4.statisticsList = []
  2422. this.tab.chart4.getdataListParm.parammaps.statisticsList = []
  2423. for (let i = 0; i < response.data.list.data1.length; i++) {
  2424. // if (i < 10) {
  2425. this.tab.chart4.getdataListParm.parammaps.statisticsList.push(response.data.list.data1[i])
  2426. // }
  2427. var obj = {}
  2428. obj.id = i
  2429. obj.name = response.data.list.data1[i]
  2430. this.tab.chart4.statisticsList.push(obj)
  2431. }
  2432. this.tab.chart4.chart4Data3 = response.data.list.data3
  2433. this.tab.chart4.total = response.data.total
  2434. console.log('转化率图数据', this.tab.chart4.chartLine_data)
  2435. console.log('转化率表数据', this.tab.chart4.table.list)
  2436. var arrData3 = []
  2437. console.log('statisticsList', this.tab.chart4.getdataListParm.parammaps.statisticsList)
  2438. for (let i = 0; i < this.tab.chart4.getdataListParm.parammaps.statisticsList.length; i++) {
  2439. const myId = this.tab.chart4.statisticsList.find(obj => obj.name == this.tab.chart4.getdataListParm.parammaps.statisticsList[i]).id
  2440. for (let j = 0; j < this.tab.chart4.chart4Data3.length; j++) {
  2441. if (j == myId) {
  2442. arrData3.push(this.tab.chart4.chart4Data3[j])
  2443. }
  2444. }
  2445. }
  2446. this.tab.chart4.chartLine_data.data3 = arrData3
  2447. this.tab.chart4.chartLine_data.data1 = this.tab.chart4.getdataListParm.parammaps.statisticsList
  2448. } else {
  2449. this.tab.chart4.list = []
  2450. this.tab.chart4.chartLine_data = {}
  2451. }
  2452. this.roadChartLine4(this.tab.chart4.chartLine_data)
  2453. setTimeout(() => {
  2454. this.tab.chart4.listLoading = false
  2455. }, 100)
  2456. })
  2457. },
  2458. roadChartLine4(chartLine_data) {
  2459. if (this.tab.chart4.chartLine != null) {
  2460. this.tab.chart4.chartLine.dispose()
  2461. }
  2462. this.tab.chart4.chartLine = echarts.init(document.getElementById('chartLine4'))
  2463. var option = {
  2464. title: {
  2465. text: ''
  2466. },
  2467. tooltip: {
  2468. trigger: 'axis'
  2469. },
  2470. legend: { data: chartLine_data.data1, right: 10, show: true, type: 'scroll' },
  2471. grid: {
  2472. top: '20%',
  2473. left: '3%',
  2474. right: '8%',
  2475. containLabel: true
  2476. },
  2477. toolbox: {
  2478. show: true,
  2479. right: '2%',
  2480. feature: {}
  2481. },
  2482. xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name:this.$t('errorAnalysis.date') },
  2483. yAxis: {
  2484. type: 'value', name: this.$t('errorAnalysis.bfb') , axisLabel: { formatter: '{value} %' }
  2485. },
  2486. series: (function() {
  2487. var serie = []
  2488. if (chartLine_data.data3 !== undefined) {
  2489. for (var i = 0; i < chartLine_data.data3.length; i++) {
  2490. var item = {
  2491. name: chartLine_data.data1[i],
  2492. type: 'line',
  2493. data: chartLine_data.data3[i].data
  2494. }
  2495. serie.push(item)
  2496. }
  2497. }
  2498. return serie
  2499. }())
  2500. }
  2501. this.tab.chart4.chartLine.setOption(option)
  2502. window.onresize = function() {
  2503. this.tab.chart4.chartLine.resize()
  2504. }
  2505. },
  2506. // 成本分析
  2507. changeStatisticChart5(arr) {
  2508. var arr1 = []
  2509. for (let i = 0; i < arr.length; i++) {
  2510. if (arr[i] !== 'all') {
  2511. arr1.push(arr[i])
  2512. }
  2513. }
  2514. this.tab.chart5.getdataListParm.parammaps.statisticsList = arr1
  2515. var arrData3 = []
  2516. for (let i = 0; i < this.tab.chart5.getdataListParm.parammaps.statisticsList.length; i++) {
  2517. const myId = this.tab.chart5.statisticsList.find(obj => obj.name == this.tab.chart5.getdataListParm.parammaps.statisticsList[i]).id
  2518. for (let j = 0; j < this.tab.chart5.chart5Data3.length; j++) {
  2519. if (j == myId) {
  2520. arrData3.push(this.tab.chart5.chart5Data3[j])
  2521. }
  2522. }
  2523. }
  2524. this.tab.chart5.chartLine_data.data3 = arrData3
  2525. this.tab.chart5.chartLine_data.data1 = this.tab.chart5.getdataListParm.parammaps.statisticsList
  2526. this.roadChartLine5(this.tab.chart5.chartLine_data)
  2527. },
  2528. getChart5() {
  2529. this.tab.chart5.listLoading = true
  2530. const url = 'authdata/chart/feedEffCBFT'
  2531. const data = {}
  2532. data.parammaps = {}
  2533. if (this.tab.chart5.getdataListParm.parammaps.specificDate == '1') {
  2534. data.parammaps.pastureid = this.tab.chart5.getdataListParm.parammaps.pastureid
  2535. data.parammaps.startTime = parseTime(this.tab.chart5.getdataListParm.parammaps.inputDatetime[0], '{y}-{m}-{d}')
  2536. data.parammaps.stopTime = parseTime(this.tab.chart5.getdataListParm.parammaps.inputDatetime[1], '{y}-{m}-{d}')
  2537. data.parammaps.status = this.tab.chart5.getdataListParm.parammaps.status
  2538. } else {
  2539. data.parammaps.pastureid = this.tab.chart5.getdataListParm.parammaps.pastureid
  2540. data.parammaps.startTime = this.tab.chart5.getdataListParm.parammaps.startTime
  2541. data.parammaps.stopTime = this.tab.chart5.getdataListParm.parammaps.stopTime
  2542. data.parammaps.status = this.tab.chart5.getdataListParm.parammaps.status
  2543. }
  2544. postJson(url, data).then(response => {
  2545. if (response.data !== null && response.data.list !== null) {
  2546. console.log('转化率图表数据', response.data.list)
  2547. this.tab.chart5.table.list = response.data.data
  2548. this.tab.chart5.chartLine_data = response.data.list
  2549. this.tab.chart5.total = response.data.total
  2550. this.tab.chart5.statisticsList = []
  2551. this.tab.chart5.getdataListParm.parammaps.statisticsList = []
  2552. for (let i = 0; i < response.data.list.data1.length; i++) {
  2553. // if (i < 10) {
  2554. this.tab.chart5.getdataListParm.parammaps.statisticsList.push(response.data.list.data1[i])
  2555. // }
  2556. var obj = {}
  2557. obj.id = i
  2558. obj.name = response.data.list.data1[i]
  2559. this.tab.chart5.statisticsList.push(obj)
  2560. }
  2561. this.tab.chart5.chart5Data3 = response.data.list.data3
  2562. this.tab.chart5.total = response.data.total
  2563. console.log('转化率图数据', this.tab.chart5.chartLine_data)
  2564. console.log('转化率表数据', this.tab.chart5.table.list)
  2565. var arrData3 = []
  2566. for (let i = 0; i < this.tab.chart5.getdataListParm.parammaps.statisticsList.length; i++) {
  2567. const myId = this.tab.chart5.statisticsList.find(obj => obj.name == this.tab.chart5.getdataListParm.parammaps.statisticsList[i]).id
  2568. for (let j = 0; j < this.tab.chart5.chart5Data3.length; j++) {
  2569. if (j == myId) {
  2570. arrData3.push(this.tab.chart5.chart5Data3[j])
  2571. }
  2572. }
  2573. }
  2574. this.tab.chart5.chartLine_data.data3 = arrData3
  2575. this.tab.chart5.chartLine_data.data1 = this.tab.chart5.getdataListParm.parammaps.statisticsList
  2576. } else {
  2577. this.tab.chart5.list = []
  2578. }
  2579. this.roadChartLine5(this.tab.chart5.chartLine_data)
  2580. setTimeout(() => {
  2581. this.tab.chart5.listLoading = false
  2582. }, 100)
  2583. })
  2584. },
  2585. roadChartLine5(chartLine_data) {
  2586. if (this.tab.chart5.chartLine != null) {
  2587. this.tab.chart5.chartLine.dispose()
  2588. }
  2589. this.tab.chart5.chartLine = echarts.init(document.getElementById('chartLine5'))
  2590. var option = {
  2591. title: {
  2592. text: ''
  2593. },
  2594. tooltip: {
  2595. trigger: 'axis'
  2596. },
  2597. legend: { data: chartLine_data.data1, right: 10, show: true, type: 'scroll' },
  2598. grid: {
  2599. top: '20%',
  2600. left: '5%',
  2601. right: '8%',
  2602. containLabel: true
  2603. },
  2604. toolbox: {
  2605. show: true,
  2606. right: '2%',
  2607. feature: {}
  2608. },
  2609. xAxis: { type: 'category', boundaryGap: false, data: chartLine_data.data2, name:this.$t('errorAnalysis.date') },
  2610. yAxis: {
  2611. type: 'value', name: this.$t('feedingEfficiency.gjnclcb')
  2612. },
  2613. series: (function() {
  2614. var serie = []
  2615. if (chartLine_data.data3 !== undefined) {
  2616. for (var i = 0; i < chartLine_data.data3.length; i++) {
  2617. var item = {
  2618. name: chartLine_data.data1[i],
  2619. type: 'line',
  2620. data: chartLine_data.data3[i].data
  2621. }
  2622. serie.push(item)
  2623. }
  2624. }
  2625. return serie
  2626. }())
  2627. }
  2628. this.tab.chart5.chartLine.setOption(option)
  2629. window.onresize = function() {
  2630. this.tab.chart5.chartLine.resize()
  2631. }
  2632. },
  2633. // 导出
  2634. handleExport(item) {
  2635. if (item == 'chart1') {
  2636. const columns = this.$refs.chart1.columns;
  2637. const labels = columns.map(column => column.label);
  2638. var excelDatasTabChart1 = [
  2639. {
  2640. tHeader: labels,
  2641. filterVal: ['日期', 'field1', 'field2'],
  2642. tableDatas: this.tab.chart1.table.list,
  2643. sheetName: '泌乳牛采食量'
  2644. }
  2645. ]
  2646. json2excel(excelDatasTabChart1, this.$t('feedingEfficiency.mrncsl'), true, 'xlsx')
  2647. } else if (item == 'chart2') {
  2648. const columns = this.$refs.chart2.columns;
  2649. const labels = columns.map(column => column.label);
  2650. console.log('牛栏剩料率导出')
  2651. var excelDatasTabChart2 = [
  2652. {
  2653. tHeader: labels,
  2654. filterVal: ['日期', '名称', '剩料量', '撒料量', '准确率'],
  2655. tableDatas: this.tab.chart2.table.list,
  2656. sheetName: '牛栏剩料率'
  2657. }
  2658. ]
  2659. json2excel(excelDatasTabChart2, this.$t('feedingEfficiency.nlsll'), true, 'xlsx')
  2660. } else if (item == 'chart3') {
  2661. console.log('混料时间统计导出')
  2662. const columns = this.$refs.chart3.columns;
  2663. const labels = columns.map(column => column.label)
  2664. var excelDatasTabChart3 = [
  2665. {
  2666. tHeader:labels,
  2667. filterVal: ['日期', '名称','准确率'],
  2668. tableDatas: this.tab.chart3.table.list,
  2669. sheetName: '混料时间统计'
  2670. }
  2671. ]
  2672. json2excel(excelDatasTabChart3, this.$t('feedingEfficiency.hlsjtj'), true, 'xlsx')
  2673. } else if (item == 'chart4') {
  2674. console.log('转化率导出')
  2675. const columns = this.$refs.chart4.columns;
  2676. const labels = columns.map(column => column.label)
  2677. var excelDatasTabChart4 = [
  2678. {
  2679. tHeader: labels,
  2680. filterVal: ['日期', '名称', '准确率'],
  2681. tableDatas: this.tab.chart4.table.list,
  2682. sheetName: '转化率统计'
  2683. }
  2684. ]
  2685. json2excel(excelDatasTabChart4, this.$t('feedingEfficiency.zhl'), true, 'xlsx')
  2686. } else if (item == 'chart5') {
  2687. console.log('成本分析导出')
  2688. const columns = this.$refs.chart5.columns;
  2689. const labels = columns.map(column => column.label)
  2690. var excelDatasTabChart5 = [
  2691. {
  2692. tHeader: labels,
  2693. filterVal: ['日期', '名称', '准确率'],
  2694. tableDatas: this.tab.chart5.table.list,
  2695. sheetName: '成本分析'
  2696. }
  2697. ]
  2698. json2excel(excelDatasTabChart5, this.$t('feedingEfficiency.cbfx'), true, 'xlsx')
  2699. }
  2700. },
  2701. // 切换表格
  2702. handleTable(item) {
  2703. // 显示切换表格
  2704. if (item == 'chart1') {
  2705. console.log('泌乳牛采食量表格')
  2706. this.tab.chart1.isTable = true
  2707. this.tab.chart1.isChart = false
  2708. } else if (item == 'chart2') {
  2709. console.log('牛栏剩料率表格')
  2710. this.tab.chart2.isTable = true
  2711. this.tab.chart2.isChart = false
  2712. } else if (item == 'chart3') {
  2713. console.log('混料时间统计表格')
  2714. this.tab.chart3.isTable = true
  2715. this.tab.chart3.isChart = false
  2716. } else if (item == 'chart4') {
  2717. console.log('转化率表格')
  2718. this.tab.chart4.isTable = true
  2719. this.tab.chart4.isChart = false
  2720. } else if (item == 'chart5') {
  2721. console.log('成本分析表格')
  2722. this.tab.chart5.isTable = true
  2723. this.tab.chart5.isChart = false
  2724. }
  2725. },
  2726. // 切换图表
  2727. handleChart(item) {
  2728. // 显示切换图表
  2729. if (item == 'chart1') {
  2730. console.log('泌乳牛采食量图表')
  2731. this.tab.chart1.isTable = false
  2732. this.tab.chart1.isChart = true
  2733. this.getChart1()
  2734. } else if (item == 'chart2') {
  2735. console.log('牛栏剩料率图表')
  2736. this.tab.chart2.isTable = false
  2737. this.tab.chart2.isChart = true
  2738. this.getChart2()
  2739. } else if (item == 'chart3') {
  2740. console.log('混料时间统计图表')
  2741. this.tab.chart3.isTable = false
  2742. this.tab.chart3.isChart = true
  2743. this.getChart3()
  2744. } else if (item == 'chart4') {
  2745. console.log('转化率图表')
  2746. this.tab.chart4.isTable = false
  2747. this.tab.chart4.isChart = true
  2748. this.getChart4()
  2749. } else if (item == 'chart5') {
  2750. console.log('成本分析图表')
  2751. this.tab.chart5.isTable = false
  2752. this.tab.chart5.isChart = true
  2753. this.getChart5()
  2754. }
  2755. },
  2756. // 切换tab2日期
  2757. changeTab2Date() {
  2758. this.getTab2List()
  2759. this.getTab2List2()
  2760. this.getTab2List3()
  2761. this.getTab2List4()
  2762. },
  2763. // 宾州筛分析
  2764. getTab2List() {
  2765. this.tab2.table.listLoading = true
  2766. this.tab2.table.getdataListParm.parammaps.startTime = this.tab2.date
  2767. this.tab2.table.getdataListParm.parammaps.stopTime = this.tab2.date
  2768. GetDataByName(this.tab2.table.getdataListParm).then(response => {
  2769. console.log('宾州筛分析table数据', response.data.list)
  2770. if (response.data.list !== null) {
  2771. this.tab2.table.list = response.data.list
  2772. this.tab2.table.total = response.data.total
  2773. } else {
  2774. this.tab2.table.list = []
  2775. }
  2776. setTimeout(() => {
  2777. this.tab2.table.listLoading = false
  2778. }, 100)
  2779. })
  2780. },
  2781. // 粪便筛分析
  2782. getTab2List2() {
  2783. this.tab2.table2.listLoading = true
  2784. this.tab2.table2.getdataListParm.parammaps.startTime = this.tab2.date
  2785. this.tab2.table2.getdataListParm.parammaps.stopTime = this.tab2.date
  2786. GetDataByName(this.tab2.table2.getdataListParm).then(response => {
  2787. console.log('粪便筛分析table数据', response.data.list)
  2788. if (response.data.list !== null) {
  2789. this.tab2.table2.list = response.data.list
  2790. this.tab2.table2.total = response.data.total
  2791. } else {
  2792. this.tab2.table2.list = []
  2793. }
  2794. setTimeout(() => {
  2795. this.tab2.table2.listLoading = false
  2796. }, 100)
  2797. })
  2798. },
  2799. // BCS评分
  2800. getTab2List3() {
  2801. this.tab2.table3.listLoading = true
  2802. this.tab2.table3.getdataListParm.parammaps.startTime = this.tab2.date
  2803. this.tab2.table3.getdataListParm.parammaps.stopTime = this.tab2.date
  2804. GetDataByName(this.tab2.table3.getdataListParm).then(response => {
  2805. console.log('BCS评分table数据', response.data.list)
  2806. if (response.data.list !== null) {
  2807. this.tab2.table3.list = response.data.list
  2808. this.tab2.table3.total = response.data.total
  2809. } else {
  2810. this.tab2.table3.list = []
  2811. }
  2812. setTimeout(() => {
  2813. this.tab2.table3.listLoading = false
  2814. }, 100)
  2815. })
  2816. },
  2817. // 粪便评分
  2818. getTab2List4() {
  2819. this.tab2.table4.listLoading = true
  2820. this.tab2.table4.getdataListParm.parammaps.startTime = this.tab2.date
  2821. this.tab2.table4.getdataListParm.parammaps.stopTime = this.tab2.date
  2822. GetDataByName(this.tab2.table4.getdataListParm).then(response => {
  2823. console.log('成本分析table数据', response.data.list)
  2824. if (response.data.list !== null) {
  2825. this.tab2.table4.list = response.data.list
  2826. this.tab2.table4.total = response.data.total
  2827. } else {
  2828. this.tab2.table4.list = []
  2829. }
  2830. setTimeout(() => {
  2831. this.tab2.table4.listLoading = false
  2832. }, 100)
  2833. })
  2834. }
  2835. }
  2836. }
  2837. </script>
  2838. <style lang="scss" scoped>
  2839. .button{
  2840. height: 130px;
  2841. .exportTable2{float: right;margin-right: 5px;margin-top: 5px;
  2842. width:auto;padding:0 4px;
  2843. }
  2844. }
  2845. .app-container1{padding-left: 10px;background-color: #F4F4F4;}
  2846. .dashboard-editor-container {
  2847. background-color: #F4F4F4;
  2848. .grid-content{
  2849. background-color:#fff;padding: 0 10px;
  2850. h4{text-align: center;line-height: 50px;}
  2851. }
  2852. }
  2853. /deep/ .specificDate .el-radio{margin-right: 0px;}
  2854. /deep/ .el-radio-button__inner{padding: 7px 7px ;}
  2855. /deep/ .el-range-editor.el-input__inner .el-input__icon{width: 0;}
  2856. </style>