Merge branch 'master' of https://www.sanduolantoyoga.com/xiaoning/gjerp_ui

src/api/jhzx/dhqdCX.js

@@ -0,0 +1,12 @@
+import request from "@/utils/request";
+
+// 订货清单查询
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/dmDhqdp/getList",
+    method: "post",
+    data,
+  });
+}

src/api/jhzx/dhqdSH.js

@@ -0,0 +1,30 @@
+import request from "@/utils/request";
+
+// 订货清单审核
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/dmDhqdp/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量审核
+export function sh(data) {
+  return request({
+    url: "/dmDhqdp/sh",
+    method: "post",
+    data,
+  });
+}
+
+// 批量提交
+export function tj(data) {
+  return request({
+    url: "/dmDhqdp/tj",
+    method: "post",
+    data,
+  });
+}

src/api/jhzx/dhqdWH.js

@@ -0,0 +1,39 @@
+import request from "@/utils/request";
+
+// 订货清单维护
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/dmDhqdp/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量保存
+export function save(data) {
+  return request({
+    url: "/dmDhqdp/save",
+    method: "post",
+    data,
+  });
+}
+
+// 批量提交
+export function tj(data) {
+  return request({
+    url: "/dmDhqdp/tj",
+    method: "post",
+    data,
+  });
+}
+
+// 导入
+export function upload(data) {
+  return request({
+    url: "/dmDhqdp/upload",
+    method: "post",
+    data,
+  });
+}

src/api/jhzx/jtsyWH.js

@@ -0,0 +1,39 @@
+import request from "@/utils/request";
+
+// 集团三月滚动计划维护
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/dmJtsyjh/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量保存
+export function save(data) {
+  return request({
+    url: "/dmJtsyjh/save",
+    method: "post",
+    data,
+  });
+}
+
+// 批量提交
+export function tj(data) {
+  return request({
+    url: "/dmJtsyjh/tj",
+    method: "post",
+    data,
+  });
+}
+
+// 导入
+export function upload(data) {
+  return request({
+    url: "/dmJtsyjh/upload",
+    method: "post",
+    data,
+  });
+}

src/api/jhzx/tzCX.js

@@ -0,0 +1,21 @@
+import request from "@/utils/request";
+
+// 图纸查询
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/dmTzjh/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量审核
+export function sh(data) {
+  return request({
+    url: "/dmTzjh/sh",
+    method: "post",
+    data,
+  });
+}

src/api/jhzx/zrcCX.js

@@ -0,0 +1,12 @@
+import request from "@/utils/request";
+
+// 中日程计划查询
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/dmZrcjh/getList",
+    method: "post",
+    data,
+  });
+}

src/api/jhzx/zrcSH.js

@@ -0,0 +1,30 @@
+import request from "@/utils/request";
+
+// 中日程计划维护
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/dmZrcjh/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量退回
+export function tj(data) {
+  return request({
+    url: "/dmZrcjh/tj",
+    method: "post",
+    data,
+  });
+}
+
+//批量审核
+export function sh(data) {
+  return request({
+    url: "/dmZrcjh/sh",
+    method: "post",
+    data,
+  });
+}

src/api/jhzx/zrcWH.js

@@ -0,0 +1,39 @@
+import request from "@/utils/request";
+
+// 中日程计划维护
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/dmZrcjh/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量保存
+export function save(data) {
+  return request({
+    url: "/dmZrcjh/save",
+    method: "post",
+    data,
+  });
+}
+
+//批量提交
+export function tj(data) {
+  return request({
+    url: "/dmZrcjh/tj",
+    method: "post",
+    data,
+  });
+}
+
+// 导入
+export function upload(data) {
+  return request({
+    url: "/dmZrcjh/upload",
+    method: "post",
+    data,
+  });
+}

src/api/sjzx/gcrlWH.js

@@ -0,0 +1,29 @@
+import request from "@/utils/request";
+
+//工厂日历
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/emGcrl/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 点击新增 生成日历
+export function generate(data) {
+  return request({
+    url: "/emGcrl/generate",
+    method: "post",
+    data,
+  });
+}
+// 批量修改
+export function update(data) {
+  return request({
+    url: "/emGcrl/update",
+    method: "post",
+    data,
+  });
+}

src/api/sjzx/sbcnWH.js

@@ -0,0 +1,38 @@
+import request from "@/utils/request";
+
+// 设备产能维护
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/emSbcnp/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量新增
+export function save(data) {
+  return request({
+    url: "/emSbcnp/save",
+    method: "post",
+    data,
+  });
+}
+// 批量修改
+export function update(data) {
+  return request({
+    url: "/emSbcnp/update",
+    method: "post",
+    data,
+  });
+}
+
+// 批量删除
+export function delete1(data) {
+  return request({
+    url: "/emSbcnp/delete",
+    method: "post",
+    data,
+  });
+}

src/api/sjzx/sbryWH.js

@@ -0,0 +1,47 @@
+import request from "@/utils/request";
+
+// 设备人员信息维护
+
+// 获取人员信息
+export function getRYList(data) {
+  return request({
+    url: "/emSbrydyp/getRYList",
+    method: "post",
+    data,
+  });
+}
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/emSbrydyp/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量新增
+export function save(data) {
+  return request({
+    url: "/emSbrydyp/save",
+    method: "post",
+    data,
+  });
+}
+// 批量修改
+export function update(data) {
+  return request({
+    url: "/emSbrydyp/update",
+    method: "post",
+    data,
+  });
+}
+
+// 批量删除
+export function delete1(data) {
+  return request({
+    url: "/emSbrydyp/delete",
+    method: "post",
+    data,
+  });
+}

src/api/sjzx/sbwxjhWH.js

@@ -0,0 +1,38 @@
+import request from "@/utils/request";
+
+// 设备维修计划维护
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/emSbwxjh/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量新增
+export function save(data) {
+  return request({
+    url: "/emSbwxjh/save",
+    method: "post",
+    data,
+  });
+}
+// 批量修改
+export function update(data) {
+  return request({
+    url: "/emSbwxjh/update",
+    method: "post",
+    data,
+  });
+}
+
+// 批量删除
+export function delete1(data) {
+  return request({
+    url: "/emSbwxjh/delete",
+    method: "post",
+    data,
+  });
+}

src/api/sjzx/sbxxWH.js

@@ -0,0 +1,65 @@
+import request from "@/utils/request";
+
+// 设备信息维护
+
+// 获取供应商
+export function getGYS(data) {
+  return request({
+    url: "/emSbjbb/getGYS",
+    method: "post",
+    data,
+  });
+}
+
+// 获取设备分类
+export function getSBLX(data) {
+  return request({
+    url: "/emSbjbb/getSBLX",
+    method: "post",
+    data,
+  });
+}
+
+// 获取设备状态
+export function getZhbmAll(data) {
+  return request({
+    url: "/api/sy/getZhbmAll",
+    method: "post",
+    data,
+  });
+}
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/emSbjbb/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量新增
+export function save(data) {
+  return request({
+    url: "/emSbjbb/save",
+    method: "post",
+    data,
+  });
+}
+// 批量修改
+export function update(data) {
+  return request({
+    url: "/emSbjbb/update",
+    method: "post",
+    data,
+  });
+}
+
+// 批量删除
+export function delete1(data) {
+  return request({
+    url: "/emSbjbb/delete",
+    method: "post",
+    data,
+  });
+}

src/layout/components/AppMain.vue

@@ -27,6 +27,8 @@ export default {
   /* 50= navbar  50  */
   min-height: calc(100vh - 50px);
   width: 100%;
+  padding-left: 10px;
+  padding-right: 10px;
   position: relative;
   overflow: hidden;
 }

src/styles/sidebar.scss

@@ -63,10 +63,15 @@
     }
 
     .el-menu {
+      overflow-y: auto !important;
       border: none;
       height: 100%;
       width: 100% !important;
     }
+    ::-webkit-scrollbar {
+      width: 10px;
+      height: 10px;
+    }
 
     // menu hover
     .submenu-title-noDropdown,

src/views/jhzx/dhqdCX.vue

@@ -0,0 +1,283 @@
+<template>
+  <!-- 订货清单查询 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.dcCh" placeholder="船号" clearable>
+              <el-option
+                v-for="item in ShipNoList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.Zt" placeholder="状态" clearable>
+              <el-option
+                v-for="item in statusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              highlight-hover-row
+            >
+              <template #dcCh_default="{ row }">
+                {{ row.dcCh }}
+              </template>
+              <template #Zt_default="{ row }">
+                <div v-for="(item, index) in statusOptions" :key="index">
+                  <div v-if="row.zt === item.value">{{ item.label }}</div>
+                </div>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList } from "@/api/jhzx/dhqdCX";
+export default {
+  name: "dhqdCX",
+  data() {
+    return {
+      request: {
+        dcCh: "",
+        Zt: "",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "seq", width: 60, title: "序号" },
+        {
+          field: "dcCh",
+          title: "船号",
+          slots: { default: "dcCh_default" },
+          minWidth: "70",
+        },
+        {
+          field: "qdh",
+          title: "订货清单号",
+          minWidth: "80",
+        },
+        {
+          field: "qc",
+          title: "期次",
+          minWidth: "70",
+        },
+        {
+          field: "wpxh",
+          title: " 材质",
+          minWidth: "70",
+        },
+        {
+          field: "thickness",
+          title: "厚度mm",
+          minWidth: "70",
+        },
+        {
+          field: "width",
+          title: "宽度mm",
+          minWidth: "70",
+        },
+        {
+          field: "length",
+          title: "长度mm",
+          minWidth: "70",
+        },
+        {
+          field: "weight",
+          title: "重量吨/张",
+          minWidth: "70",
+        },
+        {
+          field: "sjsl",
+          title: "设计数量",
+
+          minWidth: "70",
+        },
+        {
+          field: "yl",
+          title: "裕量",
+          minWidth: "70",
+        },
+        {
+          field: "zsl",
+          title: "总数量",
+          minWidth: "70",
+        },
+        {
+          field: "zzl",
+          title: "总重量",
+          minWidth: "70",
+        },
+        {
+          field: "lksl",
+          title: "利库数量",
+          minWidth: "70",
+        },
+        {
+          field: "lkzl",
+          title: "利库重量",
+          minWidth: "70",
+        },
+        {
+          field: "sdzs",
+          title: "实订数量",
+          minWidth: "70",
+        },
+        {
+          field: "sdzl",
+          title: "实订重量",
+          minWidth: "70",
+        },
+        {
+          field: "Zt",
+          title: "状态",
+          slots: { default: "Zt_default" },
+          minWidth: "50",
+        },
+      ],
+      statusOptions: [
+        {
+          value: "0",
+          label: "编辑",
+        },
+        {
+          value: "1",
+          label: "提交",
+        },
+        {
+          value: "2",
+          label: "审核",
+        },
+      ],
+      fileList: [],
+      ShipNoList: []
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口(船号)
+    initList() {
+      let params = {
+        Zt: this.request.Zt,
+        dcCh: "",
+      };
+      if (this.ShipNoList.length > 0 && this.request.dcCh) {
+        params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
+      } else {
+        params.dcCh = "";
+      }
+      getList(params).then((res) => {
+        this.list = res.data;
+        var arrList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item, index) => {
+            arrList.push(item.dcCh);
+            this.ShipNoList = []
+            Array.from(new Set(arrList)).forEach((em, eindex) => {
+              this.ShipNoList.push({
+                label: em,
+                value: eindex + 1,
+              });
+            });
+          });
+        }
+      });
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+.upload-demo {
+  display: inline-flex;
+  margin-right: 10px;
+}
+::v-deep .el-upload-list {
+  display: none !important;
+}
+</style>

