物料需求计划审核

mes-ui/mes-ui-admin-vue3/src/views/heli/materialplan/audit.vue

@@ -1,5 +1,9 @@
 <template>
-  <ContentWrap>
+<el-card class="hl-card">
+  <template #header>
+    <span>物料需求计划审核</span>
+  </template>
+  <ContentWrap class="borderxx">
     <!-- 搜索工作栏 -->
     <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="130px">
       <el-form-item label="物料计划单号" prop="projectMaterialPlanNo">
@@ -24,8 +28,8 @@
             :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
-      <el-form-item>
-        <el-button @click="handleQuery">
+      <el-form-item style="margin-left:15px">
+        <el-button @click="handleQuery" type="primary">
           <Icon icon="ep:search" class="mr-5px" /> 搜索
         </el-button>
         <el-button @click="resetQuery">
@@ -40,42 +44,43 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
-      <el-table-column label="物料需求计划单号" align="center" prop="projectMaterialPlanNo" width="180" fixed>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" class="hl-table">
+      <el-table-column label="序号" type="index" width="70" fixed align="center" />
+      <el-table-column label="物料需求计划单号" align="center" prop="projectMaterialPlanNo" min-width="180" fixed>
         <template #default="scope">
-          <el-button text type="primary" @click="openForm('review', scope.row.id)">
+          <el-button text type="primary" @click="openForm('detail', scope.row.id)">
             {{ scope.row.projectMaterialPlanNo }}
           </el-button>
         </template>
       </el-table-column>
-      <el-table-column label="单据日期" align="center" prop="createTime" :formatter="dateFormatter" width="180px" fixed>
+      <el-table-column label="单据日期" align="center" prop="createTime" :formatter="dateFormatter" min-width="220px" fixed>
         <template #default="scope">
           {{
             formatDate(scope.row.createTime, 'YYYY-MM-DD')
           }}
         </template>
       </el-table-column>
-      <el-table-column label="生产计划单号" align="center" prop="planNo" />
-      <el-table-column label="项目名称" align="center" prop="projectName" />
-      <el-table-column label="备注" align="center" prop="description" />
-      <el-table-column label="创建人" align="center" prop="creator" >
+      <el-table-column label="生产计划单号" align="center" prop="planNo" min-width="180" />
+      <el-table-column label="项目名称" align="center" prop="projectName" min-width="180" />
+      <el-table-column label="备注" align="center" prop="description" min-width="180" />
+      <el-table-column label="创建人" align="center" prop="creator" min-width="120" >
         <template #default="scope">
             {{ userInit.find((user) => user.id == scope.row.creator)?.nickname }}
           </template>
       </el-table-column>
-      <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="220" />
-      <el-table-column label="送审人" align="center" prop="submitUserId" />
+      <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" min-width="220" />
+      <el-table-column label="送审人" align="center" prop="submitUserId" min-width="120" />
       <el-table-column label="送审时间" align="center" prop="submitTime" :formatter="dateFormatter" width="220" />
-      <el-table-column label="审核人" align="center" prop="auditor" />
+      <el-table-column label="审核人" align="center" prop="auditor" min-width="120" />
       <el-table-column label="审核时间" align="center" prop="auditTime" :formatter="dateFormatter" width="220" />
-      <el-table-column label="单据状态" align="center" prop="status" fixed="right">
+      <el-table-column label="单据状态" align="center" prop="status" fixed="right" min-width="150">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.HELI_PROJECT_MATERIAL_PLAN_STATUS" :value="scope.row.status" />
         </template>
       </el-table-column>
 
 
-      <el-table-column label="操作" align="center" fixed="right">
+      <el-table-column label="操作" align="center" fixed="right" min-width="180">
         <template #default="scope">
           <el-button link type="primary" @click="openForm('update', scope.row.id)" >
             去审核
@@ -93,6 +98,7 @@
 
   <!-- 表单弹窗：添加/修改 -->
   <MaterialPlanForm ref="formRef" @success="getList" />
+  </el-card>
 </template>
 
 <script setup lang="ts">