订单批准

mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/approve.vue

@@ -1,9 +1,7 @@
 <template>
-<el-card class="hl-card">
+  <el-card class="hl-card">
     <template #header>
-    <span>
+      <span> 订单批准 </span>
-      订单批准
-    </span>
     </template>
     <ContentWrap class="borderxx">
       <!-- 搜索工作栏 -->
@@ -112,7 +110,9 @@
           </el-select>
         </el-form-item>
         <el-form-item>
-        <el-button @click="handleQuery" type="primary"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+          <el-button @click="handleQuery" type="primary"
+            ><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button
+          >
           <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
         </el-form-item>
       </el-form>
@@ -120,9 +120,21 @@
 
     <!-- 列表 -->
     <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" class="hl-table">
+      <el-table
-      <el-table-column fixed label="序号" type="index" width="100"/>
+        v-loading="loading"
-      <el-table-column fixed label="项目编号" align="center" prop="code" width="240"/>
+        :data="list"
+        :stripe="true"
+        :show-overflow-tooltip="true"
+        class="hl-table"
+      >
+        <el-table-column fixed label="序号" type="index" width="100" />
+        <el-table-column fixed label="项目编号" align="center" prop="code" width="240">
+          <template #default="scope">
+            <el-button type="text" @click="openDetail('detail', scope.row.id)">{{
+              scope.row.code
+            }}</el-button></template
+          >
+        </el-table-column>
         <el-table-column
           fixed
           label="订单日期"
@@ -134,7 +146,7 @@
         <el-table-column label="提出部门" align="center" prop="businessDeptName" width="150" />
         <el-table-column label="业务员" align="center" prop="businessManName" width="150" />
         <el-table-column label="客户名称" align="center" prop="customerName" width="240" />
-      <el-table-column label="合同编号" align="center" prop="contractNo"  width="180"/>
+        <el-table-column label="合同编号" align="center" prop="contractNo" width="180" />
         <el-table-column label="模具名称" align="center" prop="mouldName" width="180" />
         <el-table-column label="所属业务线" align="center" prop="businessLine" width="150">
           <template #default="scope">
@@ -146,7 +158,7 @@
             <dict-tag :type="DICT_TYPE.HELI_COMMON_IS_OR_NOT" :value="scope.row.hasPrice" />
           </template>
         </el-table-column>
-      <el-table-column label="价格（元）" align="center" prop="price" width="150"/>
+        <el-table-column label="价格（元）" align="center" prop="price" width="150" />
         <el-table-column label="币种" align="center" prop="currency" width="150">
           <template #default="scope">
             <dict-tag :type="DICT_TYPE.HELI_CURRENCY" :value="scope.row.currency" />
@@ -164,7 +176,11 @@
         </el-table-column>
         <el-table-column label="起止日期" align="center" prop="projectStartTime" width="260">
           <template #default="scope">
-          {{formatDate(scope.row.projectStartTime,'YYYY-MM-DD') + '~' + formatDate(scope.row.projectEndTime, 'YYYY-MM-DD')}}
+            {{
+              formatDate(scope.row.projectStartTime, 'YYYY-MM-DD') +
+              '~' +
+              formatDate(scope.row.projectEndTime, 'YYYY-MM-DD')
+            }}
           </template>
         </el-table-column>
         <el-table-column label="是否已变更" align="center" prop="hasAlter" width="150">
@@ -172,12 +188,24 @@
             <dict-tag :type="DICT_TYPE.HELI_COMMON_IS_OR_NOT" :value="scope.row.hasAlter" />
           </template>
         </el-table-column>
-      <el-table-column label="单据状态" align="center" prop="orderStatus" fixed="right" width="120">
+        <el-table-column
+          label="单据状态"
+          align="center"
+          prop="orderStatus"
+          fixed="right"
+          width="120"
+        >
           <template #default="scope">
             <dict-tag :type="DICT_TYPE.HELI_PROJECT_ORDER_STATUS" :value="scope.row.orderStatus" />
           </template>
         </el-table-column>
-      <el-table-column label="发货状态" align="center" prop="deliveryStatus" fixed="right" width="120">
+        <el-table-column
+          label="发货状态"
+          align="center"
+          prop="deliveryStatus"
+          fixed="right"
+          width="120"
+        >
           <template #default="scope">
             <dict-tag :type="DICT_TYPE.HELI_DELIVERY_STATUS" :value="scope.row.deliveryStatus" />
           </template>
@@ -200,11 +228,7 @@
             >
               去终止
             </el-button>
-          <el-button
+            <el-button link type="primary" @click="openDetail('detail', scope.row.id)">
-            link
-            type="primary"
-            @click="openDetail('detail', scope.row.id)"
-          >
               查看详情
             </el-button>
           </template>
@@ -218,13 +242,12 @@
         @pagination="getList"
       />
     </ContentWrap>
-
+  </el-card>
-</el-card>
 </template>
 
 <script setup lang="ts">
 import { getIntDictOptions, getStrDictOptions, DICT_TYPE } from '@/utils/dict'
-import {dateFormatter, dateFormatter2, formatDate} from '@/utils/formatTime'
+import { dateFormatter, dateFormatter2, formatDate } from '@/utils/formatTime'
 import download from '@/utils/download'
 import * as ProjectOrderApi from '@/api/heli/projectorder'
 
@@ -232,7 +255,7 @@ defineOptions({ name: 'ProjectOrderApprove' })
 
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
-const router = useRouter();
+const router = useRouter()
 
 const loading = ref(true) // 列表的加载中
 const list = ref([]) // 列表的数据
@@ -272,7 +295,7 @@ const queryParams = reactive({
   snapshotId: undefined,
   snapshotCode: undefined,
   orderTime: [],
-  snapshotOrderTime: [],
+  snapshotOrderTime: []
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
@@ -341,10 +364,10 @@ const handleExport = async () => {
 }
 
 const handleCommand = async (command, id) => {
-  switch (command){
+  switch (command) {
     case 'detail':
-      openDetail('detail', id);
+      openDetail('detail', id)
-      break;
+      break
   }
 }