src/views/jhzx/dhqdSH.vue

@@ -0,0 +1,377 @@
+<template>
+  <!-- 订货清单审核 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.dcCh" placeholder="船号" clearable>
+              <el-option
+                v-for="item in ShipNoList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.Zt" placeholder="状态" clearable>
+              <el-option
+                v-for="item in statusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="primary" @click="toolbarButtonClickEvent('back')"
+            >退回</el-button
+          >
+          <el-button type="success" @click="toolbarButtonClickEvent('check')"
+            >审核</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+              highlight-hover-row
+            >
+              <template #dcCh_default="{ row }">
+                {{ row.dcCh }}
+              </template>
+              <template #Zt_default="{ row }">
+                <div v-for="(item, index) in statusOptions" :key="index">
+                  <div v-if="row.zt === item.value">{{ item.label }}</div>
+                </div>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList, tj, save, sh, upload } from "@/api/jhzx/dhqdSH";
+export default {
+  name: "dhqdSH",
+  data() {
+    return {
+      request: {
+        dcCh: "",
+        Zt: "1",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50, fixed: "left" },
+        { type: "seq", width: 60, title: "序号", fixed: "left" },
+        {
+          field: "dcCh",
+          title: "船号",
+          slots: { default: "dcCh_default" },
+          minWidth: "70",
+        },
+        {
+          field: "qdh",
+          title: "订货清单号",
+          minWidth: "80",
+        },
+        {
+          field: "qc",
+          title: "期次",
+          minWidth: "70",
+        },
+        {
+          field: "wpxh",
+          title: " 材质",
+          minWidth: "70",
+        },
+        {
+          field: "thickness",
+          title: "厚度mm",
+          minWidth: "70",
+        },
+        {
+          field: "width",
+          title: "宽度mm",
+          minWidth: "70",
+        },
+        {
+          field: "length",
+          title: "长度mm",
+          minWidth: "70",
+        },
+        {
+          field: "weight",
+          title: "重量吨/张",
+          minWidth: "70",
+        },
+        {
+          field: "sjsl",
+          title: "设计数量",
+
+          minWidth: "70",
+        },
+        {
+          field: "yl",
+          title: "裕量",
+          minWidth: "70",
+        },
+        {
+          field: "zsl",
+          title: "总数量",
+          minWidth: "70",
+        },
+        {
+          field: "zzl",
+          title: "总重量",
+          minWidth: "70",
+        },
+        {
+          field: "lksl",
+          title: "利库数量",
+          minWidth: "70",
+        },
+        {
+          field: "lkzl",
+          title: "利库重量",
+          minWidth: "70",
+        },
+        {
+          field: "sdzs",
+          title: "实订数量",
+          minWidth: "70",
+        },
+        {
+          field: "sdzl",
+          title: "实订重量",
+          minWidth: "70",
+        },
+        {
+          field: "Zt",
+          title: "状态",
+          slots: { default: "Zt_default" },
+          minWidth: "50",
+          fixed: "right",
+        },
+      ],
+      statusOptions: [
+        {
+          value: "0",
+          label: "编辑",
+        },
+        {
+          value: "1",
+          label: "提交",
+        },
+        {
+          value: "2",
+          label: "审核",
+        },
+      ],
+      fileList: [],
+      ShipNoList: [],
+      checkedList: [],
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口(船号)
+    initList() {
+      let params = {
+        Zt: this.request.Zt,
+        dcCh: "",
+      };
+      if (this.ShipNoList.length > 0 && this.request.dcCh) {
+        params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
+      } else {
+        params.dcCh = "";
+      }
+      getList(params).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        this.ShipNoList = [];
+        var arrList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item, index) => {
+            arrList.push(item.dcCh);
+            this.ShipNoList = []
+            Array.from(new Set(arrList)).forEach((em, eindex) => {
+              this.ShipNoList.push({
+                label: em,
+                value: eindex + 1,
+              });
+            });
+          });
+        }
+      });
+    },
+    // 上传excel
+    actionUpload(file) {
+      const formData = new FormData();
+      formData.append("file", file.file);
+      upload(formData).then((res) => {
+        if (res.success) {
+        }
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      switch (code) {
+        case "back":
+          if (this.checkedList.length > 0) {
+            var status = 1;
+            this.checkedList.forEach((item) => {
+              if (item.zt !== "1") {
+                status = 0;
+              }
+            });
+
+            if (status == 1) {
+              this.$confirm("是否确认提交?", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+              })
+                .then(() => {
+                  tj(this.checkedList).then((res) => {
+                    if (res.success) {
+                      const xTable = this.$refs.tableRef;
+                      xTable.loadData(this.initList());
+                      this.$message.success("退回成功！");
+                    }
+                  });
+                })
+                .catch(() => {});
+            } else {
+              this.$message.warning("请选择提交状态的数据!");
+            }
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        case "check":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认审核选择的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                sh(this.checkedList).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message.success("审核成功！");
+                  }
+                });
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        default:
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+.upload-demo {
+  display: inline-flex;
+  margin-right: 10px;
+}
+::v-deep .el-upload-list {
+  display: none !important;
+}
+</style>

src/views/jhzx/dhqdWH.vue

@@ -0,0 +1,379 @@
+<template>
+  <!-- 订货清单维护 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.dcCh" placeholder="船号" clearable>
+              <el-option
+                v-for="item in ShipNoList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="success" @click="toolbarButtonClickEvent('submit')"
+            >提交</el-button
+          >
+
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.Zt" placeholder="状态" clearable>
+              <el-option
+                v-for="item in statusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <div class="upload-demo">
+            <el-upload
+              action="#"
+              accept=".xls,.xlsx"
+              :multiple="false"
+              :file-list="fileList"
+              :http-request="actionUpload"
+            >
+              <el-button size="mini" type="primary">导入</el-button>
+            </el-upload>
+          </div>
+          <el-button type="primary" @click="toolbarButtonClickEvent('save')"
+            >保存</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              :scroll-y="{enabled: true}"
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+              highlight-hover-row
+            >
+              <template #dcCh_default="{ row }">
+                {{ row.dcCh }}
+              </template>
+              <template #Zt_default="{ row }">
+                <div v-for="(item, index) in statusOptions" :key="index">
+                  <div v-if="row.zt === item.value">{{ item.label }}</div>
+                </div>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList, tj, save, upload } from "@/api/jhzx/dhqdWH";
+export default {
+  name: "dhqdWH",
+  data() {
+    return {
+      request: {
+        dcCh: "",
+        Zt: "0",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50, fixed: "left" },
+        { type: "seq", width: 60, title: "序号", fixed: "left" },
+        {
+          field: "dcCh",
+          title: "船号",
+          slots: { default: "dcCh_default" },
+          minWidth: "70",
+        },
+        {
+          field: "qdh",
+          title: "订货清单号",
+          minWidth: "80",
+        },
+        {
+          field: "qc",
+          title: "期次",
+          minWidth: "70",
+        },
+        {
+          field: "wpxh",
+          title: " 材质",
+          minWidth: "70",
+        },
+        {
+          field: "thickness",
+          title: "厚度mm",
+          minWidth: "70",
+        },
+        {
+          field: "width",
+          title: "宽度mm",
+          minWidth: "70",
+        },
+        {
+          field: "length",
+          title: "长度mm",
+          minWidth: "70",
+        },
+        {
+          field: "weight",
+          title: "重量吨/张",
+          minWidth: "70",
+        },
+        {
+          field: "sjsl",
+          title: "设计数量",
+
+          minWidth: "70",
+        },
+        {
+          field: "yl",
+          title: "裕量",
+          minWidth: "70",
+        },
+        {
+          field: "zsl",
+          title: "总数量",
+          minWidth: "70",
+        },
+        {
+          field: "zzl",
+          title: "总重量",
+          minWidth: "70",
+        },
+        {
+          field: "lksl",
+          title: "利库数量",
+          minWidth: "70",
+        },
+        {
+          field: "lkzl",
+          title: "利库重量",
+          minWidth: "70",
+        },
+        {
+          field: "sdzs",
+          title: "实订数量",
+          minWidth: "70",
+        },
+        {
+          field: "sdzl",
+          title: "实订重量",
+          minWidth: "70",
+        },
+        {
+          field: "Zt",
+          title: "状态",
+          slots: { default: "Zt_default" },
+          minWidth: "50",
+          fixed: "right",
+        },
+      ],
+      statusOptions: [
+        {
+          value: "0",
+          label: "编辑",
+        },
+        {
+          value: "1",
+          label: "提交",
+        },
+        {
+          value: "2",
+          label: "审核",
+        },
+      ],
+      fileList: [],
+      ShipNoList: [],
+      checkedList: [],
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口(船号)
+    initList() {
+      let params = {
+        Zt: this.request.Zt,
+        dcCh: "",
+      };
+      if (this.ShipNoList.length > 0 && this.request.dcCh) {
+        params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
+      } else {
+        params.dcCh = "";
+      }
+      getList(params).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        this.ShipNoList = [];
+        var arrList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item, index) => {
+            arrList.push(item.dcCh);
+            this.ShipNoList = []
+            Array.from(new Set(arrList)).forEach((em, eindex) => {
+              this.ShipNoList.push({
+                label: em,
+                value: eindex + 1,
+              });
+            });
+          });
+        }
+      });
+    },
+    // 上传excel
+    actionUpload(file) {
+      const formData = new FormData();
+      formData.append("file", file.file);
+      upload(formData).then((res) => {
+        if (res.success) {
+          this.list = res.data;
+          this.$message.success("导入成功！");
+        }
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      switch (code) {
+        case "submit":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认提交选择的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                tj(this.checkedList).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message.success("提交成功！");
+                  }
+                });
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        case "save":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认保存选择的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                save(this.checkedList).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message.success("保存成功！");
+                  }
+                });
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+.upload-demo {
+  display: inline-flex;
+  margin-right: 10px;
+}
+::v-deep .el-upload-list {
+  display: none !important;
+}
+</style>

