index.vue 129 KB

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