From a660db06773007b1be690e0674829c00a57aeb7b Mon Sep 17 00:00:00 2001
From: 廖井涛 <2265517004@qq.com>
Date: 星期三, 24 十二月 2025 16:21:23 +0800
Subject: [PATCH] 订单首页流程卡新增楼层编号显示

---
 north-glass-erp/northglass-erp/src/views/pp/productionBasicData/AddMachine.vue |  226 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 226 insertions(+), 0 deletions(-)

diff --git a/north-glass-erp/northglass-erp/src/views/pp/productionBasicData/AddMachine.vue b/north-glass-erp/northglass-erp/src/views/pp/productionBasicData/AddMachine.vue
new file mode 100644
index 0000000..ae871f5
--- /dev/null
+++ b/north-glass-erp/northglass-erp/src/views/pp/productionBasicData/AddMachine.vue
@@ -0,0 +1,226 @@
+<script setup>
+
+import {computed, nextTick, onMounted, reactive, ref, toRefs} from "vue";
+import {useRouter, useRoute} from 'vue-router'
+import request from "@/utils/request";
+import {ElMessage} from "element-plus";
+import {changeFilterEvent, filterChanged} from "@/hook"
+import userInfo from "@/stores/userInfo"
+import {useI18n} from 'vue-i18n'
+import {addListener, toolbarButtonClickEvent} from "@/hook/mouseMove";
+//璇█鑾峰彇
+const {t} = useI18n()
+const route = useRoute()
+const user = userInfo()
+let router = useRouter()
+
+//瀹氫箟鎺ユ敹鍔犺浇琛ㄥご涓嬫媺鏁版嵁
+const titleSelectJson = ref({
+  processType: [],
+
+})
+//绗竴娆″姞杞芥暟鎹�
+request.post(`/basicDataProduce/selectProcess`).then((res) => {
+  if (res.code == 200) {
+
+    titleSelectJson.value.processType = res.data.process;
+  } else {
+    ElMessage.warning(res.msg)
+  }
+})
+
+onMounted(() => {
+  //鍚敤琛ㄦ牸鎷栧姩閫変腑
+  addListener(xGrid.value, gridOptions)
+})
+
+
+//瀛愮粍浠舵帴鏀跺弬鏁�
+const xGrid = ref()
+const gridOptions = reactive({
+  border: "full",//琛ㄦ牸鍔犺竟妗�
+  keepSource: true,//淇濇寔婧愭暟鎹�
+  align: 'center',//鏂囧瓧灞呬腑
+  stripe: true,//鏂戦┈绾�
+  rowConfig: {isCurrent: true, isHover: true, height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+  id: 'CustomerList',
+  showFooter: true,//鏄剧ず鑴�
+  printConfig: {},
+  importConfig: {},
+  exportConfig: {},
+  scrollY: {enabled: true},//寮�鍚櫄鎷熸粴鍔�
+  showOverflow: true,
+  columnConfig: {
+    resizable: true,
+    useKey: true
+  },
+  filterConfig: {   //绛涢�夐厤缃」
+    remote: true
+  },
+  customConfig: {
+    storage: true
+  },
+  editConfig: {
+    trigger: 'click',
+    mode: 'row',
+    showStatus: true
+  },//琛ㄥご鍙傛暟
+  columns: [
+    {type: 'seq', fixed: "left", title: t('basicData.Number'), width: 50},
+    {
+      field: 'basicName',
+      title: t('machine.basicName'),
+      width: 500,
+      editRender: {name: 'input', attrs: {placeholder: ''}},
+    },
+
+    {
+      field: 'basicCategory',
+      title: t('machine.basicCategory'),
+      width: 500,
+      editRender: {},
+      slots: {default: 'basicCategory_default', edit: 'basicCategory'}
+    },
+  ],
+  //琛ㄥご鎸夐挳
+  toolbarConfig: {
+    buttons: [
+      {code: 'removeRow', name: t('basicData.delete'), status: 'primary', icon: 'vxe-icon-delete'},
+      {code: 'addRow', name: t('reportingWorks.increase'), status: 'primary', icon: 'vxe-icon-square-plus'},
+      {code: 'save', name: t('basicData.save'), status: 'primary', icon: 'vxe-icon-save'},
+    ],
+    // import: false,
+    // export: true,
+    // print: true,
+    zoom: true,
+    custom: true
+  },
+  data: [],//table body瀹為檯鏁版嵁
+  //鑴氶儴姹傚拰
+  footerMethod({columns, data}) {//椤佃剼鍑芥暟
+    let footList = ['', '']
+    return [
+      columns.map((column, columnIndex) => {
+        if (columnIndex === 0) {
+          return ''
+        }
+        if (footList.includes(column.field)) {
+          return sumNum(data, column.field)
+        }
+        return ''
+      })
+    ]
+  }
+
+})
+
+const teamGridEvents = {
+  toolbarButtonClick({code}) {
+    const $grid = xGrid.value
+    if ($grid) {
+      switch (code) {
+        case 'addRow': {
+          $grid.insertAt({})
+          break
+        }
+
+        case 'removeRow': {
+          let result = toolbarButtonClickEvent()
+          if (result) {
+            $grid.remove(result.row)
+          }
+          break
+        }
+        case 'save': {
+          const tableData = $grid.getTableData().fullData
+          //console.log(tableData)
+          let machineData = ref({
+            machine: tableData
+          })
+          request.post("/maintenance/saveMachine", machineData.value).then((res) => {
+            if (res.code == 200) {
+              ElMessage.success(t('basicData.msg.saveSuccess'))
+              //router.push('/main/processCard/SplittingDetails?orderId=${orderId}')
+              router.push({
+                path: '/main/productionBasicData/AddMachine',
+                query: {random: Math.random()}
+              })
+
+              //location.reload();
+            } else {
+              ElMessage.warning(res.msg)
+            }
+          })
+          break
+        }
+      }
+    }
+  }
+}
+
+const size = ref<'default' | 'large' | 'small'>('default')
+
+const value1 = ref('')
+
+
+</script>
+
+<template>
+  <div  style="width: 100%;height: 100%">
+    <div class="main-table">
+      <vxe-grid
+          ref="xGrid"
+          class="mytable-scrollbar"
+          height="100%"
+          v-bind="gridOptions"
+          v-on="teamGridEvents"
+
+      >
+
+        <template #num1_filter="{ column, $panel }">
+          <div>
+            <div v-for="(option, index) in column.filters" :key="index">
+              <input v-model="option.data" type="text"
+                     @keyup.enter.native="$panel.confirmFilter()"
+                     @input="changeFilterEvent($event, option, $panel)"/>
+            </div>
+          </div>
+        </template>
+        <!--宸ュ簭-->
+        <template #basicCategory="{ row }">
+          <vxe-select v-model="row.basicCategory"
+                      clearable
+                      filterable
+                      placeholder="">
+            <vxe-option v-for="item in titleSelectJson.processType"
+                        :key="item.basic_name"
+                        :label="item.basic_name"
+                        :value="item.basic_name"/>
+          </vxe-select>
+        </template>
+        <template #basicCategory_default="{ row }">
+          <span>{{ row.basicCategory }}</span>
+        </template>
+      </vxe-grid>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.head{
+  width: 100%;
+  height: 35px;
+}
+
+.main-table{
+  width: 100%;
+  height: calc(100% - 0px);
+}
+.vxe-grid {
+  /* 绂佺敤娴忚鍣ㄩ粯璁ら�変腑 */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+</style>
\ No newline at end of file

--
Gitblit v1.8.0