src/views/jhzx/jtsyWH.vue

@@ -0,0 +1,299 @@
+<template>
+  <!-- 集团三月滚动计划维护 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.dcCh" placeholder="船号" clearable>
+              <el-option
+                v-for="item in ShipNoList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="success" @click="toolbarButtonClickEvent('submit')"
+            >提交</el-button
+          >
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.zt" placeholder="状态" clearable>
+              <el-option
+                v-for="item in statusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <div class="upload-demo">
+            <el-upload
+              action="#"
+              accept=".xls,.xlsx"
+              :multiple="false"
+              :file-list="fileList"
+              :http-request="actionUpload"
+            >
+              <el-button size="mini" type="primary">导入</el-button>
+            </el-upload>
+          </div>
+          <el-button type="primary" @click="toolbarButtonClickEvent('save')"
+            >保存</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              :scroll-y="{enabled: true}"
+              highlight-hover-row
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+            >
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList, save, tj, upload } from "@/api/jhzx/jtsyWH";
+export default {
+  name: "jtsyWH",
+  data() {
+    return {
+      request: {
+        dcCh: "",
+        zt: "",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50 },
+        { type: "seq", width: 60, title: "序号" },
+        {
+          field: "dcCh",
+          title: "船号"
+        },
+        { field: "dcPl", title: "批量"},
+        { field: "dcFd", title: "分段"},
+        { field: "jhrq", title: "计划期" },
+        { field: "bz", title: "备注"},
+        {
+          field: "bzy",
+          title: "编制人"
+        },
+        {
+          field: "bzrq",
+          title: "编制日期"
+        },
+        {
+          field: "zt",
+          title: "状态"
+        },
+      ],
+      statusOptions: [
+        {
+          value: "0",
+          label: "未提交",
+        },
+        {
+          value: "1",
+          label: "已提交",
+        },
+      ],
+      ShipNoList: [], //船号
+      fileList: [], //导入
+      checkedList: [],
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口(船号)
+    initList() {
+      let params = {
+        zt: this.request.zt,
+        dcCh: "",
+      };
+      if (this.ShipNoList.length > 0 && this.request.dcCh) {
+        params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
+      } else {
+        params.dcCh = "";
+      }
+      getList(params).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        this.ShipNoList = [];
+        var arrList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item, index) => {
+            arrList.push(item.dcCh);
+            this.ShipNoList = [];
+            Array.from(new Set(arrList)).forEach((em, eindex) => {
+              this.ShipNoList.push({
+                label: em,
+                value: eindex + 1,
+              });
+            });
+          });
+        }
+      });
+    },
+    // 上传excel
+    actionUpload(file) {
+      const formData = new FormData();
+      formData.append("file", file.file);
+      upload(formData).then((res) => {
+        if (res.success) {
+          this.$message.success("上传成功！");
+          this.list = res.data;
+        }
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      switch (code) {
+        case "submit":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认提交选中的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                tj(this.checkedList).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message.success("提交成功！");
+                  }
+                });
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        case "save":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认保存选中的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                save(this.checkedList).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message.success("保存成功！");
+                  }
+                });
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        default:
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+.upload-demo {
+  display: inline-flex;
+  margin-right: 10px;
+}
+::v-deep .el-upload-list {
+  display: none !important;
+}
+</style>

src/views/jhzx/tzCX.vue

