From 46309d6647f676175b345c3a5e0d2fefdd3eed3b Mon Sep 17 00:00:00 2001
From: siontion <siontion_2000@163.com>
Date: Thu, 1 Feb 2024 08:51:26 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E7=9B=98=E7=82=B9=E7=89=A9=E6=96=99?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8UX?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

盘点物料列表UX
---
 .../heli/storagecheck/StorageCheckForm.vue    |  6 --
 .../views/heli/storagecheck/checkdetail.vue   | 15 +++-
 .../src/views/heli/storagecheck/materials.vue | 84 +++++++++++++++++++
 3 files changed, 98 insertions(+), 7 deletions(-)
 create mode 100644 mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/materials.vue

diff --git a/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/StorageCheckForm.vue b/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/StorageCheckForm.vue
index a98373ff..b4998a67 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/StorageCheckForm.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/StorageCheckForm.vue
@@ -4,12 +4,6 @@
       <el-form-item label="盘点单号" prop="stockNo"  class="!w-800px">
         <el-input v-model="formData.stockNo" placeholder="系统自动生成" disabled/>
       </el-form-item>
-      <!-- <el-form-item label="单据状态" prop="status"  >
-        <el-select v-model="formData.status" placeholder="单据状态" disabled class="!w-600px">
-          <el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_MAT_CHECK_STATUS)" :key="dict.value"
-            :label="dict.label" :value="dict.value" />
-        </el-select>
-      </el-form-item> -->
       <el-form-item label="盘点类型" prop="checkType"  class="!w-800px">
         <el-select v-model="formData.checkType" placeholder="盘点类型" class="!w-700px">
           <el-option v-for="dict in getIntDictOptions(DICT_TYPE.HELI_STORAGE_MAT_CHECK_TYPE)" :key="dict.value"
diff --git a/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/checkdetail.vue b/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/checkdetail.vue
index a97e04c6..46ae0cff 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/checkdetail.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/checkdetail.vue
@@ -98,7 +98,7 @@
           <el-col>
             <el-card class="hl-incard">
               <el-col>
-                <el-button class="hl-addbutton" type="primary" size="large" @click="onAddItem">新增</el-button>
+                <el-button class="hl-addbutton" type="primary" size="large" @click="openMatForm(1)">新增</el-button>
               </el-col>
               <el-form ref="matSubFormRef" :model="formData.matItemDOList" :rules="subFormRules"
                 v-loading="subFormLoading" label-width="0">
@@ -258,6 +258,9 @@
         除</el-button>
     </div>
   </el-card>
+
+  <!-- 表单弹窗：无聊列表 -->
+  <materials ref="matOpenFormRef" @success="getList" />
 </template>
 <script setup lang="ts">
 import { ref } from 'vue'
@@ -318,6 +321,11 @@ const formRules = reactive({
 })
 const formRef = ref() // 表单 Ref
 const matSubFormRef = ref() //子表单 Ref
