|
@@ -0,0 +1,141 @@
|
|
|
+<template>
|
|
|
+ <div class="app-table">
|
|
|
+
|
|
|
+ <div class="table">
|
|
|
+ <el-table
|
|
|
+ :key="table.tableKey"
|
|
|
+ v-loading="table.listLoading"
|
|
|
+ element-loading-text="给我一点时间"
|
|
|
+ :data="table.list"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ highlight-current-row
|
|
|
+ style="width: 100%;"
|
|
|
+ :row-style="rowStyle"
|
|
|
+ :cell-style="cellStyle"
|
|
|
+ class="elTable table-fixed"
|
|
|
+ >
|
|
|
+ <el-table-column :key="1" label="序号" prop="sort" align="center" width="50px" />
|
|
|
+ <el-table-column :key="2" label="栏舍名称" prop="barname" min-width="90px" align="center" />
|
|
|
+ <el-table-column :key="3" label="第一层" min-width="90px" align="center">
|
|
|
+ <el-table-column label="比例 (%)" prop="onerate" min-width="90px" align="center" />
|
|
|
+ <el-table-column label="重量 (g)" prop="oneweight" min-width="90px" align="center" />
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column :key="4" label="第二层" min-width="90px" align="center">
|
|
|
+ <el-table-column label="比例 (%)" prop="tworate" min-width="90px" align="center" />
|
|
|
+ <el-table-column label="重量 (g)" prop="twoweight" min-width="90px" align="center" />
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column :key="5" label="第三层" min-width="90px" align="center">
|
|
|
+ <el-table-column label="比例 (%)" prop="threerate" min-width="90px" align="center" />
|
|
|
+ <el-table-column label="重量 (g)" prop="threeweight" min-width="90px" align="center" />
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ <Pagination v-show="table.total>0" :total="table.total" :page.sync="table.getdataListParm.offset" :limit.sync="table.getdataListParm.pagecount" @pagination="getList" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { GetDataByName } from '@/api/common'
|
|
|
+import draggable from 'vuedraggable'
|
|
|
+import Cookies from 'js-cookie'
|
|
|
+import { parseTime } from '@/utils/index.js'
|
|
|
+import Pagination from '@/components/Pagination'
|
|
|
+export default {
|
|
|
+ name: 'MaterialIssuancePlan',
|
|
|
+ display: 'Two list header slot',
|
|
|
+ order: 14,
|
|
|
+ components: { Pagination },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ table: {
|
|
|
+ getdataListParm: {
|
|
|
+ name: 'getDungHistory',
|
|
|
+ page: 1,
|
|
|
+ offset: 1,
|
|
|
+ pagecount: 12,
|
|
|
+ returntype: 'Map',
|
|
|
+ parammaps: {
|
|
|
+ pastureid: Cookies.get('pastureid'),
|
|
|
+ operatetime: ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ list: [],
|
|
|
+ total: 0,
|
|
|
+ tableKey: 0,
|
|
|
+ listLoading: false,
|
|
|
+ temp: {},
|
|
|
+ changeList: [],
|
|
|
+ startObj: {}
|
|
|
+ },
|
|
|
+
|
|
|
+ textMap: {
|
|
|
+ seeHistory: '粪便筛修改记录'
|
|
|
+ },
|
|
|
+ seeHistory: {
|
|
|
+ dialogFormVisible: false, dialogStatus: '',
|
|
|
+ total: 0, tableKey: 0, listLoading: false,
|
|
|
+ getdataListParm: {
|
|
|
+ name: 'getDungHistoryBar', page: 1, offset: 1, pagecount: 10, returntype: 'Map',
|
|
|
+ parammaps: {
|
|
|
+ pastureid: Cookies.get('pastureid'),
|
|
|
+ barid: '',
|
|
|
+ inputDatetime: '',
|
|
|
+ time1: '',
|
|
|
+ time2: ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ rowStyle: { maxHeight: 30 + 'px', height: 30 + 'px' },
|
|
|
+ cellStyle: { padding: 0 + 'px' }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ changeDate() {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ this.table.listLoading = true
|
|
|
+ GetDataByName(this.table.getdataListParm).then(response => {
|
|
|
+ console.log('table数据', response.data.list)
|
|
|
+ if (response.data.list !== null) {
|
|
|
+ this.table.list = response.data.list
|
|
|
+ this.table.pageNum = response.data.pageNum
|
|
|
+ this.table.pageSize = response.data.pageSize
|
|
|
+ this.table.total = response.data.total
|
|
|
+ } else {
|
|
|
+ this.table.list = []
|
|
|
+ }
|
|
|
+ setTimeout(() => {
|
|
|
+ this.table.listLoading = false
|
|
|
+ }, 100)
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ handleSearch() {
|
|
|
+ if (this.table.getdataListParm.parammaps.operatetime == '' || this.table.getdataListParm.parammaps.operatetime == null ) {
|
|
|
+ this.table.getdataListParm.parammaps.operatetime = ''
|
|
|
+ } else {
|
|
|
+ this.table.getdataListParm.parammaps.operatetime = parseTime(this.table.getdataListParm.parammaps.operatetime, '{y}-{m}-{d}')
|
|
|
+ }
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ handleRefresh() {
|
|
|
+ this.table.getdataListParm.parammaps.operatetime = ''
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .search{margin-bottom: 10px;}
|
|
|
+</style>
|