@@ -0,0 +1,270 @@
+<template>
+  <!-- 图纸查询 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.dcCh" placeholder="船号" clearable>
+              <el-option
+                v-for="item in ShipNoList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.zt" placeholder="状态" clearable>
+              <el-option
+                v-for="item in statusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="success" @click="toolbarButtonClickEvent('insert')"
+            >审核</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              highlight-hover-row
+              :checkbox-config="{checkMethod: CheckboxkMethod}"
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+            >
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList, sh } from "@/api/jhzx/tzCX";
+export default {
+  name: "tzCX",
+  data() {
+    return {
+      request: {
+        dcCh: "",
+        zt: "",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50 },
+        { type: "seq", width: 60, title: "序号" },
+        { field: "dcPl", title: "批量", editRender: { name: "input" } },
+        { field: "dcFd", title: "图名", editRender: { name: "input" } },
+        {
+          field: "dcCh",
+          title: "船名",
+          editRender: {
+            name: "$select",
+            options: [],
+            props: { clearable: true },
+          },
+        },
+        { field: "xfqTlt", title: "套料图下发", editRender: { name: "input" } },
+        { field: "jsqTlt", title: "套料图接收", editRender: { name: "input" } },
+        {
+          field: "xfqLqb",
+          title: "板材领取表下发",
+          editRender: { name: "input" },
+        },
+        {
+          field: "jsqLqb",
+          title: "板材领取表接收",
+          editRender: { name: "input" },
+        },
+        {
+          field: "xfqPtb",
+          title: "零件配套表下发",
+          editRender: { name: "input" },
+        },
+        {
+          field: "jsqPtb",
+          title: "零件配套表接收",
+          editRender: { name: "input" },
+        },
+        {
+          field: "zt",
+          title: "状态",
+          editRender: {
+            name: "$select",
+            options: [],
+            props: { clearable: true },
+          },
+        },
+      ],
+      statusOptions: [
+        {
+          value: "0",
+          label: "未审核",
+        },
+        {
+          value: "1",
+          label: "已审核",
+        },
+      ],
+      ShipNoList: [],
+      checkedList: [],
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.statusList();
+    this.initList();
+  },
+  methods: {
+    statusList() {
+      this.$nextTick(() => {
+        const tableRef = this.$refs.tableRef;
+        const statusText = tableRef.getColumnByField("zt");
+        statusText.editRender.options = this.statusOptions;
+      });
+    },
+    // 获取列表接口(船号)
+    initList() {
+      let params = {
+        zt: this.request.zt,
+        dcCh: "",
+      };
+      if (this.ShipNoList.length > 0 && this.request.dcCh) {
+        params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
+      } else {
+        params.dcCh = "";
+      }
+      getList(params).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        var arrList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item, index) => {
+            arrList.push(item.dcCh);
+            this.ShipNoList = [];
+            Array.from(new Set(arrList)).forEach((em, eindex) => {
+              this.ShipNoList.push({
+                label: em,
+                value: eindex + 1,
+              });
+            });
+          });
+        }
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 是否可选中
+    CheckboxkMethod({ row }){
+        return row.zt !== '1'
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      switch (code) {
+        case "insert":
+          if (this.checkedList.length > 0) {
+            sh(this.checkedList).then((res) => {
+              if (res.success) {
+                const xTable = this.$refs.tableRef;
+                xTable.loadData(this.initList());
+                this.$message.success("审核成功！");
+              }
+            });
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        default:
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+</style>

src/views/jhzx/zrcCX.vue

@@ -0,0 +1,352 @@
+<template>
+  <!-- 中日程计划查询 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.dcCh" placeholder="船号" clearable>
+              <el-option
+                v-for="item in ShipNoList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.Zt" placeholder="状态" clearable>
+              <el-option
+                v-for="item in statusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              highlight-hover-row
+            >
+              <template #dcCh_default="{ row }">
+                {{ row.dcCh }}
+              </template>
+              <template #Zt_default="{ row }">
+                <div v-for="(item, index) in statusOptions" :key="index">
+                  <div v-if="row.zt === item.value">{{ item.label }}</div>
+                </div>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList } from "@/api/jhzx/zrcCX";
+export default {
+  name: "zrcCX",
+  data() {
+    return {
+      request: {
+        dcCh: "",
+        Zt: "",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "seq", width: 60, title: "序号" },
+        {
+          field: "dcCh",
+          title: "船号",
+          slots: { default: "dcCh_default" },
+          minWidth: "70",
+        },
+        {
+          field: "qy",
+          title: "区域",
+          minWidth: "70",
+        },
+        {
+          field: "zdh",
+          title: "总段号",
+          minWidth: "70",
+        },
+        {
+          field: "yzd",
+          title: "预组段",
+          minWidth: "70",
+        },
+        {
+          field: "dcFD",
+          title: "分段号",
+          minWidth: "70",
+        },
+        {
+          field: "ZL",
+          title: "重量",
+          minWidth: "70",
+        },
+        {
+          field: "dcPL",
+          title: "批量号",
+          minWidth: "70",
+        },
+        {
+          field: "kssjDz",
+          title: "大组开始",
+          minWidth: "70",
+        },
+        {
+          field: "gjjsDz",
+          title: "钢加大组结束",
+
+          minWidth: "120",
+        },
+        {
+          field: "jssjXz",
+          title: "小组结束",
+          minWidth: "70",
+        },
+        {
+          field: "xzzq",
+          title: "小组周期",
+          minWidth: "70",
+        },
+        {
+          field: "kssjXz",
+          title: "小组开始",
+          minWidth: "70",
+        },
+        {
+          field: "xbzl",
+          title: "线表重量",
+          minWidth: "70",
+        },
+        {
+          field: "gjjsDzPl",
+          title: "批量表（钢加大组结束）",
+          minWidth: "120",
+        },
+        {
+          field: "LP",
+          title: "时间差（L-P）",
+          minWidth: "120",
+        },
+        {
+          field: "gjjsXz",
+          title: "钢加小组结束",
+          minWidth: "120",
+        },
+        {
+          field: "gjjsXzPl",
+          title: "批量表（钢加小组结束）",
+          minWidth: "120",
+        },
+        {
+          field: "RS",
+          title: "时间差（R-S）",
+          minWidth: "120",
+        },
+        {
+          field: "gjks",
+          title: "钢加开始",
+          minWidth: "70",
+        },
+        {
+          field: "gjksPl",
+          title: "批量表（钢加开始）",
+          minWidth: "120",
+        },
+        {
+          field: "UV",
+          title: "时间差（U-V）",
+          minWidth: "90",
+        },
+        {
+          field: "xfqTlt",
+          title: "套料图下发",
+          minWidth: "90",
+        },
+        {
+          field: "jsqTlt",
+          title: "套料图接收",
+          minWidth: "90",
+        },
+        {
+          field: "xfqLqb",
+          title: "板材领取表下发",
+          minWidth: "120",
+        },
+        {
+          field: "jsqLqb",
+          title: "板材领取表接收",
+          minWidth: "90",
+        },
+        {
+          field: "xfqPtb",
+          title: "零件配套表下发",
+          minWidth: "120",
+        },
+        {
+          field: "jsqPtb",
+          title: "零件配套表接收",
+          minWidth: "90",
+        },
+        {
+          field: "dhqd",
+          title: "订货清单号",
+          minWidth: "90",
+        },
+        {
+          field: "xfqDhqd",
+          title: "订货清单下发",
+          minWidth: "90",
+        },
+        {
+          field: "sjdhq",
+          title: "实际订货日期",
+          minWidth: "90",
+        },
+        {
+          field: "bcdq",
+          title: "板材计划到齐",
+          minWidth: "90",
+        },
+        {
+          field: "Zt",
+          title: "状态",
+          slots: { default: "Zt_default" },
+          minWidth: "50",
+        },
+      ],
+      statusOptions: [
+        {
+          value: "0",
+          label: "编辑",
+        },
+        {
+          value: "1",
+          label: "提交",
+        },
+        {
+          value: "2",
+          label: "审核",
+        },
+      ],
+      ShipNoList: [],
+      checkedList: [],
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口(船号)
+    initList() {
+      let params = {
+        Zt: this.request.Zt,
+        dcCh: "",
+      };
+      if (this.ShipNoList.length > 0 && this.request.dcCh) {
+        params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
+      } else {
+        params.dcCh = "";
+      }
+      getList(params).then((res) => {
+        this.list = res.data;
+        this.ShipNoList = [];
+        var arrList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item, index) => {
+            arrList.push(item.dcCh);
+            this.ShipNoList = [];
+            Array.from(new Set(arrList)).forEach((em, eindex) => {
+              this.ShipNoList.push({
+                label: em,
+                value: eindex + 1,
+              });
+            });
+          });
+        }
+      });
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+</style>

src/views/jhzx/zrcSH.vue

@@ -0,0 +1,440 @@
+<template>
+  <!-- 中日程计划审核 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.dcCh" placeholder="船号" clearable>
+              <el-option
+                v-for="item in ShipNoList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.Zt" placeholder="状态" clearable>
+              <el-option
+                v-for="item in statusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="primary" @click="toolbarButtonClickEvent('back')"
+            >退回</el-button
+          >
+          <el-button type="success" @click="toolbarButtonClickEvent('check')"
+            >审核</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+              highlight-hover-row
+            >
+              <template #dcCh_default="{ row }">
+                {{ row.dcCh }}
+              </template>
+              <template #Zt_default="{ row }">
+                <div v-for="(item, index) in statusOptions" :key="index">
+                  <div v-if="row.zt === item.value">{{ item.label }}</div>
+                </div>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList, tj, sh } from "@/api/jhzx/zrcWH";
+export default {
+  name: "zrcSH",
+  data() {
+    return {
+      request: {
+        dcCh: "",
+        Zt: "1",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50, fixed: "left" },
+        { type: "seq", width: 60, title: "序号", fixed: "left" },
+        {
+          field: "dcCh",
+          title: "船号",
+          slots: { default: "dcCh_default" },
+          minWidth: "70",
+        },
+        {
+          field: "qy",
+          title: "区域",
+          minWidth: "70",
+        },
+        {
+          field: "zdh",
+          title: "总段号",
+          minWidth: "70",
+        },
+        {
+          field: "yzd",
+          title: "预组段",
+          minWidth: "70",
+        },
+        {
+          field: "dcFD",
+          title: "分段号",
+          minWidth: "70",
+        },
+        {
+          field: "ZL",
+          title: "重量",
+          minWidth: "70",
+        },
+        {
+          field: "dcPL",
+          title: "批量号",
+          minWidth: "70",
+        },
+        {
+          field: "kssjDz",
+          title: "大组开始",
+          minWidth: "70",
+        },
+        {
+          field: "gjjsDz",
+          title: "钢加大组结束",
+
+          minWidth: "120",
+        },
+        {
+          field: "jssjXz",
+          title: "小组结束",
+          minWidth: "70",
+        },
+        {
+          field: "xzzq",
+          title: "小组周期",
+          minWidth: "70",
+        },
+        {
+          field: "kssjXz",
+          title: "小组开始",
+          minWidth: "70",
+        },
+        {
+          field: "xbzl",
+          title: "线表重量",
+          minWidth: "70",
+        },
+        {
+          field: "gjjsDzPl",
+          title: "批量表（钢加大组结束）",
+          minWidth: "120",
+        },
+        {
+          field: "LP",
+          title: "时间差（L-P）",
+          minWidth: "120",
+        },
+        {
+          field: "gjjsXz",
+          title: "钢加小组结束",
+          minWidth: "120",
+        },
+        {
+          field: "gjjsXzPl",
+          title: "批量表（钢加小组结束）",
+          minWidth: "120",
+        },
+        {
+          field: "RS",
+          title: "时间差（R-S）",
+          minWidth: "120",
+        },
+        {
+          field: "gjks",
+          title: "钢加开始",
+          minWidth: "70",
+        },
+        {
+          field: "gjksPl",
+          title: "批量表（钢加开始）",
+          minWidth: "120",
+        },
+        {
+          field: "UV",
+          title: "时间差（U-V）",
+          minWidth: "90",
+        },
+        {
+          field: "xfqTlt",
+          title: "套料图下发",
+          minWidth: "90",
+        },
+        {
+          field: "jsqTlt",
+          title: "套料图接收",
+          minWidth: "90",
+        },
+        {
+          field: "xfqLqb",
+          title: "板材领取表下发",
+          minWidth: "120",
+        },
+        {
+          field: "jsqLqb",
+          title: "板材领取表接收",
+          minWidth: "90",
+        },
+        {
+          field: "xfqPtb",
+          title: "零件配套表下发",
+          minWidth: "120",
+        },
+        {
+          field: "jsqPtb",
+          title: "零件配套表接收",
+          minWidth: "90",
+        },
+        {
+          field: "dhqd",
+          title: "订货清单号",
+          minWidth: "90",
+        },
+        {
+          field: "xfqDhqd",
+          title: "订货清单下发",
+          minWidth: "90",
+        },
+        {
+          field: "sjdhq",
+          title: "实际订货日期",
+          minWidth: "90",
+        },
+        {
+          field: "bcdq",
+          title: "板材计划到齐",
+          minWidth: "90",
+        },
+        {
+          field: "Zt",
+          title: "状态",
+          slots: { default: "Zt_default" },
+          minWidth: "50",
+          fixed: "right",
+        },
+      ],
+      statusOptions: [
+        {
+          value: "0",
+          label: "编辑",
+        },
+        {
+          value: "1",
+          label: "提交",
+        },
+        {
+          value: "2",
+          label: "审核",
+        },
+      ],
+      ShipNoList: [],
+      checkedList: [],
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口(船号)
+    initList() {
+      let params = {
+        Zt: this.request.Zt,
+        dcCh: "",
+      };
+      if (this.ShipNoList.length > 0 && this.request.dcCh) {
+        params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
+      } else {
+        params.dcCh = "";
+      }
+      getList(params).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        this.ShipNoList = [];
+        var arrList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item, index) => {
+            arrList.push(item.dcCh);
+            this.ShipNoList = [];
+            Array.from(new Set(arrList)).forEach((em, eindex) => {
+              this.ShipNoList.push({
+                label: em,
+                value: eindex + 1,
+              });
+            });
+          });
+        }
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      switch (code) {
+        case "check":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认审核选择的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                sh(this.checkedList).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message.success("审核成功！");
+                  }
+                });
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        case "back":
+          if (this.checkedList.length > 0) {
+            var status = 1;
+            this.checkedList.forEach((item) => {
+              if (item.zt !== "1") {
+                status = 0;
+              }
+            });
+
+            if (status == 1) {
+              this.$confirm("是否确认提交?", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning",
+              })
+                .then(() => {
+                  tj(this.checkedList).then((res) => {
+                    if (res.success) {
+                      const xTable = this.$refs.tableRef;
+                      xTable.loadData(this.initList());
+                      this.$message.success("退回成功！");
+                    }
+                  });
+                })
+                .catch(() => {});
+            } else {
+              this.$message.warning("请选择数据！");
+            }
+          }
+          break;
+        default:
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+.upload-demo {
+  display: inline-flex;
+  margin-right: 10px;
+}
+::v-deep .el-upload-list {
+  display: none !important;
+}
+</style>

