From 26f65ef3d886fcf820d039905c0fd4b4ac4a8b0e Mon Sep 17 00:00:00 2001
From: qiuhongwu <Qhw0227@163.com>
Date: Wed, 31 Jan 2024 13:56:47 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E6=89=B9=E5=87=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/heli/projectorder/approve.vue   | 459 +++++++++---------
 1 file changed, 241 insertions(+), 218 deletions(-)

diff --git a/mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/approve.vue b/mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/approve.vue
index 7bd8aea5..ad0b9d07 100644
--- a/mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/approve.vue
+++ b/mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/approve.vue
@@ -1,230 +1,253 @@
 <template>
-<el-card class="hl-card">
-  <template #header>
-    <span>
-      订单批准
-    </span>
-  </template>
+  <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="108px"
-    >
-      <el-form-item label="项目编号" prop="code">
-        <el-input
-          v-model="queryParams.code"
-          placeholder="请输入项目编号"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-
-      <el-form-item label="客户名称" prop="customerName">
-        <el-input
-          v-model="queryParams.customerName"
-          placeholder="请输入客户名称"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="业务员" prop="businessManName">
-        <el-input
-          v-model="queryParams.businessManName"
-          placeholder="请输入业务员"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="模具名称" prop="mouldName">
-        <el-input
-          v-model="queryParams.mouldName"
-          placeholder="请输入模具名称"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
-      </el-form-item>
-      <el-form-item label="是否有价格" prop="hasPrice">
-        <el-select
-          v-model="queryParams.hasPrice"
-          placeholder="请选择是否有价格"
-          clearable
-          class="!w-240px"
-        >
-          <el-option
-            v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
+      <!-- 搜索工作栏 -->
+      <el-form
+        class="-mb-15px"
+        :model="queryParams"
+        ref="queryFormRef"
+        :inline="true"
+        label-width="108px"
+      >
+        <el-form-item label="项目编号" prop="code">
+          <el-input
+            v-model="queryParams.code"
+            placeholder="请输入项目编号"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
           />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="是否已变更" prop="hasAlter">
-        <el-select
-          v-model="queryParams.hasAlter"
-          placeholder="请选择是否已变更"
-          clearable
-          class="!w-240px"
-        >
-          <el-option
-            v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
+        </el-form-item>
+
+        <el-form-item label="客户名称" prop="customerName">
+          <el-input
+            v-model="queryParams.customerName"
+            placeholder="请输入客户名称"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
           />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="单据状态" prop="orderStatus">
-        <el-select
-          v-model="queryParams.orderStatus"
-          placeholder="请选择单据状态"
-          clearable
-          class="!w-240px"
-        >
-          <el-option
-            v-for="dict in getIntDictOptions(DICT_TYPE.HELI_PROJECT_ORDER_APPROVE_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
+        </el-form-item>
+        <el-form-item label="业务员" prop="businessManName">
+          <el-input
+            v-model="queryParams.businessManName"
+            placeholder="请输入业务员"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
           />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="发货状态" prop="deliveryStatus">
-        <el-select
-          v-model="queryParams.deliveryStatus"
-          placeholder="请选择发货状态"
-          clearable
-          class="!w-240px"
-        >
-          <el-option
-            v-for="dict in getIntDictOptions(DICT_TYPE.HELI_DELIVERY_STATUS)"
-            :key="dict.value"
-            :label="dict.label"
-            :value="dict.value"
+        </el-form-item>
+        <el-form-item label="模具名称" prop="mouldName">
+          <el-input
+            v-model="queryParams.mouldName"
+            placeholder="请输入模具名称"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
           />