+const matOpenFormRef = ref()
+
+const openMatForm = (noZero: number,whId?: number,isAll?: number) => {
+  matOpenFormRef.value.open(noZero,whId, isAll)
+}
 
 const subFormLoading = ref(false) // 子表单的加载中
 const subFormRules = reactive({
@@ -341,6 +349,11 @@ const handleStatus = async (num) => {
   }
   reload()
 }
+
+const getList = async (arrMat) => {
+  message.alertWarning('数组个数为:'+arrMat.length)
+
+}
 const userList = ref<UserApi.UserVO[]>([]) // 用户列表
 
 // ====================附件信息 开始=======================================
diff --git a/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/materials.vue b/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/materials.vue
new file mode 100644
index 00000000..9868d86f
--- /dev/null
+++ b/mes-ui/mes-ui-admin-vue3/src/views/heli/storagecheck/materials.vue
@@ -0,0 +1,84 @@
+<template>
+  <Dialog :title="dialogTitle" v-model="dialogVisible">
+    <el-form ref="matSubFormRef" :model="list" v-loading="formLoading" label-width="0">
+      <el-table :data="list" class="hl-table"  @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" disabled="true" />
+        <el-table-column prop="cid" label="序号" :width="80" />
+        <el-table-column prop="matCode" label="物料编码" min-width="120" align="center" />
+        <el-table-column prop="matName" label="物料名称" min-width="140" align="center" />
+        <el-table-column prop="matType" label="物料类型" min-width="120" align="center" />
+        <el-table-column prop="shortName" label="物料简称" min-width="120" align="center" />
+        <el-table-column prop="matSpec" label="规格/型号" min-width="120" align="center" />
+        <el-table-column prop="matBrand" label="品牌" min-width="120" align="center" />
+        <el-table-column prop="rgName" label="库区" min-width="120" align="center" />
+        <el-table-column prop="pnName" label="库位" min-width="140" align="center" />
+        <el-table-column prop="matRest" label="库存数量" min-width="120" align="center" />
+        <el-table-column prop="matUnit" label="库存单位" min-width="120" align="center" />
+      </el-table>
+    </el-form>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import * as StorageLogApi from '@/api/heli/storagelog'
+
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const list = ref([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const multipleSelection = ref([]) 
+
+const handleSelectionChange = async (val) =>{
+  multipleSelection.value = val;
+}
+
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10
+})
+
+/** 打开弹窗 */
+const open = async (noZero: number, whId?: number, isAll?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = '物料列表'
+
+  message.alertWarning(noZero)
+  // 修改时，设置数据
+
+  formLoading.value = true
+  const data = await StorageLogApi.getStorageNowPage(queryParams)
+  list.value = data.list
+  total.value = data.total
+  try {
+    // 获取物料库存实时列表
+  } finally {
+    formLoading.value = false
+  }
+
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 提交请求
+  formLoading.value = true
+  try {
+
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success', multipleSelection.value)
+  } finally {
+    formLoading.value = false
+  }
+}
+</script>
\ No newline at end of file

From 35e9b68eef85171d1a8799d656b8eefd5152c807 Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Thu, 1 Feb 2024 09:48:33 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=89=93=E5=8D=B0=20=E6=91=B8=E5=85=B7?=
 =?UTF-8?q?=E7=94=9F=E4=BA=A7=E8=AE=A1=E5=88=92=E5=8D=95=20=E9=99=84?=
 =?UTF-8?q?=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/heli/hlvuestyle/productionPrint.vue | 203 +++++++++++++++++-
 1 file changed, 197 insertions(+), 6 deletions(-)

diff --git a/mes-ui/mes-ui-admin-vue3/src/views/heli/hlvuestyle/productionPrint.vue b/mes-ui/mes-ui-admin-vue3/src/views/heli/hlvuestyle/productionPrint.vue
index 9596565e..5ca5ee99 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/heli/hlvuestyle/productionPrint.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/heli/hlvuestyle/productionPrint.vue
@@ -151,9 +151,9 @@
             <td colspan="2"> 责任人 </td>
             <td colspan="2"> 备注 </td>
           </tr>
-          <tr v-for="item in 8" :key="item.index">
-            <td class="xh"> {{ item }} </td>
-            <td colspan="3"> </td>
+          <tr  v-for="its in formData.tablename" :key="its.index" >
+            <td class="xh"> {{ its.index }} </td>
+            <td colspan="3"> {{its.name}}</td>
             <td> </td>
             <td> </td>
             <td colspan="2"> </td>
@@ -163,10 +163,163 @@
         <tbody>
           <tr>
             <td colspan="10">
-              <div style="text-align: left; width: 100%;display: flex; flex-direction: column;padding-left:15px;">
+              <div
+                style="
+                  text-align: left;
+                  width: 100%;
+                  display: flex;
+                  flex-direction: column;
+                  padding-left: 15px;
+                "
+              >
                 <span>说明:</span>
-                <span>1.每个项目的零部件制作工艺，材料材质，硬度要求必须统一，出现任何问题，各工程师负责!</span>
-                <span>2.模具调试，试模需要根据客户要求，自己安排调试，我司根据需要安排人员参与配合。</span>
+                <span
+                  >1.每个项目的零部件制作工艺，材料材质，硬度要求必须统一，出现任何问题，各工程师负责!</span
+                >
+                <span
+                  >2.模具调试，试模需要根据客户要求，自己安排调试，我司根据需要安排人员参与配合。</span
+                >
+              </div>
+            </td>
+          </tr>
+        </tbody>
+        <tbody>
+          <tr>
+            <td colspan="4" style="width: 33%"> 编制/日期 </td>
+            <td colspan="3" style="width: 33%"> 审核/日期 </td>
+            <td colspan="3" style="width: 33%"> 批准/日期 </td>
+          </tr>
+          <tr>
+            <td colspan="4">{{ `formData.creatorName` }}</td>
+            <td colspan="3">{{ `formData.auditUserName` }}</td>
+            <td colspan="3">{{ `formData.approveUserName` }}</td>
+          </tr>
+          <tr>
+            <td colspan="4">{{ `formData.creatorName` }}</td>
+            <td colspan="3">{{ `formData.auditUserName` }}</td>
+            <td colspan="3">{{ `formData.approveUserName` }}</td>
+            <!-- <td colspan="4">{{formatDate(new Date(formData.createTime), 'YYYY-MM-DD')}}</td>
+            <td colspan="3">{{formatDate(new Date(formData.auditTime), 'YYYY-MM-DD')}}</td>
+            <td colspan="3">{{formatDate(new Date(formData.approveTime), 'YYYY-MM-DD')}}</td> -->
+          </tr>
+        </tbody>
+      </table>
+      <table border="2" cellspacing="0" id="table1">
+        <tbody>
+          <tr>
+            <td colspan="2">
+              <div style="width: 100px; text-align: center">
+                <img src="/src/assets/imgs/exlogo.png" style="width: 100%" alt="" />
+              </div>
+            </td>
+            <td colspan="6">
+              <span style="font-size: 20px; font-weight: 700">摸具生产计划单-附页</span>
+            </td>
+            <td colspan="2" style="padding: 5px 0">
+              <div style="border-bottom: 1px solid #666; padding-bottom: 5px">项目编号</div>
+              <div style="padding-top: 5px">{{ `formData.code` }}</div>
+            </td>
+          </tr>
+        </tbody>
+        <tbody>
+          <tr>
+            <td colspan="2"> 客户名称 </td>
+            <td colspan="5">
+              <span>{{ '公司名字' }}</span>
+            </td>
+            <td colspan="1">{{ `密称` }}</td>
+            <td> 编码： </td>
+            <td>{{ `1091` }} </td>
+          </tr>
+        </tbody>
+        <tr>
+          <td colspan="2"> 项目名称 </td>
+          <td colspan="6">
+            {{ `系列摸具` }}
+          </td>
+          <td> 业务员： </td>
+          <td>{{ `xxx` }} </td>
+        </tr>
+        <tr>
+          <td colspan="2"> 项目工期 </td>
+          <td style="padding: 0 5px"> 起 </td>
+          <td colspan="1">
+            <span>{{ '2024/1/11' }}</span>
+          </td>
+          <td colspan="1">至</td>
+          <td colspan="1">{{ `2024/4/11` }}</td>
+          <td>天数</td>
+          <td colspan="1">{{ `92` }}</td>
+          <td colspan="1"> 是否紧急： </td>
+          <td colspan="1">{{ `否` }} </td>
+        </tr>
+        <tr>
+          <td colspan="10">
+            <div style="font-size: 18px; height: 50px; line-height: 50px">
+              <span>接上页</span>
+            </div>
+          </td>
+        </tr>
+
+        <tbody>
+          <tr
+            ><td colspan="10"> <div style="text-align: left; width: 100%">子项目信息:</div></td></tr
+          >
+          <tr>
+            <td class="xh"> 序号 </td>
+            <td colspan="3"> 名称/编号 </td>
+            <td> 设备型号 </td>
+            <td> 数量 </td>
+            <td> 主要材料 </td>
+            <td> 毛坯日期 </td>
+            <td> 2D/日期 </td>
+            <td> 3D/日期 </td>
+          </tr>
+          <tr v-for="item in 15" :key="item.index">
+            <td class="xh"> {{ item+8 }} </td>
+            <td colspan="3" style="padding: 0 0">
+              <div style="display: flex; flex-direction: column; justify-content: space-between">
+                <span style="border-bottom: 1px solid #666"> {{ `名称` }} </span>
+                <span>{{ `编号` }}</span>
+              </div>
+            </td>
+            <td>{{ `LP 100L` }} </td>
+            <td>{{ `1` }} </td>
+            <td>{{ `H13` }} </td>
+            <td> {{ `2024/1/15` }} </td>
+            <td style="padding: 0 0">
+              <div style="display: flex; flex-direction: column; justify-content: space-between">
+                <span style="border-bottom: 1px solid #666"> {{ `2024/1/15` }} </span>
+                <span>{{ `name` }}</span>
+              </div>
+            </td>
+            <td style="padding: 0 0">
+              <div style="display: flex; flex-direction: column; justify-content: space-between">
+                <span style="border-bottom: 1px solid #666"> {{ `2024/1/15` }} </span>
+                <span>{{ `name` }}</span>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+        <tbody>
+          <tr>
+            <td colspan="10">
+              <div
+                style="
+                  text-align: left;
+                  width: 100%;
+                  display: flex;
+                  flex-direction: column;
+                  padding-left: 15px;
+                "
+              >
+                <span>说明:</span>
+                <span
+                  >1.每个项目的零部件制作工艺，材料材质，硬度要求必须统一，出现任何问题，各工程师负责!</span
+                >
+                <span
+                  >2.模具调试，试模需要根据客户要求，自己安排调试，我司根据需要安排人员参与配合。</span
+                >
               </div>
             </td>
           </tr>
@@ -205,6 +358,44 @@
 import { Check } from '@element-plus/icons-vue'
 const dialogVisible = ref(false) // 弹窗的是否展示
 
+const formData = ref({
+  tablename: [
+    {
+      index:1,
+      name: '母模/毛坯'
+    },
+    {
+      index:2,
+
+      name: '粗,精加工'
+    },
+    {
+      index:3,
+      name: '热处理'
+    },
+    {
+      index:4,
+      name: '电火花'
+    },
+    {
+      index:5,
+      name: '打孔/抛光'
+    },
+    {
+      index:6,
+      name: '装配'
+    },
+    {
+      index:7,
+      name: '预验收'
+    },
+     {
+      index:8,
+      name:'检验'
+    }
+  ]
+})
+
 const onPrint = () => {
   // 拿到打印页面dom节点
   const printNode = document.querySelector('.print-wrap')