src/views/jhzx/zrcWH.vue

@@ -0,0 +1,454 @@
+<template>
+  <!-- 中日程计划维护 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.dcCh" placeholder="船号" clearable>
+              <el-option
+                v-for="item in ShipNoList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="success" @click="toolbarButtonClickEvent('submit')"
+            >提交</el-button
+          >
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-select v-model="request.Zt" placeholder="状态" clearable>
+              <el-option
+                v-for="item in statusOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <div class="upload-demo">
+            <el-upload
+              action="#"
+              accept=".xls,.xlsx"
+              :multiple="false"
+              :file-list="fileList"
+              :http-request="actionUpload"
+            >
+              <el-button size="mini" type="primary">导入</el-button>
+            </el-upload>
+          </div>
+          <el-button type="primary" @click="toolbarButtonClickEvent('save')"
+            >保存</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+              highlight-hover-row
+            >
+              <template #dcCh_default="{ row }">
+                {{ row.dcCh }}
+              </template>
+              <template #Zt_default="{ row }">
+                <div v-for="(item, index) in statusOptions" :key="index">
+                  <div v-if="row.zt === item.value">{{ item.label }}</div>
+                </div>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList, tj, save, upload } from "@/api/jhzx/zrcWH";
+export default {
+  name: "zrcWH",
+  data() {
+    return {
+      request: {
+        dcCh: "",
+        Zt: "0",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50, fixed: "left" },
+        { type: "seq", width: 60, title: "序号", fixed: "left" },
+        {
+          field: "dcCh",
+          title: "船号",
+          slots: { default: "dcCh_default" },
+          minWidth: "70",
+        },
+        {
+          field: "qy",
+          title: "区域",
+          minWidth: "70",
+        },
+        {
+          field: "zdh",
+          title: "总段号",
+          minWidth: "70",
+        },
+        {
+          field: "yzd",
+          title: "预组段",
+          minWidth: "70",
+        },
+        {
+          field: "dcFD",
+          title: "分段号",
+          minWidth: "70",
+        },
+        {
+          field: "ZL",
+          title: "重量",
+          minWidth: "70",
+        },
+        {
+          field: "dcPL",
+          title: "批量号",
+          minWidth: "70",
+        },
+        {
+          field: "kssjDz",
+          title: "大组开始",
+          minWidth: "70",
+        },
+        {
+          field: "gjjsDz",
+          title: "钢加大组结束",
+
+          minWidth: "120",
+        },
+        {
+          field: "jssjXz",
+          title: "小组结束",
+          minWidth: "70",
+        },
+        {
+          field: "xzzq",
+          title: "小组周期",
+          minWidth: "70",
+        },
+        {
+          field: "kssjXz",
+          title: "小组开始",
+          minWidth: "70",
+        },
+        {
+          field: "xbzl",
+          title: "线表重量",
+          minWidth: "70",
+        },
+        {
+          field: "gjjsDzPl",
+          title: "批量表（钢加大组结束）",
+          minWidth: "120",
+        },
+        {
+          field: "LP",
+          title: "时间差（L-P）",
+          minWidth: "120",
+        },
+        {
+          field: "gjjsXz",
+          title: "钢加小组结束",
+          minWidth: "120",
+        },
+        {
+          field: "gjjsXzPl",
+          title: "批量表（钢加小组结束）",
+          minWidth: "120",
+        },
+        {
+          field: "RS",
+          title: "时间差（R-S）",
+          minWidth: "120",
+        },
+        {
+          field: "gjks",
+          title: "钢加开始",
+          minWidth: "70",
+        },
+        {
+          field: "gjksPl",
+          title: "批量表（钢加开始）",
+          minWidth: "120",
+        },
+        {
+          field: "UV",
+          title: "时间差（U-V）",
+          minWidth: "90",
+        },
+        {
+          field: "xfqTlt",
+          title: "套料图下发",
+          minWidth: "90",
+        },
+        {
+          field: "jsqTlt",
+          title: "套料图接收",
+          minWidth: "90",
+        },
+        {
+          field: "xfqLqb",
+          title: "板材领取表下发",
+          minWidth: "120",
+        },
+        {
+          field: "jsqLqb",
+          title: "板材领取表接收",
+          minWidth: "90",
+        },
+        {
+          field: "xfqPtb",
+          title: "零件配套表下发",
+          minWidth: "120",
+        },
+        {
+          field: "jsqPtb",
+          title: "零件配套表接收",
+          minWidth: "90",
+        },
+        {
+          field: "dhqd",
+          title: "订货清单号",
+          minWidth: "90",
+        },
+        {
+          field: "xfqDhqd",
+          title: "订货清单下发",
+          minWidth: "90",
+        },
+        {
+          field: "sjdhq",
+          title: "实际订货日期",
+          minWidth: "90",
+        },
+        {
+          field: "bcdq",
+          title: "板材计划到齐",
+          minWidth: "90",
+        },
+        {
+          field: "Zt",
+          title: "状态",
+          slots: { default: "Zt_default" },
+          minWidth: "50",
+          fixed: "right",
+        },
+      ],
+      statusOptions: [
+        {
+          value: "0",
+          label: "编辑",
+        },
+        {
+          value: "1",
+          label: "提交",
+        },
+        {
+          value: "2",
+          label: "审核",
+        },
+      ],
+      fileList: [],
+      ShipNoList: [],
+      checkedList: [],
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口(船号)
+    initList() {
+      let params = {
+        Zt: this.request.Zt,
+        dcCh: "",
+      };
+      if (this.ShipNoList.length > 0 && this.request.dcCh) {
+        params.dcCh = this.ShipNoList[this.request.dcCh - 1].label;
+      } else {
+        params.dcCh = "";
+      }
+      getList(params).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        this.ShipNoList = [];
+        var arrList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item, index) => {
+            arrList.push(item.dcCh);
+            this.ShipNoList = [];
+            Array.from(new Set(arrList)).forEach((em, eindex) => {
+              this.ShipNoList.push({
+                label: em,
+                value: eindex + 1,
+              });
+            });
+          });
+        }
+      });
+    },
+    // 上传excel
+    actionUpload(file) {
+      const formData = new FormData();
+      formData.append("file", file.file);
+      upload(formData).then((res) => {
+        if (res.success) {
+          this.list = res.data;
+          this.$message.success("导入成功！");
+        }
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      switch (code) {
+        case "submit":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认提交选择的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                tj(this.checkedList).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message.success("提交成功！");
+                  }
+                });
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        case "save":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认保存选择的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                save(this.checkedList).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message.success("保存成功！");
+                  }
+                });
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        default:
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+.upload-demo {
+  display: inline-flex;
+  margin-right: 10px;
+}
+::v-deep .el-upload-list {
+  display: none !important;
+}
+</style>

src/views/sjzx/gcrlWH.vue

