yunxi
/
mes-heli
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

订单审核 点击项目编号 进入详情页

Browse Source
pull/3/head
qiuhongwu 9 months ago
parent 178ef2fbb9
commit 993c1fe8aa
1 changed files with 235 additions and 210 deletions
Show Stats Download Patch File Download Diff File

445
mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/audit.vue
Unescape View File

@ -1,220 +1,245 @@
<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-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-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_AUDIT_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('audit', scope.row.id)"
v-if="scope.row.orderStatus == 8"
</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-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-option
v-for="dict in getIntDictOptions(DICT_TYPE.HELI_PROJECT_ORDER_AUDIT_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>
<el-button
link
type="primary"
@click="openDetail('detail', scope.row.id)"
<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>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</ContentWrap>
<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('audit', scope.row.id)"
v-if="scope.row.orderStatus == 8"
>
去审核
</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'
@ -222,7 +247,7 @@ defineOptions({ name: 'ProjectOrderAudit' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const router = useRouter();
const router = useRouter()
const loading = ref(true) // 列表的加载中
const list = ref([]) // 列表的数据
@ -262,7 +287,7 @@ const queryParams = reactive({
snapshotId: undefined,
snapshotCode: undefined,
orderTime: [],
snapshotOrderTime: [],
snapshotOrderTime: []
})
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
@ -331,10 +356,10 @@ const handleExport = async () => {
}
const handleCommand = async (command, id) => {
switch (command){
switch (command) {
case 'detail':
openDetail('detail', id);
break;
openDetail('detail', id)
break
}
}

Write Preview
Loading…
Cancel
Save