1.存货档案 按工序走功能绑定实现

小小儁爺

2024-05-30 682a05db9dff8fc0ab615d3183953b24679c2166

 src/views/workOrder/workOrderList.vue

@@ -90,26 +90,14 @@
            <el-form-item v-show="isExpandForm" label="创建人员" style=" display: flex;">
              <el-input v-model="form.creatuser" style="width: 200px" placeholder="请输入" />
            </el-form-item>
            <el-form-item v-show="isExpandForm" label="创建时间" style=" display: flex;">
              <!--              <el-date-picker-->
              <!--                v-model="form.createdate"-->
              <!--                type="daterange"-->
              <!--                :clearable="false"-->
              <!--                range-separator="~"-->
              <!--                start-placeholder="开始日期"-->
              <!--                end-placeholder="结束日期"-->
              <!--                size="mini"-->
              <!--              />-->
              <el-date-picker
                v-model="form.createdate"
                type="date"
                size="mini"
                :clearable="false"
                class="dateMini"
                format="yyyy-MM-dd"
                placeholder="选择日期"
              />
            </el-form-item>
            <DateType
              ref="DateTypeRef"
              :is-expand-form="isExpandForm"
              style="display:flex;justify-content: center;align-items: center;position: relative"
              :datatype-list="datatypeList"
              @DateTypeChange="DateTypeChange"
              @cycleTimeChange="cycleTimeChange"
            />
          </div>

          <div
@@ -283,6 +271,28 @@
          >
            <template slot-scope="{row}">
              <div v-if="row.wkshp_name">{{ row.wkshp_name }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="plan_startdate"
            label="预计开工日期"
            sortable="custom"
            width="130"
          >
            <template slot-scope="{row}">
              <div v-if="row.plan_startdate">{{ row.plan_startdate.substring(0, 11) }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="plan_enddate"
            label="预计完工日期"
            sortable="custom"
            width="130"
          >
            <template slot-scope="{row}">
              <div v-if="row.plan_enddate">{{ row.plan_enddate.substring(0, 11) }}</div>
              <div v-else>/</div>
            </template>
          </el-table-column>
@@ -1990,11 +2000,11 @@
import Sortable from 'sortablejs'
import ElDragSelect from '@/components/DragSelect'
import { MesOrderPrintSearch } from '@/api/GridReport' // base on element-ui

import DateType from '@/components/DateType'
export default {
  name: 'WorkOrderList',
  components: {
    Pagination, ElDragSelect
    Pagination, ElDragSelect, DateType
  },
  directives: { elDragDialog, waves },
  data() {
@@ -2017,7 +2027,9 @@
        partname: '', // 产品名称
        partspec: '', // 产品规格
        creatuser: '', // 创建人员
        createdate: '', // 创建时间
        // createdate: '', // 创建时间
        datatype: 'ED', // 日期类型(计划开工(PS)、计划完工(PE)、预计交付(ED)、创建日期(CT))
        timeValue: [], // 查询日期
        prop: 'lm_date', // 排序字段
        order: 'desc', // 排序字段
        page: 1, // 第几页
@@ -2240,7 +2252,14 @@
      stepSelectArr: [], // 工序下拉数据
      stepSelectedValue: [], // 下拉选中值

      multipleSelection: []
      multipleSelection: [],

      datatypeList: [
        { code: 'PS', name: '预计开工日期' },
        { code: 'PE', name: '预计完工日期' },
        { code: 'ED', name: '预计交付日期' },
        { code: 'CT', name: '工单创建日期' }
      ]
    }
  },
  watch: {
@@ -2276,6 +2295,12 @@
    // })
  },
  methods: {
    DateTypeChange(value) {
      this.form.datatype = value
    },
    cycleTimeChange(val) {
      this.form.timeValue = val
    },
    setSort() {
      const el = this.$refs.stepTableDataRef.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
      this.sortable = Sortable.create(el, {
@@ -2328,7 +2353,9 @@
        sourceorder: this.form.sourceorder, // 源单单号
        saleordercode: this.form.saleordercode, // 销售订单
        ordertype: this.form.ordertype, // 单据类型
        createdate: this.form.createdate.toString().length > 0 ? handleDatetime(this.form.createdate) : '', // 创建时间
        datatype: this.form.datatype,
        searchdate: this.form.timeValue.join('~'),
        // createdate: this.form.createdate.toString().length > 0 ? handleDatetime(this.form.createdate) : '', // 创建时间
        prop: this.form.prop, // 排序字段
        order: this.form.order, // 排序字段
        page: this.form.page, // 第几页
@@ -2400,7 +2427,12 @@
      this.form.creatuser = ''
      this.form.sourceorder = ''
      this.form.ordertype = ''
      this.form.createdate = ''
      // this.form.createdate = ''

      this.form.timeValue = []
      this.cycleTime = null
      this.$refs.DateTypeRef.clearValue()

      this.getMesOrderSearch()
    },
    // 新增按钮
@@ -2545,6 +2577,9 @@
      }

      this.dialogVisible = true
      this.$nextTick(() => {
        this.setSort()
      })
    },
    // 工单关闭事件
    orderClose() {
@@ -3484,3 +3519,9 @@
  background: #f8f8fa;
}
</style>
<style>
.sortable-ghost{
  opacity: .8;
  color: #fff!important;
  background: #42b983!important;
}