parent
							
								
									f319d33c68
								
							
						
					
					
						commit
						9f6447f94e
					
				@ -0,0 +1,12 @@
 | 
				
			||||
import 作业计划完成量统计 from "@/views/cxtj/作业计划完成量统计";
 | 
				
			||||
 | 
				
			||||
const methods={
 | 
				
			||||
  '/scgl/jh/cxtj1':作业计划完成量统计()
 | 
				
			||||
}
 | 
				
			||||
 | 
				
			||||
const init=(page)=>{
 | 
				
			||||
  return {...methods[page]}
 | 
				
			||||
}
 | 
				
			||||
 | 
				
			||||
export default init
 | 
				
			||||
 | 
				
			||||
@ -0,0 +1,86 @@
 | 
				
			||||
<template>
 | 
				
			||||
  <el-container>
 | 
				
			||||
    <el-header style="width: 100%">
 | 
				
			||||
      <VxeForm :data="formData.data" :items="formData.items" />
 | 
				
			||||
    </el-header>
 | 
				
			||||
    <el-container style="padding-top: 10px">
 | 
				
			||||
      <el-container>
 | 
				
			||||
        <el-main>
 | 
				
			||||
          <VxeGrid ref="bFangRef" v-bind="gridOptions" />
 | 
				
			||||
        </el-main>
 | 
				
			||||
      </el-container>
 | 
				
			||||
    </el-container>
 | 
				
			||||
  </el-container>
 | 
				
			||||
</template>
 | 
				
			||||
 | 
				
			||||
<script>
 | 
				
			||||
import init from "@/views/cxtj/index";
 | 
				
			||||
 | 
				
			||||
export default {
 | 
				
			||||
  name:'CXTJ',
 | 
				
			||||
  data(){
 | 
				
			||||
    return{
 | 
				
			||||
      formData:{
 | 
				
			||||
        data:{},
 | 
				
			||||
        items:[]
 | 
				
			||||
      },
 | 
				
			||||
      gridOptions:{},
 | 
				
			||||
    }
 | 
				
			||||
  },
 | 
				
			||||
  created(){
 | 
				
			||||
    const {formData,formItems,options,columns}=init(this.$route.path)
 | 
				
			||||
    this.formData.data=formData
 | 
				
			||||
    this.formData.items=formItems
 | 
				
			||||
    this.gridOptions=options
 | 
				
			||||
    this.gridOptions.columns=columns
 | 
				
			||||
  },
 | 
				
			||||
}
 | 
				
			||||
</script>
 | 
				
			||||
 | 
				
			||||
<style lang="scss" scoped>
 | 
				
			||||
.el-header {
 | 
				
			||||
  margin: 0;
 | 
				
			||||
  padding: 5px 0;
 | 
				
			||||
  height: auto;
 | 
				
			||||
}
 | 
				
			||||
.el-container {
 | 
				
			||||
  padding: 0;
 | 
				
			||||
  margin: 0;
 | 
				
			||||
}
 | 
				
			||||
.el-main {
 | 
				
			||||
  padding: 0;
 | 
				
			||||
}
 | 
				
			||||
.el-col {
 | 
				
			||||
  padding: 0;
 | 
				
			||||
}
 | 
				
			||||
.el-aside {
 | 
				
			||||
  background: #fff;
 | 
				
			||||
  padding: 0;
 | 
				
			||||
}
 | 
				
			||||
.el-container {
 | 
				
			||||
  padding: 0;
 | 
				
			||||
}
 | 
				
			||||
.el-row {
 | 
				
			||||
  margin-bottom: 5px;
 | 
				
			||||
}
 | 
				
			||||
.el-row:last-child {
 | 
				
			||||
  margin-bottom: 0;
 | 
				
			||||
}
 | 
				
			||||
.tableStyles {
 | 
				
			||||
  background: #0a76a4;
 | 
				
			||||
}
 | 
				
			||||
.my-dropdown {
 | 
				
			||||
  width: 450px;
 | 
				
			||||
  height: 250px;
 | 
				
			||||
  background-color: #fff;
 | 
				
			||||
  border: 1px solid #dcdfe6;
 | 
				
			||||
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
 | 
				
			||||
  font-size: 12px;
 | 
				
			||||
}
 | 
				
			||||
::v-deep .mytable .vxe-input {
 | 
				
			||||
  display: flex !important;
 | 
				
			||||
}
 | 
				
			||||
::v-deep .el-form-item{
 | 
				
			||||
  margin-bottom: 0px !important;
 | 
				
			||||
}
 | 
				
			||||
</style>
 | 
				
			||||
@ -0,0 +1,96 @@
 | 
				
			||||
import XEUtils from 'xe-utils'
 | 
				
			||||
import request from '@/utils/request'
 | 
				
			||||
import {getSumAdd} from "@/utils/rpkj";
 | 
				
			||||
 | 
				
			||||
