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> <template>
<el-card class="hl-card"> <el-card class="hl-card">
<template #header> <template #header>
<span>订单审核</span> <span>订单审核</span>
</template> </template>
<ContentWrap class="borderxx"> <ContentWrap class="borderxx">
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<el-form <el-form
class="-mb-15px" class="-mb-15px"
:model="queryParams" :model="queryParams"
ref="queryFormRef" ref="queryFormRef"
:inline="true" :inline="true"
label-width="108px" label-width="108px"
> >
<el-form-item label="项目编号" prop="code"> <el-form-item label="项目编号" prop="code">
<el-input <el-input
v-model="queryParams.code" v-model="queryParams.code"
placeholder="请输入项目编号" placeholder="请输入项目编号"
clearable clearable
@keyup.enter="handleQuery" @keyup.enter="handleQuery"
class="!w-240px" 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-select> </el-form-item>
</el-form-item>
<el-form-item label="是否已变更" prop="hasAlter"> <el-form-item label="客户名称" prop="customerName">
<el-select <el-input
v-model="queryParams.hasAlter" v-model="queryParams.customerName"
placeholder="请选择是否已变更" placeholder="请输入客户名称"
clearable clearable
class="!w-240px" @keyup.enter="handleQuery"
> 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> <el-form-item label="业务员" prop="businessManName">
<el-form-item label="单据状态" prop="orderStatus"> <el-input
<el-select v-model="queryParams.businessManName"
v-model="queryParams.orderStatus" placeholder="请输入业务员"
placeholder="请选择单据状态" clearable
clearable @keyup.enter="handleQuery"
class="!w-240px" 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> <el-form-item label="模具名称" prop="mouldName">
<el-form-item label="发货状态" prop="deliveryStatus"> <el-input
<el-select v-model="queryParams.mouldName"
v-model="queryParams.deliveryStatus" placeholder="请输入模具名称"
placeholder="请选择发货状态" clearable
clearable @keyup.enter="handleQuery"
class="!w-240px" 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-select> </el-form-item>
</el-form-item> <el-form-item label="是否有价格" prop="hasPrice">
<el-form-item> <el-select
<el-button @click="handleQuery" type="primary"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button> v-model="queryParams.hasPrice"
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button> placeholder="请选择是否有价格"
</el-form-item> clearable
</el-form> class="!w-240px"
</ContentWrap> >
<el-option
<!-- 列表 --> v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)"
<ContentWrap> :key="dict.value"
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" class="hl-table"> :label="dict.label"
<el-table-column fixed label="序号" type="index" width="100"/> :value="dict.value"
<el-table-column fixed label="项目编号" align="center" prop="code" width="240"/> />
<el-table-column </el-select>
fixed </el-form-item>
label="订单日期" <el-form-item label="是否已变更" prop="hasAlter">
align="center" <el-select
prop="orderTime" v-model="queryParams.hasAlter"
:formatter="dateFormatter2" placeholder="请选择是否已变更"
width="180" clearable
/> class="!w-240px"
<el-table-column label="提出部门" align="center" prop="businessDeptName" width="150" /> >
<el-table-column label="业务员" align="center" prop="businessManName" width="150" /> <el-option
<el-table-column label="客户名称" align="center" prop="customerName" width="240" /> v-for="dict in getIntDictOptions(DICT_TYPE.HELI_COMMON_IS_OR_NOT)"
<el-table-column label="合同编号" align="center" prop="contractNo" width="180"/> :key="dict.value"
<el-table-column label="模具名称" align="center" prop="mouldName" width="180" /> :label="dict.label"
<el-table-column label="所属业务线" align="center" prop="businessLine" width="150"> :value="dict.value"
<template #default="scope"> />
<dict-tag :type="DICT_TYPE.HELI_BUSINESS_LINE" :value="scope.row.businessLine" /> </el-select>
</template> </el-form-item>
</el-table-column> <el-form-item label="单据状态" prop="orderStatus">
<el-table-column label="是否有价格" align="center" prop="hasPrice" width="150"> <el-select
<template #default="scope"> v-model="queryParams.orderStatus"
<dict-tag :type="DICT_TYPE.HELI_COMMON_IS_OR_NOT" :value="scope.row.hasPrice" /> placeholder="请选择单据状态"
</template> clearable
</el-table-column> class="!w-240px"
<el-table-column label="价格（元）" align="center" prop="price" width="150"/> >
<el-table-column label="币种" align="center" prop="currency" width="150"> <el-option
<template #default="scope"> v-for="dict in getIntDictOptions(DICT_TYPE.HELI_PROJECT_ORDER_AUDIT_STATUS)"
<dict-tag :type="DICT_TYPE.HELI_CURRENCY" :value="scope.row.currency" /> :key="dict.value"
</template> :label="dict.label"
</el-table-column> :value="dict.value"
<el-table-column label="是否紧急" align="center" prop="isUrgency" width="150"> />
<template #default="scope"> </el-select>
<dict-tag :type="DICT_TYPE.HELI_COMMON_IS_OR_NOT" :value="scope.row.isUrgency" /> </el-form-item>
</template> <el-form-item label="发货状态" prop="deliveryStatus">
</el-table-column> <el-select
<el-table-column label="性质" align="center" prop="property" width="120"> v-model="queryParams.deliveryStatus"
<template #default="scope"> placeholder="请选择发货状态"
<dict-tag :type="DICT_TYPE.HELI_PROJECT_PROPERTY" :value="scope.row.property" /> clearable
</template> class="!w-240px"
</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-option
</el-button> v-for="dict in getIntDictOptions(DICT_TYPE.HELI_DELIVERY_STATUS)"
<el-button :key="dict.value"
link :label="dict.label"
type="primary" :value="dict.value"
@click="openDetail('detail', scope.row.id)" />
</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-button> </el-form-item>
</template> </el-form>
</el-table-column> </ContentWrap>
</el-table>
<!-- 分页 -->
<Pagination
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</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> </template>
<script setup lang="ts"> <script setup lang="ts">
import { getIntDictOptions, getStrDictOptions, DICT_TYPE } from '@/utils/dict' 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 download from '@/utils/download'
import * as ProjectOrderApi from '@/api/heli/projectorder' import * as ProjectOrderApi from '@/api/heli/projectorder'
@ -222,7 +247,7 @@ defineOptions({ name: 'ProjectOrderAudit' })
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化 const { t } = useI18n() // 国际化
const router = useRouter(); const router = useRouter()
const loading = ref(true) // 列表的加载中 const loading = ref(true) // 列表的加载中
const list = ref([]) // 列表的数据 const list = ref([]) // 列表的数据
@ -262,7 +287,7 @@ const queryParams = reactive({
snapshotId: undefined, snapshotId: undefined,
snapshotCode: undefined, snapshotCode: undefined,
orderTime: [], orderTime: [],
snapshotOrderTime: [], snapshotOrderTime: []
}) })
const queryFormRef = ref() // 搜索的表单 const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中 const exportLoading = ref(false) // 导出的加载中
@ -331,10 +356,10 @@ const handleExport = async () => {
} }
const handleCommand = async (command, id) => { const handleCommand = async (command, id) => {
switch (command){ switch (command) {
case 'detail': case 'detail':
openDetail('detail', id); openDetail('detail', id)
break; break
} }
} }

Write Preview
Loading…
Cancel
Save