@@ -0,0 +1,221 @@
+<template>
+  <!-- 工厂日历维护 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-input v-model="request.nf" placeholder="年份" clearable />
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="success" @click="toolbarButtonClickEvent('insert')"
+            >添加</el-button
+          >
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24" style="text-align: right">
+          <el-button type="primary" @click="toolbarButtonClickEvent('save')"
+            >保存</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              :edit-rules="validRules"
+              :edit-config="{
+                trigger: 'click',
+                mode: 'row',
+                showStatus: true,
+              }"
+              highlight-hover-row
+            >
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList, generate, update } from "@/api/sjzx/gcrlWH";
+import { mapGetters } from "vuex";
+export default {
+  name: "gcrlWH",
+  data() {
+    return {
+      request: {
+        nf: "",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "seq", width: 60, title: "序号" },
+        {
+          field: "nf",
+          title: "年份",
+          editRender: { name: "input" },
+        },
+        { field: "gl", title: "公历", editRender: { name: "input" } },
+        {
+          field: "xxr",
+          title: "类型",
+          editRender: {
+            name: "$select",
+            options: [],
+            props: { clearable: true },
+          },
+        },
+        { field: "bz", title: "备注", editRender: { name: "input" } },
+      ],
+      validRules: {
+        sbbh: [{ required: true, message: "设备编号不可为空" }],
+      },
+      typeOption: [
+        {
+          value: "0",
+          label: "休息日",
+        },
+        {
+          value: "1",
+          label: "工作日",
+        },
+      ],
+    };
+  },
+  computed: {
+    ...mapGetters(["name", "bmbm"]),
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.typeList();
+    this.initList();
+  },
+  methods: {
+    typeList() {
+      this.$nextTick(() => {
+        const tableRef = this.$refs.tableRef;
+        const typeText = tableRef.getColumnByField("xxr");
+        typeText.editRender.options = this.typeOption;
+      });
+    },
+    // 获取列表接口
+    initList() {
+      getList(this.request).then((res) => {
+        this.list = res.data;
+      });
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      const { updateRecords } = this.$refs.tableRef.getRecordset();
+      switch (code) {
+        case "insert":
+          generate().then((res) => {
+            if (res.success) {
+              const xTable = this.$refs.tableRef;
+              xTable.loadData(this.initList());
+              this.$message({ message: "保存成功！", type: "success" });
+            }
+          });
+          break;
+        case "save":
+          const valid = this.$refs.tableRef;
+          if (valid) {
+            const errMap = await valid.validate(true);
+            if (errMap) {
+              return false;
+            } else {
+              //  修改
+              if (updateRecords.length !== 0) {
+                this.$confirm("是否确认保存选中的数据?", "提示", {
+                  confirmButtonText: "确定",
+                  cancelButtonText: "取消",
+                  type: "warning",
+                })
+                  .then(() => {
+                    update(updateRecords).then((res) => {
+                      if (res.success) {
+                        const xTable = this.$refs.tableRef;
+                        xTable.loadData(this.initList());
+                        this.$message({
+                          message: "保存成功！",
+                          type: "success",
+                        });
+                      }
+                    });
+                  })
+                  .catch(() => {});
+              }
+            }
+          }
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+</style>

src/views/sjzx/sbcnWH.vue

@@ -0,0 +1,288 @@
+<template>
+  <!-- 设备产能维护 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-input v-model="request.sbmc" placeholder="设备名称" clearable />
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="success" @click="toolbarButtonClickEvent('insert')"
+            >添加</el-button
+          >
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24" style="text-align: right">
+          <el-button type="danger" @click="toolbarButtonClickEvent('delete')"
+            >删除</el-button
+          >
+          <el-button type="primary" @click="toolbarButtonClickEvent('save')"
+            >保存</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              :edit-rules="validRules"
+              :edit-config="{
+                trigger: 'click',
+                mode: 'row',
+                showStatus: true,
+              }"
+              highlight-hover-row
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+            >
+              <template #sbbh_edit="{ row }">
+                <vxe-input
+                  v-model="row.sbbh"
+                  :disabled="row.sbbhDisabled"
+                ></vxe-input>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList, save, update, delete1 } from "@/api/sjzx/sbcnWH";
+export default {
+  name: "sbcnWH",
+  data() {
+    return {
+      request: {
+        sbmc: "",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50 },
+        { type: "seq", width: 60, title: "序号" },
+        {
+          field: "sbbh",
+          title: "设备编号",
+          editRender: { name: "input" },
+          slots: { edit: "sbbh_edit" },
+        },
+        { field: "sbmc", title: "设备名称", editRender: { name: "input" } },
+        { field: "sbcn", title: "产能", editRender: { name: "input" } },
+        { field: "dw", title: "产能单位", editRender: { name: "input" } },
+        {
+          field: "dwsj",
+          title: "产能单位时间(天 或小时)",
+          editRender: { name: "input" },
+        },
+      ],
+      validRules: {
+        sbbh: [{ required: true, message: "设备编号不可为空" }],
+      },
+      checkedList: [],
+      sbbhDisabled: true,
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口
+    initList() {
+      getList(this.request).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item) => {
+            item.sbbhDisabled = this.sbbhDisabled;
+          });
+        }
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      const { insertRecords, removeRecords, updateRecords } =
+        this.$refs.tableRef.getRecordset();
+      switch (code) {
+        case "insert":
+          this.$refs.tableRef.insertAt(
+            {
+              sbbhDisabled: false,
+            },
+            -1
+          );
+          break;
+        case "delete":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认删除选中的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                this.$refs.tableRef.removeCheckboxRow();
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        case "save":
+          const valid = this.$refs.tableRef;
+          if (valid) {
+            const errMap = await valid.validate(true);
+            if (errMap) {
+              return false;
+            } else {
+              // 新增
+              if (insertRecords.length !== 0) {
+                this.$confirm("是否确认保存选中的数据?", "提示", {
+                  confirmButtonText: "确定",
+                  cancelButtonText: "取消",
+                  type: "warning",
+                })
+                  .then(() => {
+                    save(insertRecords).then((res) => {
+                      if (res.success) {
+                        this.list = this.list.concat(insertRecords);
+                        const xTable = this.$refs.tableRef;
+                        xTable.loadData(this.initList());
+                        this.$message({
+                          message: "保存成功！",
+                          type: "success",
+                        });
+                      }
+                    });
+                  })
+                  .catch(() => {});
+              }
+
+              //  修改
+              if (updateRecords.length !== 0) {
+                update(updateRecords).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message({ message: "保存成功！", type: "success" });
+                  }
+                });
+              }
+            }
+          }
+          // 删除
+          if (removeRecords.length !== 0) {
+            delete1(removeRecords).then((res) => {
+              if (res.success) {
+                for (let i = 0; i < this.list.length; i++) {
+                  if (removeRecords.indexOf(this.list[i]) !== -1) {
+                    this.list.splice(i, 1);
+                    i--;
+                  }
+                }
+                const xTable = this.$refs.tableRef;
+                xTable.loadData(this.initList());
+                this.$message({ message: "保存成功！", type: "success" });
+              }
+            });
+          }
+
+          if (removeRecords.length !== 0) {
+            this.$message(
+              `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+            );
+          } else {
+            const valid = this.$refs.tableRef;
+            if (valid) {
+              const errMap = await valid.validate(true);
+              if (errMap) {
+                return false;
+              } else {
+                this.$message(
+                  `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+                );
+              }
+            }
+          }
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+</style>

src/views/sjzx/sbryWH.vue

@@ -0,0 +1,309 @@
+<template>
+  <!-- 设备人员信息维护 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-input v-model="request.sbmc" placeholder="设备名称" clearable />
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="success" @click="toolbarButtonClickEvent('insert')"
+            >添加</el-button
+          >
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24" style="text-align: right">
+          <el-button type="danger" @click="toolbarButtonClickEvent('delete')"
+            >删除</el-button
+          >
+          <el-button type="primary" @click="toolbarButtonClickEvent('save')"
+            >保存</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              :edit-rules="validRules"
+              :edit-config="{
+                trigger: 'click',
+                mode: 'row',
+                showStatus: true,
+              }"
+              highlight-hover-row
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+            >
+              <template #sbbh_edit="{ row }">
+                <vxe-input
+                  v-model="row.sbbh"
+                  :disabled="row.sbbhDisabled"
+                ></vxe-input>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getRYList, getList, save, update, delete1 } from "@/api/sjzx/sbryWH";
+export default {
+  name: "sbryWH",
+  data() {
+    return {
+      request: {
+        sbmc: "",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50 },
+        { type: "seq", width: 60, title: "序号" },
+        {
+          field: "sbbh",
+          title: "设备编号",
+          editRender: { name: "input" },
+          slots: { edit: "sbbh_edit" },
+        },
+        { field: "sbmc", title: "设备名称", editRender: { name: "input" } },
+        {
+          field: "rymc",
+          title: "人员名称",
+          editRender: {
+            name: "$select",
+            options: [],
+            props: { clearable: true },
+          },
+        },
+        { field: "jlr", title: "负责人", editRender: { name: "input" } },
+      ],
+      validRules: {
+        sbbh: [{ required: true, message: "设备编号不可为空" }],
+      },
+      checkedList: [],
+      sbbhDisabled: true,
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.getRYList();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口
+    initList() {
+      getList(this.request).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item) => {
+            item.sbbhDisabled = this.sbbhDisabled;
+          });
+        }
+      });
+    },
+    //   获取人员信息接口
+    getRYList() {
+      getRYList().then((res) => {
+        this.personnelInfoList = res.data;
+        const tableRef = this.$refs.tableRef;
+        const personnelInfoText = tableRef.getColumnByField("rymc");
+        const testList = [];
+        for (let i = 0; i < this.personnelInfoList.length; i++) {
+          const temp = {
+            label: this.personnelInfoList[i].rymc,
+            value: this.personnelInfoList[i].jgflm,
+          };
+          testList.push(temp);
+        }
+        personnelInfoText.editRender.options = testList;
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      const { insertRecords, removeRecords, updateRecords } =
+        this.$refs.tableRef.getRecordset();
+      switch (code) {
+        case "insert":
+          this.$refs.tableRef.insertAt(
+            {
+              sbbhDisabled: false,
+            },
+            -1
+          );
+          break;
+        case "delete":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认删除选中的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                this.$refs.tableRef.removeCheckboxRow();
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        case "save":
+          const valid = this.$refs.tableRef;
+          if (valid) {
+            const errMap = await valid.validate(true);
+            if (errMap) {
+              return false;
+            } else {
+              // 新增
+              if (insertRecords.length !== 0) {
+                this.$confirm("是否确认保存选中的数据?", "提示", {
+                  confirmButtonText: "确定",
+                  cancelButtonText: "取消",
+                  type: "warning",
+                })
+                  .then(() => {
+                    save(insertRecords).then((res) => {
+                      if (res.success) {
+                        this.list = this.list.concat(insertRecords);
+                        const xTable = this.$refs.tableRef;
+                        xTable.loadData(this.initList());
+                        this.$message({
+                          message: "保存成功！",
+                          type: "success",
+                        });
+                      }
+                    });
+                  })
+                  .catch(() => {});
+              }
+
+              //  修改
+              if (updateRecords.length !== 0) {
+                update(updateRecords).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message({ message: "保存成功！", type: "success" });
+                  }
+                });
+              }
+            }
+          }
+          // 删除
+          if (removeRecords.length !== 0) {
+            delete1(removeRecords).then((res) => {
+              if (res.success) {
+                for (let i = 0; i < this.list.length; i++) {
+                  if (removeRecords.indexOf(this.list[i]) !== -1) {
+                    this.list.splice(i, 1);
+                    i--;
+                  }
+                }
+                const xTable = this.$refs.tableRef;
+                xTable.loadData(this.initList());
+                this.$message({ message: "保存成功！", type: "success" });
+              }
+            });
+          }
+
+          if (removeRecords.length !== 0) {
+            this.$message(
+              `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+            );
+          } else {
+            const valid = this.$refs.tableRef;
+            if (valid) {
+              const errMap = await valid.validate(true);
+              if (errMap) {
+                return false;
+              } else {
+                this.$message(
+                  `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+                );
+              }
+            }
+          }
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+</style>

src/views/sjzx/sbwxjhWH.vue

