|
@@ -0,0 +1,991 @@
|
|
|
+<template>
|
|
|
+ <!-- 实际产出人工录入 -->
|
|
|
+ <div class="measuringManualEntry">
|
|
|
+ <div class="box">
|
|
|
+ <div class="box-top">
|
|
|
+ <el-form
|
|
|
+ style="overflow: hidden;"
|
|
|
+ :style="filterForm.show ? null : { height: '0px' }"
|
|
|
+ size="mini"
|
|
|
+ label-width="80px"
|
|
|
+ >
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="时间粒度">
|
|
|
+ <el-select
|
|
|
+ filterable clearable
|
|
|
+ v-model="filterForm.data.timegranid"
|
|
|
+ placeholder=""
|
|
|
+ style="width: 100%;"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item of nameObj.timegranid.arr"
|
|
|
+ :key="item.id"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="日期">
|
|
|
+ <zj-timegran-date
|
|
|
+ v-model="filterForm.data.clock"
|
|
|
+ style="width: 100%;"
|
|
|
+ :type="'daterange'"
|
|
|
+ :timegranId="filterForm.data.timegranid"
|
|
|
+ :oneFoo="getTableData"
|
|
|
+ :defaultOffset="-1"
|
|
|
+ :custom="custom"
|
|
|
+ ></zj-timegran-date>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="工序">
|
|
|
+ <el-select
|
|
|
+ filterable clearable
|
|
|
+ v-model="filterForm.data.workproc"
|
|
|
+ placeholder="工序"
|
|
|
+ multiple
|
|
|
+ collapse-tags
|
|
|
+ style="width: 100%;"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item of nameObj.workproc.arr"
|
|
|
+ :key="item.id"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="物料名称">
|
|
|
+ <el-select
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ v-model="filterForm.data.materialname"
|
|
|
+ placeholder="物料名称"
|
|
|
+ style="width: 100%;"
|
|
|
+ ><template v-if="filterForm.data.type==='1'">
|
|
|
+ <el-option
|
|
|
+ v-for="item of nameObj.materialid.arr"
|
|
|
+ :key="item.id"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ ></el-option>
|
|
|
+ </template>
|
|
|
+ <template v-if="filterForm.data.type==='2'">
|
|
|
+ <el-option
|
|
|
+ v-for="item of nameObj.productid.arr"
|
|
|
+ :key="item.id"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ ></el-option>
|
|
|
+ </template>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="物料编码">
|
|
|
+ <el-input clearable
|
|
|
+ v-model.trim="filterForm.data.materialcode"
|
|
|
+ placeholder="物料编码"
|
|
|
+ style="width: 100%;"
|
|
|
+ @keyup.enter.native="getTableData(1)"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row><!-- <el-row>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="数据类型">
|
|
|
+ <el-select
|
|
|
+ filterable
|
|
|
+ v-model="filterForm.data.type"
|
|
|
+ placeholder="数据类型"
|
|
|
+ collapse-tags
|
|
|
+ style="width: 100%;"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item of nameObj.type.arr"
|
|
|
+ :key="item.id"
|
|
|
+ :value="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row> -->
|
|
|
+ </el-form>
|
|
|
+ <div class="box-top-gjl">
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-edit-outline"
|
|
|
+ v-privilege="activeMenu + 'PUT'"
|
|
|
+ @click="but_edit_plural()"
|
|
|
+ :loading="loading"
|
|
|
+ >保存</el-button>
|
|
|
+ <div style="float:right; text-align: right;">
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-search"
|
|
|
+ v-privilege="activeMenu + 'QUERY'"
|
|
|
+ @click="getTableData(1)"
|
|
|
+ >查询</el-button>
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-refresh"
|
|
|
+ v-privilege="activeMenu + 'QUERY'"
|
|
|
+ @click="tableDataCancel();"
|
|
|
+ >重置</el-button>
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ icon="el-icon-refresh"
|
|
|
+ v-privilege="activeMenu + 'QUERY'"
|
|
|
+ @click="getwaterData();"
|
|
|
+ >生成</el-button>
|
|
|
+ <el-button
|
|
|
+ class="button"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="but_redata()"
|
|
|
+ :loading="loading"
|
|
|
+ >生成数据</el-button>
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ :icon="filterForm.show ? 'el-icon-caret-top' : 'el-icon-caret-bottom'"
|
|
|
+ :title="filterForm.show ? '收起搜索区' : '展开搜索区'"
|
|
|
+ @click="filterForm.show = !filterForm.show;
|
|
|
+ $nextTick(() => {
|
|
|
+ singleTableHeight = getRoleHeight($refs['singleTable'].$el) - 45;
|
|
|
+ }
|
|
|
+ );"
|
|
|
+ >{{ filterForm.show ? '收起' : '展开' }}</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="box-bottom">
|
|
|
+ <el-form
|
|
|
+ size="mini"
|
|
|
+ ref="dialog_form_arr"
|
|
|
+ label-width="0px"
|
|
|
+ :model="tableFormDataObj"
|
|
|
+ >
|
|
|
+ <el-table stripe
|
|
|
+ id="singleTable"
|
|
|
+ ref="singleTable"
|
|
|
+ :data="tableData"
|
|
|
+ v-loading="tableLoading"
|
|
|
+ style="width: 100%;"
|
|
|
+ :height="singleTableHeight"
|
|
|
+ border
|
|
|
+ size="mini"
|
|
|
+ highlight-current-row
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ show-summary
|
|
|
+ :summary-method="getSummaries"
|
|
|
+ :row-class-name="tableRowClassName"
|
|
|
+ @cell-click="cellClick">
|
|
|
+ <el-table-column
|
|
|
+ type="selection"
|
|
|
+ width="40"
|
|
|
+ align="center"
|
|
|
+ :selectable='checkboxT'
|
|
|
+ fixed="left"
|
|
|
+ class-name="cnspicuous"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="clock"
|
|
|
+ label="时间"
|
|
|
+ width="90px"
|
|
|
+ fixed="left"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="timegranId"
|
|
|
+ label="时间粒度"
|
|
|
+ min-width="100px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ nameObj.timegranid.obj[scope.row.timegranId] ? nameObj.timegranid.obj[scope.row.timegranId] : scope.row.timegranId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="unit"
|
|
|
+ label="计量单位"
|
|
|
+ width="75px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ nameObj.unitid.obj[scope.row.unit] ? nameObj.unitid.obj[scope.row.unit] : scope.row.unit }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="workproc"
|
|
|
+ label="工序"
|
|
|
+ width="100px"
|
|
|
+ fixed="left"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ nameObj.workproc.obj[scope.row.workproc] ? nameObj.workproc.obj[scope.row.workproc] : scope.row.workproc }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="materialname"
|
|
|
+ label="物料名称"
|
|
|
+ width="120px"
|
|
|
+ fixed="left"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ><template slot-scope="scope">
|
|
|
+ <span v-if="filterForm.data.type==='2'">
|
|
|
+ {{ nameObj.productid.obj[scope.row.materialname] ? nameObj.productid.obj[scope.row.materialname] : scope.row.materialname }}
|
|
|
+ </span>
|
|
|
+ <span v-if="filterForm.data.type==='1'">
|
|
|
+ {{ nameObj.materialid.obj[scope.row.materialname] ? nameObj.materialid.obj[scope.row.materialname] : scope.row.materialname }}
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="actualValue"
|
|
|
+ label="计算值"
|
|
|
+ width="120px"
|
|
|
+ v-show="false"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="correctValue"
|
|
|
+ label="修正值"
|
|
|
+ width="120px"
|
|
|
+ v-show="false"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ><template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.isSelection && scope.row.state !== '2'">{{ rowSum(scope.row) }}</span>
|
|
|
+ <span v-else>{{ scope.row.correctValue }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="apportValue"
|
|
|
+ label="最终值"
|
|
|
+ width="120px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-form-item
|
|
|
+ v-if="scope.row.isSelection"
|
|
|
+ :prop="scope.row.itemId + '-' + scope.row.clock + '.apportValue'"
|
|
|
+ :rules="tableFormRules.apportValue"
|
|
|
+ >
|
|
|
+ <el-input clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ @keydown.native="keyDown" :id="scope.$index + scope.column.id"
|
|
|
+ v-model="tableFormDataObj[scope.row.itemId + '-' + scope.row.clock].apportValue"
|
|
|
+ refcous="true"
|
|
|
+ ></el-input>
|
|
|
+ <template slot="error" slot-scope="scope">
|
|
|
+ <p class="error" :title="scope.error">{{ scope.error }}</p>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ <span v-else>{{scope.row.apportValue}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="materialcode"
|
|
|
+ label="物料编码"
|
|
|
+ width="120px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="userId"
|
|
|
+ label="创建人"
|
|
|
+ width="120px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="createtime"
|
|
|
+ label="创建时间"
|
|
|
+ width="160px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="upMan"
|
|
|
+ label="修改人"
|
|
|
+ width="120px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="upTime"
|
|
|
+ label="修改时间"
|
|
|
+ width="160px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ prop="bz"
|
|
|
+ label="备注"
|
|
|
+ width="180px"
|
|
|
+ :show-overflow-tooltip="true"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-form-item
|
|
|
+ v-if="scope.row.isSelection && (scope.row.ed === 1 || loginName === 'admin')"
|
|
|
+ :prop="scope.row.itemId + '-' + scope.row.clock + '.BZ'"
|
|
|
+ :rules="tableFormRules.bz"
|
|
|
+ >
|
|
|
+ <el-input clearable
|
|
|
+ style="width: 100%;"
|
|
|
+ @keydown.native="keyDown" :id="scope.$index + scope.column.id"
|
|
|
+ v-model="tableFormDataObj[scope.row.itemId + '-' + scope.row.clock].bz"
|
|
|
+ refcous="true"
|
|
|
+ ></el-input>
|
|
|
+ <template slot="error" slot-scope="scope">
|
|
|
+ <p class="error" :title="scope.error">{{ scope.error }}</p>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ <span v-else>{{scope.row.bz}}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-form>
|
|
|
+ <el-pagination
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="total"
|
|
|
+ :page-sizes="[10, 20, 50, 100, 500, 1000]"
|
|
|
+ :page-size="pageSize"
|
|
|
+ :current-page.sync="pageNum"
|
|
|
+ @size-change="tableSizeChange"
|
|
|
+ @current-change="getTableData()"
|
|
|
+ style="text-align: right;margin-top: 10px;"
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { zCheckNumber1, checkInteger } from '@/utils/validator.js'
|
|
|
+import timegranDate from '@/components/zg/timegranDate.vue'
|
|
|
+import {formatDate, commonSummaries, getCookie} from '@/utils/util.js';
|
|
|
+export default {
|
|
|
+ name: 'measuringManualEntry',
|
|
|
+ components: {
|
|
|
+ 'zj-timegran-date': timegranDate
|
|
|
+ },
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ custom: 1,
|
|
|
+ filterForm: {
|
|
|
+ show: true,
|
|
|
+ data: {
|
|
|
+ clock: '',
|
|
|
+ workproc: '',
|
|
|
+ workprocid: '',
|
|
|
+ prodline: '',
|
|
|
+ state: '',
|
|
|
+ materialname: '',
|
|
|
+ materialcode: '',
|
|
|
+ type: '2'
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ }
|
|
|
+ },
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ total: 0,
|
|
|
+ singleTableHeight: 100,
|
|
|
+ tableData: [],
|
|
|
+ loading: false,
|
|
|
+ tableLoading: false,
|
|
|
+ multipleSelection: [],
|
|
|
+ tableFormDataObj: {},
|
|
|
+ tableFormRules: {
|
|
|
+ mintvalue: [
|
|
|
+ { validator: zCheckNumber1, trigger: 'change' }
|
|
|
+ ],
|
|
|
+ mendvalue: [
|
|
|
+ { required: true, message: '该项不能为空', trigger: 'change' },
|
|
|
+ { validator: zCheckNumber1, trigger: 'change' }
|
|
|
+ ],
|
|
|
+ apportValue: [
|
|
|
+ { required: true, message: '该项不能为空', trigger: 'change' },
|
|
|
+ { validator: zCheckNumber1, trigger: 'change' }
|
|
|
+ ],
|
|
|
+ correctValue: [
|
|
|
+ { required: true, message: '该项不能为空', trigger: 'change' },
|
|
|
+ { validator: zCheckNumber1, trigger: 'change' }
|
|
|
+ ],
|
|
|
+ bz: [],
|
|
|
+ xh: [
|
|
|
+ { validator: checkInteger, trigger: 'change' }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ nameObj: {
|
|
|
+ type: {
|
|
|
+ obj: {
|
|
|
+ '1': '投入',
|
|
|
+ '2': '产出'
|
|
|
+ },
|
|
|
+ arr: [
|
|
|
+ {
|
|
|
+ id: '1',
|
|
|
+ name: '投入'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: '2',
|
|
|
+ name: '产出'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ unitid: {
|
|
|
+ obj: {},
|
|
|
+ arr: []
|
|
|
+ },
|
|
|
+ timegranid: {
|
|
|
+ obj: {
|
|
|
+ 'DAY': '日',
|
|
|
+ 'MONTH': '月',
|
|
|
+ 'YEAR': '年'
|
|
|
+ },
|
|
|
+ arr: [
|
|
|
+ {
|
|
|
+ id: 'DAY',
|
|
|
+ name: '日'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 'MONTH',
|
|
|
+ name: '月'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 'YEAR',
|
|
|
+ name: '年'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ materialid: {
|
|
|
+ obj: {},
|
|
|
+ arr: []
|
|
|
+ },
|
|
|
+ workproc: {
|
|
|
+ obj: {},
|
|
|
+ arr: []
|
|
|
+ },
|
|
|
+ materialcode: {
|
|
|
+ obj: {},
|
|
|
+ arr: []
|
|
|
+ },
|
|
|
+ productid: {
|
|
|
+ obj: {},
|
|
|
+ arr: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ rowIndex: '',
|
|
|
+ columnId: '',
|
|
|
+ focusTarget: null,
|
|
|
+ seqArr: [],
|
|
|
+ editSetFlag: '',
|
|
|
+ loginName: 'admin' // getCookie('loginName')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ // 获取按钮权限
|
|
|
+ this.activeMenu = window.localStorage.getItem('activeMenu');
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ let that = this;
|
|
|
+ window.PEDataObj = {
|
|
|
+ // 将数据绑定到window上,供main页面使用
|
|
|
+ vm: that,
|
|
|
+ // tableArr:用于导出成Excel的表格的信息
|
|
|
+ tableArr: [
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ id: 'singleTable'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ that.$nextTick(() => {
|
|
|
+ // 立即获取的height有一定偏差,通过setTimeout延迟来解决
|
|
|
+ setTimeout(() => {
|
|
|
+ that.singleTableHeight = that.getRoleHeight(that.$refs['singleTable'].$el) - 45;
|
|
|
+ }, 1);
|
|
|
+ });
|
|
|
+ // 接收路由参数
|
|
|
+ if (that.$route.query.workprocid) {
|
|
|
+ that.filterForm.data.workprocid = that.$route.query.workprocid;
|
|
|
+ let its = that.filterForm.data.workprocid.split(',');
|
|
|
+ if (its && its.length > 10) {
|
|
|
+ that.pageSize = 50;
|
|
|
+ that.custom = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ that.getNodeData();
|
|
|
+ that.getUnitIdData();
|
|
|
+ that.getProductIdData();
|
|
|
+ that.getMaterialIdData();
|
|
|
+ // that.getTableData();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 计算树区域高度
|
|
|
+ getRoleHeight (dom) {
|
|
|
+ return window.innerHeight - dom.offsetTop;
|
|
|
+ },
|
|
|
+ // 自定义的表格合计方法:只给指定列进行合计
|
|
|
+ getSummaries (param) {
|
|
|
+ const prop = ['actualValue', 'correctValue', 'apportValue']; // 合计列绑定的prop
|
|
|
+ return commonSummaries(param, prop);
|
|
|
+ },
|
|
|
+ // 获取原材料
|
|
|
+ getMaterialIdData () {
|
|
|
+ let that = this
|
|
|
+ let url = 'pass/ems/v1/trmmaterials/getIdAndName';
|
|
|
+ that.axios.get(url)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ let arr = [];
|
|
|
+ let obj = {};
|
|
|
+ for (let item of res.data) {
|
|
|
+ arr.push({
|
|
|
+ id: item.id,
|
|
|
+ name: item.name
|
|
|
+ })
|
|
|
+ obj[item.id] = item.name;
|
|
|
+ }
|
|
|
+ that.nameObj.materialid.arr = arr;
|
|
|
+ that.nameObj.materialid.obj = obj;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取产品
|
|
|
+ getProductIdData () {
|
|
|
+ let that = this
|
|
|
+ let url = 'pass/ems/v1/trmproducts/?pageSize=1000000';
|
|
|
+ that.axios.get(url)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ let arr = [];
|
|
|
+ let obj = {};
|
|
|
+ for (let item of res.data.list) {
|
|
|
+ arr.push({
|
|
|
+ id: item.id,
|
|
|
+ name: item.name
|
|
|
+ })
|
|
|
+ obj[item.id] = item.name;
|
|
|
+ }
|
|
|
+ that.nameObj.productid.arr = arr;
|
|
|
+ that.nameObj.productid.obj = obj;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取工序列表
|
|
|
+ getNodeData () {
|
|
|
+ let that = this
|
|
|
+ let url = 'pass/ems/v1/trmworkprocs/getIdAndName?issettle=1';
|
|
|
+ console.log('工序呢');
|
|
|
+ that.axios.get(url)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ let arr = [];
|
|
|
+ let obj = {};
|
|
|
+ for (let item of res.data) {
|
|
|
+ arr.push({
|
|
|
+ id: item.id,
|
|
|
+ name: item.name
|
|
|
+ })
|
|
|
+ obj[item.id] = item.name;
|
|
|
+ }
|
|
|
+ that.nameObj.workproc.arr = arr;
|
|
|
+ that.nameObj.workproc.obj = obj;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取标准计量单位
|
|
|
+ getUnitIdData () {
|
|
|
+ let that = this
|
|
|
+ let url = 'pass/ems/v1/trmunits/getIdAndName';
|
|
|
+ that.axios.get(url)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ let arr = [];
|
|
|
+ let obj = {};
|
|
|
+ for (let item of res.data) {
|
|
|
+ arr.push({
|
|
|
+ id: item.id,
|
|
|
+ name: item.name
|
|
|
+ })
|
|
|
+ obj[item.id] = item.name;
|
|
|
+ if (item.name === '吨') {
|
|
|
+ that.nameObj.unitid.defaults = that.nameObj.unitid.defaults ? that.nameObj.unitid.defaults : item.id;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ that.nameObj.unitid.arr = arr;
|
|
|
+ that.nameObj.unitid.obj = obj;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 计算修正值
|
|
|
+ rowSum: function (item, event) {
|
|
|
+ let result = 0;
|
|
|
+ let that = this;
|
|
|
+ result = Number(that.tableFormDataObj[item.itemId + '-' + item.clock].apportValue) - Number(that.tableFormDataObj[item.itemId + '-' + item.clock].actualValue);
|
|
|
+ return result;
|
|
|
+ },
|
|
|
+ // 获取表格中的数据
|
|
|
+ getwaterData () {
|
|
|
+ let that = this;
|
|
|
+ let url = 'pass/ems/v1/emswaterrealtimes/water';
|
|
|
+ that.axios.get(url)
|
|
|
+ .then(function (res) {
|
|
|
+ that.tableLoading = false;
|
|
|
+ }).catch(function () {
|
|
|
+ that.tableLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 获取表格中的数据
|
|
|
+ getTableData (pageNum) {
|
|
|
+ let that = this,
|
|
|
+ params = {
|
|
|
+ clock: that.filterForm.data.clock[0],
|
|
|
+ clock2: that.filterForm.data.clock[1],
|
|
|
+ prodline: that.filterForm.data.prodline,
|
|
|
+ workprocid: that.filterForm.data.workprocid,
|
|
|
+ workproc: that.filterForm.data.workproc.join(','),
|
|
|
+ materialcode: that.filterForm.data.materialcode,
|
|
|
+ materialname: that.filterForm.data.materialname,
|
|
|
+ type: that.filterForm.data.type
|
|
|
+ };
|
|
|
+ that.pageNum = pageNum || that.pageNum;
|
|
|
+ that.tableLoading = true;
|
|
|
+ let url = 'pass/ems/v1/ifmesemsswapfile/queryProductAndMaterial/?pageNum=' + that.pageNum + '&pageSize=' + that.pageSize + '&itemtype=R';
|
|
|
+ that.axios.get(url, {
|
|
|
+ params: params
|
|
|
+ })
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ let arr = [];
|
|
|
+ for (let i = 0; i < res.data.list.length; i++) {
|
|
|
+ let item = res.data.list[i];
|
|
|
+ arr.push({
|
|
|
+ seq: i,
|
|
|
+ clock: item.CLOCK,
|
|
|
+ itemId: item.ITEMID,
|
|
|
+ actualValue: item.ACTUALVALUE,
|
|
|
+ correctValue: item.CORRECTVALUE,
|
|
|
+ apportValue: item.APPORTVALUE,
|
|
|
+ materialcode: item.MES_MATERIALCODE,
|
|
|
+ materialname: item.MATERIALNAME,
|
|
|
+ timegranId: item.TIMEGRANID,
|
|
|
+ userId: item.USERID,
|
|
|
+ createtime: item.UPDATETIME,
|
|
|
+ upMan: item.UPMAN,
|
|
|
+ upTime: item.UPTIME,
|
|
|
+ unit: item.UNITID,
|
|
|
+ workproc: item.WORKPROCID,
|
|
|
+ bz: item.BZ
|
|
|
+ })
|
|
|
+ }
|
|
|
+ that.tableData = arr;
|
|
|
+ that.total = res.data.total;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ that.$nextTick(() => {
|
|
|
+ setTimeout(() => {
|
|
|
+ that.singleTableHeight = that.getRoleHeight(that.$refs['singleTable'].$el) - 46;
|
|
|
+ }, 1);
|
|
|
+ });
|
|
|
+ that.tableLoading = false;
|
|
|
+ }).catch(function () {
|
|
|
+ that.tableLoading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 改变表格显示条数
|
|
|
+ tableSizeChange (val) {
|
|
|
+ let that = this;
|
|
|
+ that.pageSize = val;
|
|
|
+ that.getTableData(1);
|
|
|
+ },
|
|
|
+ // 重置搜索
|
|
|
+ tableDataCancel () {
|
|
|
+ let that = this;
|
|
|
+ for (let key in that.filterForm.data) {
|
|
|
+ if (!that.filterForm.disabled || !that.filterForm.disabled[key]) {
|
|
|
+ if (that.filterForm.data[key] instanceof Array) {
|
|
|
+ that.filterForm.data[key] = [];
|
|
|
+ } else {
|
|
|
+ that.filterForm.data[key] = '';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 接收路由参数
|
|
|
+ if (that.$route.query.workprocid) {
|
|
|
+ that.filterForm.data.workprocid = that.$route.query.workprocid;
|
|
|
+ let its = that.filterForm.data.workprocid.split(',');
|
|
|
+ if (its && its.length > 10) {
|
|
|
+ that.pageSize = 50;
|
|
|
+ that.custom = 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ that.filterForm.data.type = '1';
|
|
|
+ that.getTableData(1);
|
|
|
+ },
|
|
|
+ keyDown (event1, disabledFlag) {
|
|
|
+ let tdTarget = event1.target;
|
|
|
+ let _this = this;
|
|
|
+ while (tdTarget.tagName !== 'TD') {
|
|
|
+ tdTarget = tdTarget.parentElement;
|
|
|
+ }
|
|
|
+ if (event.keyCode) {
|
|
|
+ _this.codeT = event.keyCode;
|
|
|
+ }
|
|
|
+ // 如果按下键盘下键或者回车键
|
|
|
+ if (event.keyCode === 40 || event.keyCode === 13) {
|
|
|
+ let index = parseInt(this.rowIndex);
|
|
|
+ if (index !== this.seqArr[this.seqArr.length - 1]) {
|
|
|
+ for (let i = 0; i < this.seqArr.length; i++) {
|
|
|
+ if (index === this.seqArr[i]) {
|
|
|
+ index = this.seqArr[i + 1];
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.editSetFlag = index + this.columnId;
|
|
|
+ let id = '#' + this.editSetFlag;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ $(id).click();
|
|
|
+ });
|
|
|
+ } else if (event.keyCode === 38) { // 键盘上键
|
|
|
+ let index = parseInt(this.rowIndex);
|
|
|
+ if (index !== this.seqArr[0]) {
|
|
|
+ for (let i = 0; i < this.seqArr.length; i++) {
|
|
|
+ if (index === this.seqArr[i]) {
|
|
|
+ index = this.seqArr[i - 1];
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.editSetFlag = index + this.columnId;
|
|
|
+ let id = '#' + this.editSetFlag;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ $(id).click();
|
|
|
+ });
|
|
|
+ } else if (event.keyCode === 37) { // 键盘左键
|
|
|
+ $(tdTarget).prev().click();
|
|
|
+ $(tdTarget).prev().find('input').select();
|
|
|
+ } else if (event.keyCode === 39) { // 键盘右键
|
|
|
+ $(tdTarget).next().click();
|
|
|
+ $(tdTarget).next().find('input').select();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ tableRowClassName ({row, rowIndex}) {
|
|
|
+ // 把每一行的索引放进row
|
|
|
+ row.index = rowIndex;
|
|
|
+ },
|
|
|
+ cellClick (row, column, cell, event) {
|
|
|
+ let _this = this;
|
|
|
+ this.rowIndex = row.index;
|
|
|
+ this.columnId = column.id;
|
|
|
+ let disabledFlag = false;
|
|
|
+ // if (!row[column.property] && row[column.property] !== null && row[column.property] !== '') {
|
|
|
+ // _this.keyDown(event, true);
|
|
|
+ // }
|
|
|
+ _this.editSetFlag = row.index + column.id;
|
|
|
+ _this.focusTarget = event.target;
|
|
|
+ while (_this.focusTarget.tagName !== 'TD') {
|
|
|
+ _this.focusTarget = _this.focusTarget.parentElement;
|
|
|
+ }
|
|
|
+ _this.$nextTick(() => {
|
|
|
+ let target = this.focusTarget;
|
|
|
+ $(target).find('input').focus();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 只允许对可编辑数据进行操作
|
|
|
+ checkboxT (row, index) {
|
|
|
+ let _this = this;
|
|
|
+ if (row.ed === 1 || _this.loginName === 'admin') {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSelectionChange (val) {
|
|
|
+ let that = this;
|
|
|
+ let tableFormDataObj = {};
|
|
|
+ let arr = [];
|
|
|
+ for (let item of val) {
|
|
|
+ arr.push(item.seq);
|
|
|
+ }
|
|
|
+ this.seqArr = arr.sort(sortNumber);
|
|
|
+ for (let item of that.tableData) {
|
|
|
+ item.isSelection = false;
|
|
|
+ }
|
|
|
+ for (let item of val) {
|
|
|
+ let obj = {};
|
|
|
+ let xId = item.itemId + '-' + item.clock;
|
|
|
+ if (that.tableFormDataObj[xId]) {
|
|
|
+ // 如果已存在该数据则使用该数据
|
|
|
+ tableFormDataObj[xId] = that.tableFormDataObj[xId];
|
|
|
+ } else {
|
|
|
+ // 负责则从对应行中获取行内原数据
|
|
|
+ for (let key in item) {
|
|
|
+ obj[key] = item[key];
|
|
|
+ }
|
|
|
+ tableFormDataObj[xId] = obj;
|
|
|
+ }
|
|
|
+ item.isSelection = true;
|
|
|
+ }
|
|
|
+ that.tableFormDataObj = tableFormDataObj;
|
|
|
+ that.multipleSelection = val;
|
|
|
+ },
|
|
|
+ // 批量修改
|
|
|
+ but_edit_plural () {
|
|
|
+ let that = this;
|
|
|
+ if (that.multipleSelection.length > 0) {
|
|
|
+ that.$refs['dialog_form_arr'].validate((valid, msg) => {
|
|
|
+ if (valid) {
|
|
|
+ let SubmitData = [];
|
|
|
+ for (let key in that.tableFormDataObj) {
|
|
|
+ let correctvalue = Number(that.tableFormDataObj[key].apportValue) - Number(that.tableFormDataObj[key].actualValue);
|
|
|
+ SubmitData.push({
|
|
|
+ type: that.filterForm.data.type,
|
|
|
+ itemid: that.tableFormDataObj[key].itemId,
|
|
|
+ clock: that.tableFormDataObj[key].clock,
|
|
|
+ timegranid: that.tableFormDataObj[key].timegranId,
|
|
|
+ actualvalue: that.tableFormDataObj[key].actualValue,
|
|
|
+ correctvalue: correctvalue,
|
|
|
+ apportvalue: that.tableFormDataObj[key].apportValue,
|
|
|
+ bz: that.tableFormDataObj[key].bz
|
|
|
+ });
|
|
|
+ }
|
|
|
+ that.loading = true;
|
|
|
+ that.axios.put('pass/ems/v1/ifmesemsswapfile/updateProductAndMaterial', SubmitData)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ that.$message({
|
|
|
+ message: '保存成功',
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ that.getTableData();
|
|
|
+ that.dialog.editorBox.show = false;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ that.loading = false;
|
|
|
+ }).catch(function () {
|
|
|
+ that.loading = false;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error('修改失败');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.$message.error('至少要选择一条数据');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 重新生成数据
|
|
|
+ but_redata () {
|
|
|
+ let that = this;
|
|
|
+ that.$confirm('是否生成数据?', '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ state: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ that.loading = true;
|
|
|
+ let url = 'pass/ems/v1/ifmesemsswapfile/generateProductAndMaterial'
|
|
|
+ that.axios.get(url)
|
|
|
+ .then(function (res) {
|
|
|
+ if (res.code === '0') {
|
|
|
+ if (res.message && res.message !== '操作成功') {
|
|
|
+ that.$message.warning('重新生成数据成功, 其中【' + res.message + '】');
|
|
|
+ } else {
|
|
|
+ that.$message({
|
|
|
+ message: res.data,
|
|
|
+ type: 'success'
|
|
|
+ });
|
|
|
+ }
|
|
|
+ that.getTableData();
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.message);
|
|
|
+ }
|
|
|
+ that.loading = false;
|
|
|
+ }).catch(function () {
|
|
|
+ that.loading = false;
|
|
|
+ });
|
|
|
+ }).catch(() => {
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+function sortNumber (a, b) {
|
|
|
+ return a - b
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less">
|
|
|
+.measuringManualEntry{
|
|
|
+ min-width: 700px;
|
|
|
+ height: 100%;
|
|
|
+ .box {
|
|
|
+ height: 100%;
|
|
|
+ padding: 15px 15px 0 15px;
|
|
|
+ .box-top {
|
|
|
+ .el-form-item {
|
|
|
+ margin-bottom: 7px;
|
|
|
+ }
|
|
|
+ .box-top-gjl {
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 7px 0;
|
|
|
+ border-top: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .rowDisable td {
|
|
|
+ color: #6bb025 !important;
|
|
|
+ }
|
|
|
+ .el-table .el-table__row {
|
|
|
+ height: 35px;
|
|
|
+ }
|
|
|
+ .el-table__body .el-form-item--mini.el-form-item {
|
|
|
+ margin: 0px;
|
|
|
+ .error {
|
|
|
+ overflow: hidden;
|
|
|
+ color: #f56c6c;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .cnspicuous .el-checkbox__input.is-disabled .el-checkbox__inner {
|
|
|
+ background-color: #dcdfe6;
|
|
|
+ border-color: #babbbf;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|