index.vue 151 KB

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