@@ -0,0 +1,421 @@
+<template>
+  <!-- 设备维修计划维护 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-input v-model="request.sbbh" placeholder="设备编号" clearable />
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="success" @click="toolbarButtonClickEvent('insert')"
+            >添加</el-button
+          >
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-date-picker
+              v-model="request.beginTime"
+              value-format="yyyy/MM/dd"
+              type="date"
+              placeholder="计划开始时间"
+            />
+          </el-col>
+          <el-col :span="4">
+            <el-date-picker
+              v-model="request.endTime"
+              type="date"
+              value-format="yyyy/MM/dd"
+              placeholder="计划结束时间"
+            />
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="danger" @click="toolbarButtonClickEvent('delete')"
+            >删除</el-button
+          >
+          <el-button type="primary" @click="toolbarButtonClickEvent('save')"
+            >保存</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              :edit-rules="validRules"
+              :edit-config="{
+                trigger: 'click',
+                mode: 'row',
+                showStatus: true,
+              }"
+              highlight-hover-row
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+            >
+              <template #sbbh_edit="{ row }">
+                <vxe-input
+                  v-model="row.sbbh"
+                  :disabled="row.sbbhDisabled"
+                  placeholder=""
+                ></vxe-input>
+              </template>
+              <template #fzr_edit="{ row }">
+                <vxe-input
+                  v-model="row.fzr"
+                  :disabled="fzrDisabled"
+                  placeholder=""
+                ></vxe-input>
+              </template>
+              <template #kssjJh_edit="{ row }">
+                <vxe-input
+                  v-model="row.kssjJh"
+                  type="datetime"
+                  placeholder=""
+                  transfer
+                ></vxe-input>
+              </template>
+              <template #jssjJh_edit="{ row }">
+                <vxe-input
+                  v-model="row.jssjJh"
+                  type="datetime"
+                  placeholder=""
+                  transfer
+                ></vxe-input>
+              </template>
+              <template #kssjSj_edit="{ row }">
+                <vxe-input
+                  v-model="row.kssjSj"
+                  type="datetime"
+                  placeholder=""
+                  transfer
+                ></vxe-input>
+              </template>
+              <template #jssjSj_edit="{ row }">
+                <vxe-input
+                  v-model="row.jssjSj"
+                  type="datetime"
+                  placeholder=""
+                  transfer
+                ></vxe-input>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import { getList, save, update, delete1 } from "@/api/sjzx/sbwxjhWH";
+export default {
+  name: "sbwxjhWH",
+  data() {
+    return {
+      request: {
+        sbbh: "",
+        beginTime: "",
+        endTime: "",
+      },
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50, fixed: "left" },
+        { type: "seq", width: 60, title: "序号", fixed: "left" },
+        {
+          field: "sbbh",
+          title: "设备编号",
+          editRender: { name: "input" },
+          slots: { edit: "sbbh_edit" },
+          fixed: "left",
+        },
+        {
+          field: "sbmc",
+          title: "设备名称",
+          editRender: { name: "input" },
+        },
+
+        {
+          field: "sbxh",
+          title: "设备型号",
+          editRender: { name: "input" },
+        },
+
+        {
+          field: "sbgg",
+          title: "设备规格",
+          editRender: { name: "input" },
+        },
+        {
+          field: "szcs",
+          title: "所属部门",
+          editRender: { name: "input" },
+        },
+        {
+          field: "wxnr",
+          title: "维修内容",
+          editRender: { name: "input" },
+        },
+        {
+          field: "kssjJh",
+          title: "计划开始时间",
+          editRender: { name: "input" },
+          slots: { edit: "kssjJh_edit" },
+        },
+        {
+          field: "jssjJh",
+          title: "计划结束时间",
+          editRender: { name: "input" },
+          slots: { edit: "jssjJh_edit" },
+        },
+        {
+          field: "kssjSj",
+          title: "实际开始时间",
+          editRender: { name: "input" },
+          slots: { edit: "kssjSj_edit" },
+        },
+        {
+          field: "jssjSj",
+          title: "实际结束时间",
+          editRender: { name: "input" },
+          slots: { edit: "jssjSj_edit" },
+        },
+        {
+          field: "zt",
+          title: "状态",
+          editRender: {
+            name: "$select",
+            options: [],
+            props: { clearable: true },
+          },
+        },
+
+        {
+          field: "fzr",
+          title: "负责人",
+          editRender: { name: "input" },
+          slots: { edit: "fzr_edit" },
+        },
+        {
+          field: "bz",
+          title: "备注",
+          editRender: { name: "input" },
+        },
+      ],
+      validRules: {
+        sbbh: [{ required: true, message: "设备编号不可为空" }],
+      },
+      checkedList: [],
+      sbbhDisabled: true,
+      fzrDisabled: true,
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口
+    initList() {
+      getList(this.request).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        if (this.list.length > 0) {
+          this.list.forEach((item) => {
+            item.sbbhDisabled = this.sbbhDisabled;
+            item.fzrDisabled = this.fzrDisabled;
+          });
+        }
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      const { insertRecords, removeRecords, updateRecords } =
+        this.$refs.tableRef.getRecordset();
+      switch (code) {
+        case "insert":
+          this.$refs.tableRef.insertAt(
+            {
+              sbbhDisabled: false,
+              fzrDisabled: false,
+            },
+            -1
+          );
+          break;
+        case "delete":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认删除选中的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                this.$refs.tableRef.removeCheckboxRow();
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        case "save":
+          const valid = this.$refs.tableRef;
+          if (valid) {
+            const errMap = await valid.validate(true);
+            if (errMap) {
+              return false;
+            } else {
+              // 新增
+              if (insertRecords.length !== 0) {
+                this.$confirm("是否确认保存选中的数据?", "提示", {
+                  confirmButtonText: "确定",
+                  cancelButtonText: "取消",
+                  type: "warning",
+                })
+                  .then(() => {
+                    save(insertRecords).then((res) => {
+                      if (res.success) {
+                        this.list = this.list.concat(insertRecords);
+                        const xTable = this.$refs.tableRef;
+                        xTable.loadData(this.initList());
+                        this.$message({
+                          message: "保存成功！",
+                          type: "success",
+                        });
+                      }
+                    });
+                  })
+                  .catch(() => {});
+              }
+
+              //  修改
+              if (updateRecords.length !== 0) {
+                update(updateRecords).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message({ message: "保存成功！", type: "success" });
+                  }
+                });
+              }
+            }
+          }
+          // 删除
+          if (removeRecords.length !== 0) {
+            delete1(removeRecords).then((res) => {
+              if (res.success) {
+                for (let i = 0; i < this.list.length; i++) {
+                  if (removeRecords.indexOf(this.list[i]) !== -1) {
+                    this.list.splice(i, 1);
+                    i--;
+                  }
+                }
+                const xTable = this.$refs.tableRef;
+                xTable.loadData(this.initList());
+                this.$message({ message: "保存成功！", type: "success" });
+              }
+            });
+          }
+
+          if (removeRecords.length !== 0) {
+            this.$message(
+              `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+            );
+          } else {
+            const valid = this.$refs.tableRef;
+            if (valid) {
+              const errMap = await valid.validate(true);
+              if (errMap) {
+                return false;
+              } else {
+                this.$message(
+                  `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+                );
+              }
+            }
+          }
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+  width: 100%;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .el-date-editor.el-input,
+.el-date-editor.el-input__inner {
+  width: 100% !important;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+</style>

src/views/sjzx/sbxxWH.vue

@@ -0,0 +1,625 @@
+<template>
+  <!-- 设备信息维护 -->
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-input v-model="request.sbbh" placeholder="设备编号" clearable />
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="success" @click="toolbarButtonClickEvent('insert')"
+            >添加</el-button
+          >
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="18">
+          <el-col :span="4">
+            <el-input v-model="request.szcs" placeholder="所属部门" clearable />
+          </el-col>
+          <el-col :span="4">
+            <el-select v-model="request.gysbm" placeholder="供应商" clearable>
+              <el-option
+                v-for="item in supplierList"
+                :key="item.ghsbm"
+                :value="item.ghsbm"
+                :label="item.ghsqc"
+              />
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="6" style="text-align: right">
+          <el-button type="danger" @click="toolbarButtonClickEvent('delete')"
+            >删除</el-button
+          >
+          <el-button type="primary" @click="toolbarButtonClickEvent('save')"
+            >保存</el-button
+          >
+        </el-col>
+      </el-row>
+    </el-header>
+    <el-container style="padding-top: 10px">
+      <el-container>
+        <el-main>
+          <div class="mytable">
+            <vxe-grid
+              id="id"
+              ref="tableRef"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              :edit-rules="validRules"
+              :edit-config="{
+                trigger: 'click',
+                mode: 'row',
+                showStatus: true,
+              }"
+              highlight-hover-row
+              @checkbox-all="selectAllEvent"
+              @checkbox-change="selectChangeEvent"
+            >
+              <template #sbbh_edit="{ row }">
+                <vxe-input
+                  v-model="row.sbbh"
+                  :disabled="row.sbbhDisabled"
+                ></vxe-input>
+              </template>
+              <template #zdry_edit="{ row }">
+                <vxe-input
+                  v-model="row.zdry"
+                  type="date"
+                  placeholder=""
+                  transfer
+                ></vxe-input>
+              </template>
+              <template #zdsj_edit="{ row }">
+                <vxe-input
+                  v-model="row.zdsj"
+                  placeholder=""
+                  :disabled="zdDisabled"
+                ></vxe-input>
+              </template>
+              <template #ccrq_edit="{ row }">
+                <vxe-input
+                  v-model="row.ccrq"
+                  type="date"
+                  placeholder=""
+                  transfer
+                ></vxe-input>
+              </template>
+              <template #grrq_edit="{ row }">
+                <vxe-input
+                  v-model="row.grrq"
+                  type="date"
+                  placeholder=""
+                  transfer
+                ></vxe-input>
+              </template>
+            </vxe-grid>
+          </div>
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+import {
+  getGYS,
+  getSBLX,
+  getZhbmAll,
+  getList,
+  save,
+  update,
+  delete1,
+} from "@/api/sjzx/sbxxWH";
+export default {
+  name: "sbxxWH",
+  data() {
+    return {
+      request: {
+        sbbh: "",
+        szcs: "",
+        gysbm: "",
+      },
+      supplierList: [], //供应商
+      list: [],
+      height: "500px",
+      tableColumn: [
+        { type: "checkbox", width: 50, fixed: "left" },
+        { type: "seq", width: 60, title: "序号", fixed: "left" },
+        {
+          field: "sbbh",
+          title: "设备编号",
+          editRender: { name: "input" },
+          slots: { edit: "sbbh_edit" },
+          minWidth: "100",
+          fixed: "left",
+        },
+        {
+          field: "sbmc",
+          title: "设备名称",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "sbxh",
+          title: "设备型号",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "sbgg",
+          title: "设备规格",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "jldw",
+          title: "计量单位",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "szcs",
+          title: "所属部门",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "sbzt",
+          title: "设备状态",
+          editRender: {
+            name: "$select",
+            options: [],
+            props: { clearable: true },
+          },
+          minWidth: "90",
+        },
+        {
+          field: "sbfl",
+          title: "设备大类",
+          editRender: {
+            name: "$select",
+            options: [],
+            props: { clearable: true },
+          },
+          minWidth: "90",
+        },
+        {
+          field: "sbzl",
+          title: "设备中类",
+          editRender: {
+            name: "$select",
+            options: [],
+            props: { clearable: true },
+          },
+          minWidth: "90",
+        },
+        {
+          field: "sbxl",
+          title: "设备小类",
+          editRender: {
+            name: "$select",
+            options: [],
+            props: { clearable: true },
+          },
+          minWidth: "90",
+        },
+        {
+          field: "grrq",
+          title: "购入日期",
+          editRender: { name: "input" },
+          slots: { edit: "grrq_edit" },
+          minWidth: "90",
+        },
+        {
+          field: "sbjg",
+          title: "设备原值",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "sbcz",
+          title: "设备残值",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "gysbm",
+          title: "供应商",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "cd",
+          title: "产地",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+
+        {
+          field: "zzdw",
+          title: "制造单位",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+
+        {
+          field: "ccbh",
+          title: "出厂编号",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+
+        {
+          field: "ccrq",
+          title: "出厂日期",
+          editRender: { name: "input" },
+          slots: { edit: "ccrq_edit" },
+          minWidth: "90",
+        },
+        {
+          field: "lgrq",
+          title: "列固日期",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+
+        {
+          field: "tzsb",
+          title: "特种设备",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "edsynx",
+          title: "额定使用年限",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "edsysj",
+          title: "额定使用时间",
+          editRender: { name: "input" },
+          minWidth: "120",
+        },
+        {
+          field: "edsysjdw",
+          title: "额定使用时间单位",
+          editRender: { name: "input" },
+          minWidth: "120",
+        },
+
+        {
+          field: "gldw",
+          title: "额定功率单位",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "wxcc",
+          title: "外形尺寸",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "azwz",
+          title: "安装位置",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "jyxx",
+          title: "检验信息",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+
+        {
+          field: "zdry",
+          title: "制单人",
+          editRender: { name: "input" },
+          slots: { edit: "zdry_edit" },
+          minWidth: "90",
+        },
+        {
+          field: "zdsj",
+          title: "制单日期",
+          editRender: { name: "input" },
+          slots: { edit: "zdsj_edit" },
+          minWidth: "90",
+        },
+        {
+          field: "sbkgnl",
+          title: "设备能力",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "gdzcbh",
+          title: "固定资产编号",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "zjnx",
+          title: "折旧年限",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "bz",
+          title: "备注",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+        {
+          field: "czry",
+          title: "操作者",
+          editRender: { name: "input" },
+          minWidth: "90",
+        },
+      ],
+      validRules: {
+        sbbh: [{ required: true, message: "设备编号不可为空" }],
+      },
+      checkedList: [],
+      sbbhDisabled: true,
+      zdDisabled: true,
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.getHeight();
+    this.getGYS();
+    this.getSBLX();
+    this.getZhbmAll();
+    this.initList();
+  },
+  methods: {
+    // 获取列表接口
+    initList() {
+      getList(this.request).then((res) => {
+        this.list = res.data;
+        this.checkedList = [];
+        if (this.list > 0) {
+          this.list.forEach((item) => {
+            item.sbbhDisabled = this.sbbhDisabled;
+            item.zdDisabled = this.zdDisabled;
+          });
+        }
+      });
+    },
+    //   获取供应商接口
+    getGYS() {
+      getGYS().then((res) => {
+        this.supplierList = res.data;
+        const tableRef = this.$refs.tableRef;
+        const gysbmText = tableRef.getColumnByField("gysbm");
+        const testList = [];
+        for (let i = 0; i < this.supplierList.length; i++) {
+          const temp = {
+            label: this.supplierList[i].ghsqc,
+            value: this.supplierList[i].ghsbm,
+          };
+          testList.push(temp);
+        }
+        gysbmText.editRender.options = testList;
+      });
+    },
+    // 获取设备分类接口
+    getSBLX() {
+      getSBLX().then((res) => {
+        this.typeList = res.data;
+        const tableRef = this.$refs.tableRef;
+        const sbzlText = tableRef.getColumnByField("sbzl");
+        const sbflText = tableRef.getColumnByField("sbfl");
+        const sbxlText = tableRef.getColumnByField("sbxl");
+        const testList = [];
+        for (let i = 0; i < this.typeList.length; i++) {
+          const temp = {
+            label: this.typeList[i].bmsm,
+            value: this.typeList[i].bm,
+          };
+          testList.push(temp);
+        }
+        sbzlText.editRender.options = testList;
+        sbflText.editRender.options = testList;
+        sbxlText.editRender.options = testList;
+      });
+    },
+    // 获取设备状态
+    getZhbmAll() {
+      getZhbmAll().then((res) => {
+        const dict = window.localStorage.getItem("GZLX");
+        const list = JSON.parse(dict);
+        const tableRef = this.$refs.tableRef;
+        const sbztText = tableRef.getColumnByField("sbzt");
+        const testList = [];
+        for (let i = 0; i < list.length; i++) {
+          const temp = {
+            label: list[i].bmsm,
+            value: list[i].bm,
+          };
+          testList.push(temp);
+        }
+        sbztText.editRender.options = testList;
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 操作
+    async toolbarButtonClickEvent(code) {
+      const { insertRecords, removeRecords, updateRecords } =
+        this.$refs.tableRef.getRecordset();
+      switch (code) {
+        case "insert":
+          this.$refs.tableRef.insertAt(
+            {
+              sbbhDisabled: false,
+              zdDisabled: false,
+            },
+            -1
+          );
+          break;
+        case "delete":
+          if (this.checkedList.length > 0) {
+            this.$confirm("是否确认删除选中的数据?", "提示", {
+              confirmButtonText: "确定",
+              cancelButtonText: "取消",
+              type: "warning",
+            })
+              .then(() => {
+                this.$refs.tableRef.removeCheckboxRow();
+              })
+              .catch(() => {});
+          } else {
+            this.$message.warning("请选择数据！");
+          }
+          break;
+        case "save":
+          const valid = this.$refs.tableRef;
+          if (valid) {
+            const errMap = await valid.validate(true);
+            if (errMap) {
+              return false;
+            } else {
+              // 新增
+              if (insertRecords.length !== 0) {
+                this.$confirm("是否确认保存选中的数据?", "提示", {
+                  confirmButtonText: "确定",
+                  cancelButtonText: "取消",
+                  type: "warning",
+                })
+                  .then(() => {
+                    save(insertRecords).then((res) => {
+                      if (res.success) {
+                        this.list = this.list.concat(insertRecords);
+                        const xTable = this.$refs.tableRef;
+                        xTable.loadData(this.initList());
+                        this.$message({
+                          message: "保存成功！",
+                          type: "success",
+                        });
+                      }
+                    });
+                  })
+                  .catch(() => {});
+              }
+
+              //  修改
+              if (updateRecords.length !== 0) {
+                update(updateRecords).then((res) => {
+                  if (res.success) {
+                    const xTable = this.$refs.tableRef;
+                    xTable.loadData(this.initList());
+                    this.$message({ message: "保存成功！", type: "success" });
+                  }
+                });
+              }
+            }
+          }
+          // 删除
+          if (removeRecords.length !== 0) {
+            delete1(removeRecords).then((res) => {
+              if (res.success) {
+                for (let i = 0; i < this.list.length; i++) {
+                  if (removeRecords.indexOf(this.list[i]) !== -1) {
+                    this.list.splice(i, 1);
+                    i--;
+                  }
+                }
+                const xTable = this.$refs.tableRef;
+                xTable.loadData(this.initList());
+                this.$message({ message: "保存成功！", type: "success" });
+              }
+            });
+          }
+
+          if (removeRecords.length !== 0) {
+            this.$message(
+              `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+            );
+          } else {
+            const valid = this.$refs.tableRef;
+            if (valid) {
+              const errMap = await valid.validate(true);
+              if (errMap) {
+                return false;
+              } else {
+                this.$message(
+                  `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+                );
+              }
+            }
+          }
+          break;
+      }
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-container {
+  padding: 0;
+  margin: 0;
+}
+.el-main {
+  padding: 0;
+}
+.el-col {
+  padding: 0;
+}
+.el-aside {
+  background: #fff;
+  padding: 0;
+}
+.el-container {
+  padding: 0;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+.el-row:last-child {
+  margin-bottom: 0;
+}
+.tableStyles {
+  background: #0a76a4;
+}
+.my-dropdown {
+  width: 450px;
+  height: 250px;
+  background-color: #fff;
+  border: 1px solid #dcdfe6;
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  font-size: 12px;
+}
+::v-deep .mytable .vxe-input {
+  display: flex !important;
+}
+</style>