-        </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="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-      </el-form-item>
-    </el-form>
-  </ContentWrap>
-
-  <!-- 列表 -->
-  <ContentWrap>
-    <el-table v-loading="loading" :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"/>
-      <el-table-column
-        fixed
-        label="订单日期"
-        align="center"
-        prop="orderTime"
-        :formatter="dateFormatter2"
-        width="180"
-      />
-      <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="mouldName" width="180" />
-      <el-table-column label="所属业务线" align="center" prop="businessLine" width="150">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.HELI_BUSINESS_LINE" :value="scope.row.businessLine" />
-        </template>
-      </el-table-column>
-      <el-table-column label="是否有价格" align="center" prop="hasPrice" width="150">
-        <template #default="scope">
-          <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="currency" width="150">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.HELI_CURRENCY" :value="scope.row.currency" />
-        </template>
-      </el-table-column>
-      <el-table-column label="是否紧急" align="center" prop="isUrgency" width="150">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.HELI_COMMON_IS_OR_NOT" :value="scope.row.isUrgency" />
-        </template>
-      </el-table-column>
-      <el-table-column label="性质" align="center" prop="property" width="120">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.HELI_PROJECT_PROPERTY" :value="scope.row.property" />
-        </template>
-      </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')}}
-        </template>
-      </el-table-column>
-      <el-table-column label="是否已变更" align="center" prop="hasAlter" width="150">
-        <template #default="scope">
-          <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">
-        <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">
-        <template #default="scope">
-          <dict-tag :type="DICT_TYPE.HELI_DELIVERY_STATUS" :value="scope.row.deliveryStatus" />
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" align="center" fixed="right" width="260">
-        <template #default="scope">
-          <el-button
-            link
-            type="primary"
-            @click="openDetail('approve', scope.row.id)"
-            v-if="scope.row.orderStatus == 16"
+        </el-form-item>
+        <el-form-item label="是否有价格" prop="hasPrice">
+          <el-select
+            v-model="queryParams.hasPrice"
+            placeholder="请选择是否有价格"
+            clearable
+            class="!w-240px"
+          >
+            <el-option
+              v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="是否已变更" prop="hasAlter">
+          <el-select
+            v-model="queryParams.hasAlter"
+            placeholder="请选择是否已变更"
+            clearable
+            class="!w-240px"
           >
-            去批准
-          </el-button>
-          <el-button
-            link
-            type="danger"
-            @click="openDetail('terminate', scope.row.id)"
-            v-if="scope.row.orderStatus == 32"
+            <el-option
+              v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="单据状态" prop="orderStatus">
+          <el-select
+            v-model="queryParams.orderStatus"
+            placeholder="请选择单据状态"
+            clearable
+            class="!w-240px"
           >
-            去终止
-          </el-button>
-          <el-button
-            link
-            type="primary"
-            @click="openDetail('detail', scope.row.id)"
+            <el-option
+              v-for="dict in getIntDictOptions(DICT_TYPE.HELI_PROJECT_ORDER_APPROVE_STATUS)"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="发货状态" prop="deliveryStatus">
+          <el-select
+            v-model="queryParams.deliveryStatus"
+            placeholder="请选择发货状态"
+            clearable
+            class="!w-240px"
           >
-            查看详情
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <!-- 分页 -->
-    <Pagination
-      :total="total"
-      v-model:page="queryParams.pageNo"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
-  </ContentWrap>
+            <el-option
+              v-for="dict in getIntDictOptions(DICT_TYPE.HELI_DELIVERY_STATUS)"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </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="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        </el-form-item>
+      </el-form>
+    </ContentWrap>
 
-</el-card>
+    <!-- 列表 -->
+    <ContentWrap>
+      <el-table
+        v-loading="loading"
+        :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="订单日期"
+          align="center"
+          prop="orderTime"
+          :formatter="dateFormatter2"
+          width="180"
+        />
+        <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="mouldName" width="180" />
+        <el-table-column label="所属业务线" align="center" prop="businessLine" width="150">
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.HELI_BUSINESS_LINE" :value="scope.row.businessLine" />
+          </template>
+        </el-table-column>
+        <el-table-column label="是否有价格" align="center" prop="hasPrice" width="150">
+          <template #default="scope">
+            <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="currency" width="150">
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.HELI_CURRENCY" :value="scope.row.currency" />
+          </template>
+        </el-table-column>
+        <el-table-column label="是否紧急" align="center" prop="isUrgency" width="150">
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.HELI_COMMON_IS_OR_NOT" :value="scope.row.isUrgency" />
+          </template>
+        </el-table-column>
+        <el-table-column label="性质" align="center" prop="property" width="120">
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.HELI_PROJECT_PROPERTY" :value="scope.row.property" />
+          </template>
+        </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')
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column label="是否已变更" align="center" prop="hasAlter" width="150">
+          <template #default="scope">
+            <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"
+        >
+          <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"
+        >
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.HELI_DELIVERY_STATUS" :value="scope.row.deliveryStatus" />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" fixed="right" width="260">
+          <template #default="scope">
+            <el-button
+              link
+              type="primary"
+              @click="openDetail('approve', scope.row.id)"
+              v-if="scope.row.orderStatus == 16"
+            >
+              去批准
+            </el-button>
+            <el-button
+              link
+              type="danger"
+              @click="openDetail('terminate', scope.row.id)"
+              v-if="scope.row.orderStatus == 32"
+            >
+              去终止
+            </el-button>
+            <el-button link type="primary" @click="openDetail('detail', scope.row.id)">
+              查看详情
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <Pagination
+        :total="total"
+        v-model:page="queryParams.pageNo"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </ContentWrap>
+  </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);
-      break;
+      openDetail('detail', id)
+      break
   }
 }