Merge remote-tracking branch 'origin/master'

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/xbjhWH.js

@@ -0,0 +1,39 @@
+import request from "@/utils/request";
+
+// 线表计划维护
+
+// 获取列表
+export function getList(data) {
+  return request({
+    url: "/dmXbjh/getList",
+    method: "post",
+    data,
+  });
+}
+
+// 批量保存
+export function save(data) {
+  return request({
+    url: "/dmXbjh/save",
+    method: "post",
+    data,
+  });
+}
+
+// 批量提交
+export function tj(data) {
+  return request({
+    url: "/dmXbjh/tj",
+    method: "post",
+    data,
+  });
+}
+
+// 导入
+export function upload(data) {
+  return request({
+    url: "/dmXbjh/upload",
+    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/layout/components/Sidebar/index.vue

@@ -1,21 +1,21 @@
 <template>
   <div :class="{'has-logo':showLogo}">
 <!--    <logo v-if="showLogo" :collapse="isCollapse" />-->
-<!--    <el-scrollbar wrap-class="scrollbar-wrapper">
+<el-scrollbar wrap-class="scrollbar-wrapper">
+  <el-menu
+    :default-active="activeMenu"
+    :collapse="isCollapse"
+    :background-color="variables.menuBg"
+    :text-color="variables.menuText"
+    :unique-opened="false"
+    :active-text-color="variables.menuActiveText"
+    :collapse-transition="false"
+    mode="vertical"
+  >
+    <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
+  </el-menu>
+    </el-scrollbar>
 
-    </el-scrollbar>-->
-    <el-menu
-      :default-active="activeMenu"
-      :collapse="isCollapse"
-      :background-color="variables.menuBg"
-      :text-color="variables.menuText"
-      :unique-opened="false"
-      :active-text-color="variables.menuActiveText"
-      :collapse-transition="false"
-      mode="vertical"
-    >
-      <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
-    </el-menu>
   </div>
 </template>
 

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,394 @@
+<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("导入成功！");
+          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 "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,313 @@
+<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;
+          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 "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/sydgWH.vue

@@ -0,0 +1,331 @@
+<template>
+  <el-container>
+    <el-header style="width: 100%">
+      <el-row>
+        <el-col :span="20">
+          <el-col :span="3">
+            <el-input
+              v-model="request.matGrd"
+              placeholder="材质"
+              clearable
+            />
+          </el-col>
+        </el-col>
+        <el-col :span="4" style="text-align: right">
+          <el-button type="primary" @click="initList()">查询</el-button>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="20">
+          <el-col :span="3">
+            <el-select
+              v-model="request.matType"
+              placeholder="材质类型"
+              clearable
+            >
+              <el-option v-for="item in czlxList" :key="item.itemCode" :value="item.itemCode" :label="item.itemValue" />
+            </el-select>
+          </el-col>
+        </el-col>
+        <el-col :span="4" style="text-align: right">
+
+
+
+          <el-button
+            type="success"
+            @click="toolbarButtonClickEvent('insert')"
+          >添加</el-button>
+          <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="xGrid"
+              border
+              resizable
+              keep-source
+              :height="height"
+              :auto-resize="true"
+              :columns="tableColumn"
+              :data="list"
+              :custom-config="{ storage: true }"
+              :edit-config="{ trigger: 'click', mode: 'row', showStatus: true }"
+              highlight-hover-row
+            />
+          </div>
+
+          <!--        :toolbar-config="tableToolbar"  @toolbar-button-click="toolbarButtonClickEvent"-->
+          <!--        <tb-filter ref="tbFilter" :list="" :filter="columnFilter" @execFilter="execFilter"></tb-filter>-->
+        </el-main>
+      </el-container>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+
+
+
+import { mapGetters } from 'vuex'
+import {null2str} from "@/utils/rpkj";
+
+export default {
+  // components: { TbFilter },
+  name:'SydgWH',
+  data() {
+    return {
+      request: {
+        matGrd: '',
+        matType: '',
+        departCode:''
+      },
+      list: [],
+      deptList: [],
+      czlx: {
+        dictCode: 'CZLX'
+      },
+      czjb: {
+        dictCode: 'CZJB'
+      },
+      czlxList: [],
+      czjbList: [],
+      columnFilter: {},
+      height: '500px',
+      tableColumn: [
+        { type: 'checkbox', width: 50 },
+        { type: 'seq', width: 60, title: '序号' },
+        {
+          field: 'zt', title: '状态',width:"100px", formatter: ['dictFormat','JLDW'],
+        },
+        { field: 'lx', title: '类型',
+          editRender: { name: '$select', options: [], props: { clearable: true },events: { change: this.selectChange }
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        /**
+        {
+          field: 'matGrd',
+          title: '材质',
+          editRender: {
+            name: 'input'
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'matType', title: '材质类型',
+          editRender: { name: '$select', options: [], props: { clearable: true },events: { change: this.selectChange }
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'matLevel', title: '级别',
+          editRender: { name: '$select', options: [], props: { clearable: true },events: { change: this.selectChange }
+          },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        {
+          field: 'weightFactor',
+          title: '重量系数',
+          editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'matCode', title: '材料编码', editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+
+        {
+          field: 'matName',
+          title: '材料名称',
+          editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+        { field: 'weldName', title: '焊材名称',
+          editRender: { name: 'input' },
+          filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
+          filterRender: { name: 'FilterCombination', },
+        },
+         **/
+        { field: 'remark', title: '备注', editRender: { name: 'input' }}
+      ]
+    }
+  },
+  computed: {
+    ...mapGetters(['name', 'bmbm'])
+  },
+  created() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+    this.initList()
+    // this.initCzlxList()
+    // this.initCzjbList()
+    // this.request.departCode=this.bmbm
+  },
+  mounted() {
+    this.initCzlxList()
+    },
+  methods: {
+    initList() {
+      // getCzglList(this.request).then((res) => {
+        this.list = [{
+              'zt':'71',
+              'lx':'M',
+          'remark':''
+        }]
+
+      // })
+    },
+    initCzlxList() {
+      const dict=window.localStorage.getItem('GZLX');
+      this.czlxList =JSON.parse(dict)
+      const xGrid = this.$refs.xGrid
+      const departCode = xGrid.getColumnByField('lx')
+        const testList = []
+        for (let i = 0; i < this.czlxList.length; i++) {
+          const temp = { label: this.czlxList[i].bmsm, value:this.czlxList[i].bm }
+          testList.push(temp)
+        }
+        departCode.editRender.options = testList
+
+
+    },
+    selectChange(row) {
+      this.$refs.xGrid.clearActived() // 清除单元格激活状态
+      this.$refs.xGrid.setActiveCell(row.row, row.column.property) // 设置单元格为激活状态
+      // if(row.row.treatmentType==='01'){
+      //   row.row.remark='11111111'
+      //   // 希望改变这一行这个列得属性  disabled=false
+      //   this.$refs.xGrid.getColumnByField('itdepartCode').editRender.props.disabled=false
+      //   //console.log(this.$refs.xGrid.getColumnByField('itdepartCode'))
+      // }
+      null2str(row.row)
+    },
+    getHeight() {
+      this.height = window.innerHeight - 160
+    },
+    toolbarButtonClickEvent(code) {
+      const {
+        insertRecords,
+        removeRecords,
+        updateRecords
+      } = this.$refs.xGrid.getRecordset()
+      switch (code) {
+        case 'insert':
+          this.$refs.xGrid.insertAt({
+            'bzry': this.name
+          }, -1).then(({ row }) => {
+          this.$refs.xGrid.setActiveRow(row)
+        })
+          break
+        case 'delete':
+          this.$confirm('删除, 是否继续?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then((type) => {
+            this.$refs.xGrid.removeCheckboxRow()
+          })
+          break
+        case 'save':
+          if (insertRecords.length !== 0) {
+            addCzgl(insertRecords).then((response) => {
+              if (response.success) {
+                this.list = this.list.concat(insertRecords)
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+                this.$message({ message: '保存成功！', type: 'success' })
+              }
+            })
+          }
+          if (removeRecords.length !== 0) {
+            delCzgl(removeRecords).then((response) => {
+              if (response.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.xGrid
+                xTable.loadData(this.initList())
+                this.$message({ message: '保存成功！', type: 'success' })
+              }
+            })
+          }
+          if (updateRecords.length !== 0) {
+            updateCzgl(updateRecords).then((response) => {
+              if (response.success) {
+                const xTable = this.$refs.xGrid
+                xTable.loadData(this.initList())
+                this.$message({ message: '保存成功！', type: 'success' })
+              }
+            })
+          }
+          this.$message(
+            `新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
+          )
+          break
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped >
+.el-header {
+  margin: 0;
+  padding: 5px;
+  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;
+}
+</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/xbjhWH.vue

@@ -0,0 +1,569 @@
+<template>
+  <div class="container-chart">
+    <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>
+      <el-main>
+        <vxe-table
+          class="mytable-style"
+          border
+          resizable
+          show-footer
+          ref="tableRef"
+          :max-height="height"
+          :header-cell-class-name="headerCellClassName"
+          :cell-class-name="cellClassName"
+          :footer-method="footerMethod"
+          :footer-cell-class-name="footerCellClassName"
+          :data="tableData"
+          @checkbox-all="selectAllEvent"
+          @checkbox-change="selectChangeEvent"
+        >
+          <vxe-column type="checkbox" width="50"></vxe-column>
+          <vxe-column type="seq" width="70" :resizable="false" show-overflow>
+            <template #header>
+              <div class="first-col">
+                <div class="first-col-top">年份</div>
+                <div class="first-col-bottom">产品</div>
+              </div>
+            </template>
+            <template #default="{ row }">
+              {{ row.dcCh }}
+            </template>
+          </vxe-column>
+          <vxe-colgroup field="2013" title="2023年">
+            <vxe-column field="cl202301" title="1月" width="60"></vxe-column>
+            <vxe-column field="cl202302" title="2月" width="60"></vxe-column>
+            <vxe-column field="cl202303" title="3月" width="60"></vxe-column>
+            <vxe-column field="cl202304" title="4月" width="60"></vxe-column>
+            <vxe-column field="cl202305" title="5月" width="60"></vxe-column>
+            <vxe-column field="cl202306" title="6月" width="60"></vxe-column>
+            <vxe-column field="cl202307" title="7月" width="60"></vxe-column>
+            <vxe-column field="cl202308" title="8月" width="60"></vxe-column>
+            <vxe-column field="cl202309" title="9月" width="60"></vxe-column>
+            <vxe-column field="cl202310" title="10月" width="60"></vxe-column>
+            <vxe-column field="cl202311" title="11月" width="60"></vxe-column>
+            <vxe-column field="cl202312" title="12月" width="60"></vxe-column>
+            <vxe-column field="total1" title="合计" width="60"></vxe-column>
+            <!-- 动态获取列 -->
+            <!-- <vxe-column
+              v-for="(item, index) in arrList.slice(0, 13)"
+              :key="index"
+              :field="item"
+              :title="index < 12 ? index + 1 + '月' : '合计'"
+              :width="70"
+            >
+              <template #default="{ row, rowIndex }">
+                <div v-if="item == 'total1'">
+                  {{ tableData[rowIndex].total1 }}
+                </div>
+                <div v-else>{{ row[item] }}</div>
+              </template>
+            </vxe-column> -->
+          </vxe-colgroup>
+          <vxe-colgroup field="2014" title="2024年">
+            <vxe-column field="cl202401" title="1月" width="60"></vxe-column>
+            <vxe-column field="cl202402" title="2月" width="60"></vxe-column>
+            <vxe-column field="cl202403" title="3月" width="60"></vxe-column>
+            <vxe-column field="cl202404" title="4月" width="60"></vxe-column>
+            <vxe-column field="cl202405" title="5月" width="60"></vxe-column>
+            <vxe-column field="cl202406" title="6月" width="60"></vxe-column>
+            <vxe-column field="cl202407" title="7月" width="60"></vxe-column>
+            <vxe-column field="cl202408" title="8月" width="60"></vxe-column>
+            <vxe-column field="cl202409" title="9月" width="60"></vxe-column>
+            <vxe-column field="cl202410" title="10月" width="60"></vxe-column>
+            <vxe-column field="cl202411" title="11月" width="60"></vxe-column>
+            <vxe-column field="cl202412" title="12月" width="60"></vxe-column>
+            <vxe-column field="total2" title="合计" width="60"></vxe-column>
+            <!-- 动态获取列 -->
+            <!-- <vxe-column
+              v-for="(item, index) in arrList.slice(13, 26)"
+              :key="index"
+              :field="item"
+              :title="index < 12 ? index + 1 + '月' : '合计'"
+              :width="70"
+            >
+              <template #default="{ row, rowIndex }">
+                <div v-if="item == 'total2'">
+                  {{ tableData[rowIndex].total2 }}
+                </div>
+                <div v-else>{{ row[item] }}</div>
+              </template>
+            </vxe-column> -->
+          </vxe-colgroup>
+        </vxe-table>
+      </el-main>
+    </el-container>
+  </div>
+</template>
+
+<script>
+import { getList, tj, save, upload } from "@/api/jhzx/xbjhWH";
+export default {
+  name: "xbjhWH",
+  data() {
+    return {
+      request: {
+        dcCh: "",
+        Zt: "",
+      },
+      height: "500px",
+      tableData: [],
+      fileList: [],
+      checkedList: [],
+      statusOptions: [
+        {
+          value: "0",
+          label: "编辑",
+        },
+        {
+          value: "1",
+          label: "提交",
+        },
+        {
+          value: "2",
+          label: "审核",
+        },
+      ],
+      ShipNoList: [],
+      arrList: [], //存放数据key--月份
+      copyList: [],
+    };
+  },
+  created() {
+    window.addEventListener("resize", this.getHeight);
+    this.initList(); //获取数据
+    this.getHeight();
+  },
+  methods: {
+    // 上传excel
+    actionUpload(file) {
+      const formData = new FormData();
+      formData.append("file", file.file);
+      upload(formData).then((res) => {
+        if (res.success) {
+          this.tableData = res.data;
+          this.$message.success("导入成功！");
+          if (this.tableData.length > 0) {
+            var dcChList = [];
+            this.tableData.forEach((item) => {
+              dcChList.push(item.dcCh);
+              this.ShipNoList = [];
+              Array.from(new Set(dcChList)).forEach((em, eindex) => {
+                this.ShipNoList.push({
+                  label: em,
+                  value: eindex + 1,
+                });
+              });
+            });
+          }
+
+          // 动态获取列
+          // this.checkedList = [];
+          // if (this.tableData.length > 0) {
+          //   var list = [];
+          //   this.arrList = [];
+          //   var dcChList = [];
+          //   this.tableData.forEach((item) => {
+          //     list = Object.keys(item);
+          //     dcChList.push(item.dcCh);
+          //     this.ShipNoList = [];
+          //     Array.from(new Set(dcChList)).forEach((em, eindex) => {
+          //       this.ShipNoList.push({
+          //         label: em,
+          //         value: eindex + 1,
+          //       });
+          //     });
+          //   });
+          //   list.forEach((item) => {
+          //     if (item !== "dcCh" && item !== "zt") {
+          //       this.arrList.push(item);
+          //       this.arrList.sort();
+          //     }
+          //   });
+          //   this.arrList.splice(12, 0, "total1");
+          //   this.arrList.splice(25, 0, "total2");
+          //   this.totalPush();
+          // }
+        }
+      });
+    },
+    // 全选
+    selectAllEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    // 单选
+    selectChangeEvent() {
+      const records = this.$refs.tableRef.getCheckboxRecords();
+      this.checkedList = records;
+    },
+    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) => {
+        if (res.success) {
+          this.tableData = res.data;
+          this.checkedList = [];
+          if (this.tableData.length > 0) {
+            var dcChList = [];
+            this.tableData.forEach((item) => {
+              dcChList.push(item.dcCh);
+              this.ShipNoList = [];
+              Array.from(new Set(dcChList)).forEach((em, eindex) => {
+                this.ShipNoList.push({
+                  label: em,
+                  value: eindex + 1,
+                });
+              });
+            });
+          }
+          // 动态获取列
+          // if (this.tableData.length > 0) {
+          //   var list = [];
+          //   this.arrList = [];
+          //   var dcChList = [];
+          //   this.tableData.forEach((item) => {
+          //     list = Object.keys(item);
+          //     dcChList.push(item.dcCh);
+          //     this.ShipNoList = [];
+          //     Array.from(new Set(dcChList)).forEach((em, eindex) => {
+          //       this.ShipNoList.push({
+          //         label: em,
+          //         value: eindex + 1,
+          //       });
+          //     });
+          //   });
+          //   list.forEach((item) => {
+          //     if (item !== "dcCh" && item !== "zt") {
+          //       this.arrList.push(item);
+          //       this.arrList.sort();
+          //     }
+          //   });
+          //   this.arrList.splice(12, 0, "total1");
+          //   this.arrList.splice(25, 0, "total2");
+          //   this.totalPush();
+          // }
+        }
+      });
+    },
+    totalPush() {
+      if (this.tableData.length > 0) {
+        this.tableData.forEach((item, index) => {
+          item.total1 =
+            Number(item.cl202301) +
+            Number(item.cl202302) +
+            Number(item.cl202303) +
+            Number(item.cl202304) +
+            Number(item.cl202305) +
+            Number(item.cl202306) +
+            Number(item.cl202307) +
+            Number(item.cl202308) +
+            Number(item.cl202309) +
+            Number(item.cl202310) +
+            Number(item.cl202311) +
+            Number(item.cl202312);
+          item.total2 =
+            Number(item.cl202401) +
+            Number(item.cl202402) +
+            Number(item.cl202403) +
+            Number(item.cl202404) +
+            Number(item.cl202405) +
+            Number(item.cl202406) +
+            Number(item.cl202407) +
+            Number(item.cl202408) +
+            Number(item.cl202409) +
+            Number(item.cl202410) +
+            Number(item.cl202411) +
+            Number(item.cl202412);
+        });
+        return this.tableData;
+      }
+    },
+    // 表尾列求和
+    total(list, field) {
+      let count = 0;
+      list.forEach((item) => {
+        if (item !== "dcCh" && item !== "zt") {
+          count += Number(item[field]);
+        }
+      });
+      return count;
+    },
+    footerMethod({ columns, data }) {
+      const totalList = []; //合计
+      columns.forEach((column) => {
+        if (["checkbox"].includes(column.property)) {
+          return "合并了";
+        }
+        var totalData = null;
+        totalData = this.total(data, column.property);
+        totalList.push(totalData);
+      });
+      totalList[0] = "合计";
+      return [totalList];
+    },
+    // 头部header css
+    headerCellClassName({ column, $rowIndex }) {
+      if ($rowIndex == 0) {
+        return "row-gre-header";
+      } else {
+        if (column.field === "total1" || column.field === "total2") {
+          return "row-gre-total-header";
+        } else {
+          return "row-gre-header";
+        }
+      }
+    },
+    // 指定列css
+    cellClassName({ column }) {
+      if (column.field === "total1" || column.field === "total2") {
+        return "col-gre-total-col";
+      } else {
+        return "col-gre-col";
+      }
+    },
+    // 尾部合计css
+    footerCellClassName({ $rowIndex }) {
+      if ($rowIndex === 0) {
+        return "row-end-gre";
+      }
+    },
+    // 操作
+    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 scoped>
+.first-col {
+  position: relative;
+  height: 20px;
+}
+.first-col:before {
+  content: "";
+  position: absolute;
+  left: -21px !important;
+  top: 16px !important;
+  width: 106px;
+  height: 1px;
+  transform: rotate(37deg);
+  background-color: #000;
+}
+.first-col .first-col-top {
+  position: absolute;
+  right: 4px;
+  top: -10px;
+}
+.first-col .first-col-bottom {
+  position: absolute;
+  left: 4px;
+  bottom: -10px;
+}
+.my-filter {
+  margin: 10px;
+}
+.page-left {
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 10;
+}
+::v-deep .vxe-table--render-default .vxe-cell {
+  text-align: center !important;
+}
+/* 尾部 */
+::v-deep.mytable-style .row-end-gre {
+  background-color: #9ed3a4;
+  color: #000;
+  font-weight: bold;
+}
+/* 列 */
+::v-deep.mytable-style.vxe-table .vxe-body--column.col-gre-total-col {
+  background-color: #9ed3a4;
+  color: #000;
+}
+::v-deep.mytable-style.vxe-table .vxe-body--column.col-gre-col {
+  background-color: #cce8cf;
+  color: #000;
+}
+/* header */
+::v-deep.mytable-style.vxe-table .vxe-header--column.row-gre-header {
+  background-color: #cce8cf;
+  color: #000;
+  font-weight: bold;
+}
+::v-deep.mytable-style.vxe-table .vxe-header--column.row-gre-total-header {
+  background-color: #9ed3a4;
+  color: #000;
+  font-weight: bold;
+}
+/* header下边框 */
+::v-deep.mytable-style.vxe-table
+  .vxe-table--header-wrapper
+  .vxe-table--header-border-line {
+  border-bottom: 2px solid #000 !important;
+}
+/* border 颜色 */
+::v-deep .vxe-table--render-default.border--full .vxe-body--column,
+.vxe-table--render-default.border--full .vxe-footer--column,
+.vxe-table--render-default.border--full .vxe-header--column {
+  background-image: linear-gradient(#000, #000) !important;
+}
+::v-deep.vxe-table--render-default.border--full .vxe-body--column,
+.vxe-table--render-default.border--full .vxe-footer--column,
+.vxe-table--render-default.border--full .vxe-header--column {
+  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important;
+}
+:v-deep.vxe-table--render-default.border--full .vxe-body--column,
+.vxe-table--render-default.border--full .vxe-footer--column,
+.vxe-table--render-default.border--full .vxe-header--column {
+  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important;
+}
+::v-deep.vxe-table--render-default.border--full .vxe-body--column,
+::v-deep.vxe-table--render-default.border--full .vxe-footer--column,
+::v-deep.vxe-table--render-default.border--full .vxe-header--column {
+  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000) !important;
+}
+/* 尾部上边框 */
+::v-deep.vxe-table--render-default .vxe-table--footer-wrapper {
+  border-top: 2px solid #000 !important;
+}
+::v-deep.vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon {
+  color: #000;
+  font-weight: 400 !important;
+}
+.upload-demo {
+  display: inline-flex;
+  margin-right: 10px;
+}
+::v-deep .el-upload-list {
+  display: none !important;
+}
+.el-main {
+  padding: 0;
+}
+.el-container {
+  padding-top: 5px;
+  width: 100%;
+  margin: 0;
+}
+.el-header {
+  margin: 0;
+  padding: 5px 0;
+  height: auto;
+}
+.el-row {
+  margin-bottom: 5px;
+}
+</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,470 @@
+<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/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("导入成功！");
+          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 "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>