1.看板优化

loulijun2021

2022-11-30 7d540071e539dda17f0e11859958167d0c1a7615

 src/views/bbgl/bzgz.vue

@@ -1,8 +1,28 @@
<template>
  <div>
    <div class="body" :style="{height:mainHeight+'px'}">
      <div class="bodyTopButtonGroup">
      <div class="bodyTopButtonGroup" style="justify-content: space-between">
        <el-button type="primary" icon="el-icon-download" @click="download">导出</el-button>

        <div class="topRight" style="display: flex;align-items: center">
          <!--          <div style="font-size: 14px;margin-right: 15px;color: #a7a7a7">剔除工序</div>-->
          <el-select
            v-model="form.rejectstepcode"
            style="width: 170px;"
            multiple
            placeholder="请选择剔除工序"
            collapse-tags
            @change="rejectstepcodeChange"
          >
            <el-option
              v-for="item in StepSelectArr"
              :key="item.stepcode"
              :label="item.stepname"
              :value="item.stepcode"
            />
          </el-select>
        </div>

      </div>

      <div class="bodyTopFormGroup">
@@ -200,7 +220,8 @@
            label="报工人员"
            width="110"
            sortable="custom"
          />          <el-table-column
          />
          <el-table-column
            prop="report_date"
            label="报工时间"
            width="160"
@@ -294,6 +315,7 @@
  GroupSalaryReportSearchUser
} from '@/api/bbgl'
import { MesOrderStepReportSelectUserGroup } from '@/api/scgl'
import { StepSelect } from '@/api/zzmx'

export default {
  name: 'Zzjg',
@@ -306,6 +328,7 @@
      isExpandForm: false,
      mainHeight: 0,
      tableHeight: 0,
      StepSelectArr: [], // 剔除工序数组
      form: {
        wocode: '', // 工单编号
        partcode: '', // 产品编码
@@ -315,6 +338,7 @@
        groupcode: '', // 生产班组
        username: '', // 操作人员
        operdate: '', // 操作时间
        rejectstepcode: [], // 剔除工序(固定薪资工序不参与计算
        prop: 'lm_date', // 排序字段
        order: 'desc', // 排序字段
        page: 1, // 第几页
@@ -324,7 +348,7 @@
      total: 10,
      tableData: [],
      dialogVisible: false,
      tagArr: [], //
      tagArr: [],
      dialogForm: {
        OrgType: '',
        OrgCode: '',
@@ -370,8 +394,18 @@
      this.getGroupSalaryReportSearch().then(res => {
        if (res.code === '200') {
          this.getMesOrderStepReportSelectUserGroup()
          this.getStepSelect()
        }
      })
    },
    // 获取工序下拉接口
    async  getStepSelect() {
      const { data: res } = await StepSelect()
      this.StepSelectArr = res
    },
    // 剔除工序下拉选项值变化时
    rejectstepcodeChange(val) {
      this.getGroupSalaryReportSearch()
    },
    getSummaries(param) {
      const { columns, data } = param
@@ -418,6 +452,7 @@
        groupcode: this.form.groupcode,
        username: this.form.username,
        operdate: tempDate,
        rejectstepcode: this.form.rejectstepcode.join(','),
        prop: this.form.prop,
        order: this.form.order,
        page: this.form.page,
@@ -711,6 +746,19 @@
    height: 100% !important;
  }
}
.topRight ::v-deep {
  input::-webkit-input-placeholder {
    color: $main_color;
  }

  //input::-moz-input-placeholder {
  //  color: rgba(0, 204, 254, 1);
  //}

  input::-ms-input-placeholder {
    color: $main_color;
  }
}
</style>
<style>