const 作业计划完成量统计=()=>{
 | 
				
			||||
 | 
				
			||||
  const butClick=()=>{
 | 
				
			||||
    作业计划完成量(data.formData).then(res=>{
 | 
				
			||||
      data.options.data=res.data
 | 
				
			||||
    })
 | 
				
			||||
  }
 | 
				
			||||
 | 
				
			||||
  const footerMethod=({ columns, data })=>{
 | 
				
			||||
    return [
 | 
				
			||||
      columns.map((column, columnIndex) => {
 | 
				
			||||
        if (['total','bclqzl','bcshzl'].includes(column.property)) {
 | 
				
			||||
          return getSumAdd(data, column.property)
 | 
				
			||||
        }
 | 
				
			||||
        if (columnIndex === 1) {
 | 
				
			||||
          return '合计'
 | 
				
			||||
        }
 | 
				
			||||
        return null
 | 
				
			||||
      })
 | 
				
			||||
    ]
 | 
				
			||||
  }
 | 
				
			||||
 | 
				
			||||
  const data={
 | 
				
			||||
    formData:{
 | 
				
			||||
      from:XEUtils.toDateString(new Date(),'yyyy/MM/dd'),
 | 
				
			||||
      to:XEUtils.toDateString(new Date(),'yyyy/MM/dd'),
 | 
				
			||||
    },
 | 
				
			||||
    formItems:[
 | 
				
			||||
      { field: 'from', title: '开始日期', span: 4,
 | 
				
			||||
        itemRender: {
 | 
				
			||||
          name: '$input', props: {type:'date', labelFormat:'yyyy/MM/dd',valueFormat:'yyyy/MM/dd',placeholder: '请选择日期' }
 | 
				
			||||
        }
 | 
				
			||||
      },
 | 
				
			||||
      { field: 'to', title: '结束日期', span: 4 ,
 | 
				
			||||
        itemRender: {
 | 
				
			||||
          name: '$input', props: {type:'date', labelFormat:'yyyy/MM/dd',valueFormat:'yyyy/MM/dd',placeholder: '请选择日期' }
 | 
				
			||||
        }
 | 
				
			||||
      },
 | 
				
			||||
      {span: 16 ,align:'right',
 | 
				
			||||
        itemRender: {
 | 
				
			||||
          name: '$button', props: {content:'查询',status:'primary'},events:{click:butClick}
 | 
				
			||||
        }
 | 
				
			||||
      },
 | 
				
			||||
    ],
 | 
				
			||||
    options:{
 | 
				
			||||
      height:760,
 | 
				
			||||
      align:'center',
 | 
				
			||||
      border: true,
 | 
				
			||||
      resizable: true,
 | 
				
			||||
      keepSource:true,
 | 
				
			||||
      size:'mini',
 | 
				
			||||
      showOverflow: true,
 | 
				
			||||
      scrollY:{enable:true},
 | 
				
			||||
      editConfig:{trigger: 'click', mode: 'cell', showStatus: true},
 | 
				
			||||
      highlightCurrentRow:true,
 | 
				
			||||
      showFooter:true,
 | 
				
			||||
      footerMethod:footerMethod,
 | 
				
			||||
      data:[],
 | 
				
			||||
    },
 | 
				
			||||
    columns:[
 | 
				
			||||
      { type: 'seq', width: 60, title: '序号' },
 | 
				
			||||
      { field: 'dc_ch', title: '船号',
 | 
				
			||||
        filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
 | 
				
			||||
        filterRender: { name: 'FilterCombination', },
 | 
				
			||||
      },
 | 
				
			||||
      { field: 'total', title: '加工数量',
 | 
				
			||||
        filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
 | 
				
			||||
        filterRender: { name: 'FilterCombination', },
 | 
				
			||||
      },
 | 
				
			||||
      { field: 'bclqzl', title: '领取重量',
 | 
				
			||||
        filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
 | 
				
			||||
        filterRender: { name: 'FilterCombination', },
 | 
				
			||||
      },
 | 
				
			||||
      { field: 'bcshzl', title: '实耗重量',
 | 
				
			||||
        filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
 | 
				
			||||
        filterRender: { name: 'FilterCombination', },
 | 
				
			||||
      },
 | 
				
			||||
    ]
 | 
				
			||||
  }
 | 
				
			||||
 | 
				
			||||
  return data
 | 
				
			||||
}
 | 
				
			||||
 | 
				
			||||
const 作业计划完成量=(data)=>{
 | 
				
			||||
  return request({
 | 
				
			||||
    url: "/kban/zyjhwcl",
 | 
				
			||||
    method: "post",
 | 
				
			||||
    data,
 | 
				
			||||
  });
 | 
				
			||||
}
 | 
				
			||||
 | 
				
			||||
export default 作业计划完成量统计
 | 
				
			||||
					Loading…
					
					
				
		Reference in new issue