新增

mes/qd/src/views/wms/pdm/produce/mouthtask/index.vue

@@ -0,0 +1,315 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="80px"
+          label-suffix=":"
+        >
+          <el-form-item label="计划月份">
+            <label slot="label">计划月份:</label>
+            <el-date-picker
+              v-model="query.plan_month"
+              type="month"
+              style="width: 200px"
+              size="mini"
+              class="filter-item"
+              value-format="yyyyMM"
+              placeholder="选择年月"
+            />
+          </el-form-item>
+          <el-form-item label="关键设备">
+            <label slot="label">关键设备:</label>
+            <el-select
+              v-model="query.device_id"
+              clearable
+              size="mini"
+              placeholder="关键设备"
+              class="filter-item"
+              style="width: 200px"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in Devices"
+                :key="item.id"
+                :label="item.code"
+                :value="item.id"
+              />
+            </el-select>
+          </el-form-item>
+
+          <el-form-item label="申报单位">
+            <label slot="label">申报单位:</label>
+            <el-select
+              v-model="query.plan_org_code"
+              clearable
+              size="mini"
+              placeholder="申报单位"
+              class="filter-item"
+              style="width: 200px"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in Depts"
+                :key="item.code"
+                :label="item.name"
+                :value="item.code"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="产品">
+            <el-input
+              v-model="query.material_code"
+              clearable
+              size="mini"
+              placeholder="请输入物料编码"
+              style="width: 200px"
+              class="filter-item"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="状态">
+            <el-select
+              v-model="query.is_proc"
+              clearable
+              size="mini"
+              placeholder="状态"
+              style="width: 200px"
+              class="filter-item"
+              @change="MyQuery"
+            >
+              <el-option
+                v-for="item in dict.is_proc2"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+
+            <el-form-item label="任务号">
+              <el-input
+                v-model="query.task_code"
+                clearable
+                size="mini"
+                placeholder="请输入任务号"
+                style="width: 200px"
+                class="filter-item"
+                @keyup.enter.native="crud.toQuery"
+              />
+            </el-form-item>
+
+            <el-form-item label="排产模板">
+              <label slot="label">排产模板:</label>
+              <el-select
+                v-model="query.captemplate_id"
+                clearable
+                size="mini"
+                placeholder="排产模板"
+                class="filter-item"
+                style="width: 200px"
+              >
+                <el-option
+                  v-for="item in Capacitytes"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="初始日期">
+              <label slot="label">初始日期:</label>
+              <el-date-picker
+                v-model="query.nowstart_date"
+                type="date"
+                style="width: 200px"
+                placeholder="选择日期">
+              </el-date-picker>
+              <el-checkbox v-model="query.checked">启用</el-checkbox>
+            <rrOperation />
+          </el-form-item>
+        </el-form>
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation>
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="primary"
+          icon="el-icon-position"
+          size="mini"
+          @click="save()"
+        >
+          预排
+        </el-button>
+      </crudOperation>
+
+      <!--表格渲染-->
+      <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column :selectable="checkboxT" type="selection" width="55" />
+        <el-table-column prop="plan_month" label="计划月份" />
+        <el-table-column prop="task_code" label="任务号" />
+        <el-table-column prop="plan_org_name" label="申报单位" width="100" />
+        <el-table-column prop="device_code" label="关键设备" width="100" />
+        <el-table-column prop="plan_finish_date" label="交货日期" width="90" />
+        <el-table-column prop="old_mark" label="牌号" />
+        <el-table-column prop="material_code" label="物料编码" min-width="150"/>
+        <el-table-column :formatter="seriesFormat" min-width="80" prop="product_series" label="系列" />
+        <el-table-column prop="product_type_name" label="生产方式" />
+        <el-table-column prop="fact_weight" label="生产重量(t)" :formatter="pcsn_num_format2" min-width="90" />
+        <el-table-column prop="standard_weight" label="每批重量kg" width="90" :formatter="crud.formatNum3"/>
+        <el-table-column prop="pcsn_num" label="批数" :formatter="pcsn_num_format"/>
+        <el-table-column  :formatter="stateFormat" min-width="80" prop="is_proc" label="状态" />
+        <el-table-column prop="update_time" label="提交时间" width="140px" />
+        <el-table-column prop="update_optname" label="提交人" />
+        <el-table-column prop="remark" label="备注" />
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+  </div>
+</template>
+
+<script>
+import producetask from '@/api/wms/pdm/producetask'
+import CRUD, { presenter, header, crud } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import pagination from '@crud/Pagination'
+import { getToken } from '@/utils/auth'
+import { mapGetters } from 'vuex'
+import workorder from '@/api/wms/pdm/workorder'
+import crudseriesProcessRoute from '@/api/wms/pdm/seriesProcessRoute'
+import Date from '@/utils/datetime'
+
+export default {
+  name: 'mouthtask',
+  dicts: ['product_mode', 'is_proc2'],
+  components: { pagination, crudOperation, rrOperation },
+  mixins: [presenter(), header(), crud()],
+  cruds() {
+    return CRUD({
+      title: '月计划管理',
+      url: 'api/producetask/mouthtask',
+      idField: 'plan_id',
+      sort: '',
+      query:{ nowstart_date: new Date(), captemplate_id: '',is_proc: '1'},
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        download: false,
+        reset: false
+      }})
+  },
+  data() {
+    return {
+      headers: { 'Authorization': getToken() },
+      dialogVisible: false,
+      save_flag: true,
+      sub_flag: true,
+      Depts: [],
+      Devices: [],
+      Capacitytes: [],
+      XLList: [],
+      fileList: [],
+      checkrows: [],
+      rules: {
+      }}
+  },
+  computed: {
+    ...mapGetters([
+      'baseApi',
+      'fileUploadApi'
+    ])
+  },
+  created() {
+    workorder.getDepts().then(res => {
+      this.Depts = res
+    })
+
+    producetask.getDevices().then(res => {
+      this.Devices = res
+    })
+    crudseriesProcessRoute.getXLlist2().then(res => {
+      this.XLList = res
+    })
+    producetask.getCapacitytes().then(res => {
+      this.Capacitytes = res
+    })
+  },
+  methods: {
+    [CRUD.HOOK.beforeRefresh]() {
+      if (this.crud.query.is_proc === '0') {
+        this.save_flag = false
+      } else {
+        this.save_flag = true
+      }
+      return true
+    },
+    checkboxT(row) {
+      return row.is_proc === '1'
+    },
+    hand(value) {
+      this.crud.toQuery()
+    },
+    stateFormat(row) {
+      return this.dict.label.is_proc2[row.is_proc]
+    },
+    pcsn_num_format(row) {
+      return Math.ceil(row.fact_weight / row.standard_weight)
+    },
+    pcsn_num_format2(row) {
+      return parseFloat(row.fact_weight / 1000.0).toFixed(3)
+    },
+    onInput() {
+      this.$forceUpdate()
+    },
+    MyQuery(value) {
+      if (value === '1') {
+        this.save_flag = false
+      } else {
+        this.save_flag = true
+      }
+      this.crud.toQuery()
+    },
+    seriesFormat(row) {
+      for (const item of this.XLList) {
+        if (item.id === row.product_series) {
+          return item.name
+        }
+      }
+    },
+    save() {
+      if(this.crud.query.captemplate_id === '' || this.crud.query.captemplate_id === undefined ){
+        this.crud.notify('请先选择排产模板！')
+        return false
+      }
+      this.checkrows = this.$refs.table.selection
+      if(this.checkrows.length === 0 ){
+        this.crud.notify('请勾选需要提交的记录！')
+        return false
+      }
+      producetask.submit2({ query: this.crud.query, rows: this.checkrows}).then(res => {
+        this.crud.notify('操作成功！')
+        this.querytable()
+      })
+    },
+    querytable() {
+      this.crud.toQuery()
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>