提交

src/views/productManagement/workorder2.vue

@@ -0,0 +1,70 @@
+<template>
+  <div class="app-container">
+    <div>
+      <el-form :model="search" inline>
+        <el-form-item label="年">
+          <el-input v-model="search.year" placeholder="输入年份"></el-input>
+        </el-form-item>
+        <el-form-item label="周">
+          <el-input v-model="search.week" placeholder="输入周"></el-input>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
+      <el-tab-pane label="周一" name="first">
+        <el-button type="danger">紧急插单</el-button>
+        <vxe-table
+          border
+          resizable
+          show-overflow
+          ref="xTable"
+          height="500"
+          :row-config="{ isHover: true }"
+          :data="tableData"
+          @cell-dblclick="cellDBLClickEvent"
+          @radio-change="radioChangeEvent"
+        >
+          <vxe-column type="radio" width="60">
+            <template #header>
+              <vxe-button type="text" @click="clearRadioRowEevnt" :disabled="!selectRow">取消</vxe-button>
+            </template>
+          </vxe-column>
+          <vxe-column type="seq" width="60"></vxe-column>
+          <vxe-column field="year" title="年" width="80"></vxe-column>
+          <vxe-column field="week" title="周" width="80"></vxe-column>
+          <vxe-column field="week" title="日" width="80"></vxe-column>
+          <vxe-column field="week" title="序号"></vxe-column>
+          <vxe-column field="week" title="产品名称"></vxe-column>
+          <vxe-column field="week" title="排程数量"></vxe-column>
+          <vxe-column field="week" title="占用时间"></vxe-column>
+          <vxe-column title="操作" width="100" show-overflow>
+            <template>
+              <vxe-button type="text" icon="vxe-icon-edit"></vxe-button>
+              <vxe-button type="text" icon="vxe-icon-delete"></vxe-button>
+            </template>
+          </vxe-column>
+        </vxe-table>
+      </el-tab-pane>
+      <el-tab-pane label="周二" name="second">配置管理</el-tab-pane>
+      <el-tab-pane label="周三" name="third">角色管理</el-tab-pane>
+      <el-tab-pane label="周四" name="fourth">定时任务补偿</el-tab-pane>
+      <el-tab-pane label="周五" name="fourth">定时任务补偿</el-tab-pane>
+      <el-tab-pane label="周六" name="fourth">定时任务补偿</el-tab-pane>
+      <el-tab-pane label="周日" name="fourth">定时任务补偿</el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'workorder2',
+  data() {
+    return {
+      search: {},
+      activeName: '',
+    }
+  },
+}
+</script>
+
+<style></style>

src/views/productManagement/workplan2.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="app-container">
+    <vxe-table
+      border
+      resizable
+      show-overflow
+      ref="xTable"
+      height="500"
+      :row-config="{ isHover: true }"
+      :data="tableData"
+      @cell-dblclick="cellDBLClickEvent"
+    >
+      <vxe-column type="seq" width="60"></vxe-column>
+      <vxe-column field="year" title="年" width="80"></vxe-column>
+      <vxe-column field="week" title="周" width="80"></vxe-column>
+      <vxe-column field="week" title="日" width="80"></vxe-column>
+      <vxe-column field="week" title="产品名称"></vxe-column>
+      <vxe-column field="week" title="每挂数量"></vxe-column>
+      <vxe-column field="week" title="生产节拍"></vxe-column>
+      <vxe-column field="week" title="总挂具数"></vxe-column>
+      <vxe-column field="week" title="订单需生产挂具数量"></vxe-column>
+      <vxe-column field="week" title="实际计划数量"></vxe-column>
+      <vxe-column field="week" title="圈数"></vxe-column>
+      <vxe-column field="week" title="订单生产时间(分钟)"></vxe-column>
+      <vxe-column field="week" title="未排程数量"></vxe-column>
+      <vxe-column field="week" title="未排程数量"></vxe-column>
+      <vxe-column title="操作" width="100" show-overflow>
+        <template>
+          <vxe-button type="text" icon="vxe-icon-edit"></vxe-button>
+          <vxe-button type="text" icon="vxe-icon-delete"></vxe-button>
+        </template>
+      </vxe-column>
+    </vxe-table>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'workplan2',
+}
+</script>
+
+<style lang="scss" scoped></style>