This commit is contained in:
许允枞 2025-04-12 14:19:21 +08:00
parent 7a6214441b
commit 979f53acf2

View File

@ -2,71 +2,32 @@
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="车牌号" prop="carNum">
<el-input
v-model="queryParams.carNum"
placeholder="请输入车牌号"
clearable
@keyup.enter.native="handleQuery"
/>
<el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="检测类型" prop="goodsTitle">
<el-input
v-model="queryParams.goodsTitle"
placeholder="请输入检测类型"
clearable
@keyup.enter.native="handleQuery"
/>
<el-input v-model="queryParams.goodsTitle" placeholder="请输入检测类型" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="客户来源" prop="customerSource">
<el-select v-model="queryParams.customerSource" placeholder="请选择客户来源">
<el-option
v-for="dict in customerData"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
<el-option v-for="dict in customerData" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="支付方式" prop="payType">
<template slot-scope="scope">
<el-select
v-model="queryParams.payType"
placeholder="支付方式"
clearable
style="width: 240px"
>
<el-option
v-for="dict in dict.type.pay_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
<el-select v-model="queryParams.payType" placeholder="支付方式" clearable style="width: 240px">
<el-option v-for="dict in dict.type.pay_type" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
</template>
</el-form-item>
<el-form-item label="检测时间" prop="startTime">
<el-date-picker
v-model="queryParams.jcTime"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
<el-date-picker v-model="queryParams.jcTime" type="daterange" value-format="yyyy-MM-dd" range-separator=""
start-placeholder="开始日期" end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
<el-form-item label="角色" prop="status">
<el-select
v-model="queryParams.roleId"
placeholder="角色"
clearable
style="width: 240px"
>
<el-option
v-for="dict in dict.type.inspection_use_role.slice(0,3)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
<el-select v-model="queryParams.roleId" placeholder="角色" clearable style="width: 240px">
<el-option v-for="dict in dict.type.inspection_use_role.slice(0, 3)" :key="dict.value" :label="dict.label"
:value="dict.value" />
</el-select>
</el-form-item>
<el-form-item>
@ -76,51 +37,39 @@
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
>录入
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">录入
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
>导出
<el-button type="primary" plain icon="el-icon-download" size="mini" @click="handleExport">导出
</el-button>
</el-col>
<div style="margin-left: 72%;font-weight: bold">
<span>
公示应收价格汇总{{ moneyData.goodsPriceSum / 100 }}
</span>
<span>
公示应收价格汇总{{ moneyData.goodsPriceSum / 100 }}
</span>
<span style="margin-left: 3%">
实付金额汇总{{ moneyData.payMoneySum / 100 }}
</span>
实付金额汇总{{ moneyData.payMoneySum / 100 }}
</span>
</div>
</el-row>
<el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center"/>
<el-table-column label="车牌号" align="center" prop="carNum"/>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="车牌号" align="center" prop="carNum" />
<el-table-column label="客户来源" align="center" prop="customerSource">
</el-table-column>
<el-table-column label="检测结果" align="center" prop="isPass">
<template slot-scope="scope">
<span v-if="scope.row.isPass =='0'">不合格</span>
<span v-else-if="scope.row.isPass =='1'">合格</span>
<span v-if="scope.row.isPass == '0'">不合格</span>
<span v-else-if="scope.row.isPass == '1'">合格</span>
<span v-else>进行中</span>
</template>
</el-table-column>
<el-table-column label="车辆类型" align="center" prop="goodsTitle"/>
<el-table-column label="检测项目" align="center" prop="skuName"/>
<el-table-column label="车辆类型" align="center" prop="goodsTitle" />
<el-table-column label="检测项目" align="center" prop="skuName" />
<el-table-column label="公示应收价格" align="center" prop="realPayMoney" width="100">
<template slot-scope="scope">
<span>{{ scope.row.goodsPrice / 100 }}</span>
@ -131,85 +80,44 @@
<span>{{ scope.row.realPayMoney / 100 }}</span>
</template>
</el-table-column>
<el-table-column label="收款时间" align="center" prop="payTime"/>
<el-table-column label="收款时间" align="center" prop="payTime" />
<!-- <el-table-column label="客户" align="center" prop="buyName" />-->
<el-table-column label="客户手机号" align="center" prop="buyPhone"/>
<el-table-column label="客户手机号" align="center" prop="buyPhone" />
<!-- <el-table-column label="接待员" align="center" prop="workerName"/>-->
<el-table-column label="接待员手机号" align="center" prop="workerPhone"/>
<el-table-column label="接待员手机号" align="center" prop="workerPhone" />
<el-table-column label="支付方式" align="center" prop="payType">
<template slot-scope="scope">
<dict-tag :options="dict.type.pay_type" :value="scope.row.payType"/>
<dict-tag :options="dict.type.pay_type" :value="scope.row.payType" />
</template>
</el-table-column>
<el-table-column label="开始时间" align="center" prop="startTime"/>
<el-table-column label="结束时间" align="center" prop="endTime"/>
<el-table-column label="备注" align="center" prop="remark"/>
<el-table-column label="开始时间" align="center" prop="startTime" />
<el-table-column label="结束时间" align="center" prop="endTime" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="watchWork(scope.row)"
>打印
<el-button size="mini" type="text" icon="el-icon-edit" @click="watchWork(scope.row)">打印
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="xinWork(scope.row)"
>结算
<el-button size="mini" type="text" icon="el-icon-edit" @click="xinWork(scope.row)">结算
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
v-if="scope.row.status&&scope.row.status == 1&&scope.row.isPass&&scope.row.isPass ==1&&scope.row.makeCert!=1"
@click="zhizheng(scope.row)"
>制证
<el-button size="mini" type="text" icon="el-icon-edit"
v-if="scope.row.status && scope.row.status == 1 && scope.row.isPass && scope.row.isPass == 1 && scope.row.makeCert != 1"
@click="zhizheng(scope.row)">制证
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="detail(scope.row)"
>详情
<el-button size="mini" type="text" icon="el-icon-edit" @click="detail(scope.row)">详情
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
v-if="scope.row.status&&scope.row.status == 0"
@click="jieshu(scope.row)"
>完工
<el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.status && scope.row.status == 0"
@click="jieshu(scope.row)">完工
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleDelete(scope.row)"
>删除
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleDelete(scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
<!-- 添加或修改道路救援模块对话框 -->
<el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
@ -226,21 +134,13 @@
<div style="box-sizing: border-box;padding-left: 120px;margin: 10px auto">
<el-select v-model="isPass" placeholder="是否合格">
<el-option
v-for="item in optionss"
:key="item.value"
:label="item.label"
:value="item.value">
<el-option v-for="item in optionss" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div v-if="isPass == 0" style="box-sizing: border-box;padding-left: 120px;margin: 10px auto">
<el-select v-model="isRetrial" placeholder="重审/退办">
<el-option
v-for="item in optionsss"
:key="item.value"
:label="item.label"
:value="item.value">
<el-option v-for="item in optionsss" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
@ -261,8 +161,8 @@
<span>{{ goodsPrice / 100 }}</span>
</el-form-item>
<el-form-item label="优惠金额">
<el-input-number :min="0" @input="jisuan" :max="goodsPrice/100" type="text"
v-model="reduceMoney"></el-input-number>
<el-input-number :min="0" @input="jisuan" :max="goodsPrice / 100" type="text"
v-model="reduceMoney"></el-input-number>
</el-form-item>
<el-form-item label="实付金额">
<el-input-number type="text" v-model="payMoney"></el-input-number>
@ -270,22 +170,13 @@
<el-form-item label="付款方式">
<!-- <el-input type="text" v-model="receivablesAccount"></el-input>-->
<el-select v-model="payType" placeholder="请选择付款方式">
<el-option
v-for="dict in dict.type.pay_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
<el-option v-for="dict in dict.type.pay_type" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="收款账号">
<el-select v-model="receivablesAccount" placeholder="请选择收款账号">
<el-option
v-for="item in BankAccountList"
:key="item.key"
:label="item.key"
></el-option>
<el-option v-for="item in BankAccountList" :key="item.key" :label="item.key"></el-option>
</el-select>
</el-form-item>
<el-form-item label="备注">
@ -323,6 +214,10 @@
<el-form-item label="车辆识别代号">
<el-input type="text" v-model="form.carIdNo"></el-input>
</el-form-item>
<el-form-item label="车辆注册日期">
<el-date-picker v-model="form.carRegisterDate" type="date" placeholder="选择日期">
</el-date-picker>
</el-form-item>
<el-form-item label="住址">
<el-input type="text" v-model="form.userAddress"></el-input>
</el-form-item>
@ -332,96 +227,67 @@
<el-form-item label="使用性质">
<el-select v-model="form.carNature" placeholder="请选择使用性质">
<el-option
v-for="dict in dict.type.car_use_nature"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
<el-option v-for="dict in dict.type.car_use_nature" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="请选择客户来源">
<el-select v-model="form.customerSource" placeholder="请选择客户来源">
<el-option
v-for="dict in customerData"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
<el-option v-for="dict in customerData" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="代办人手机号">
<el-input v-model="form.otherPhone" placeholder="请选择代办人手机号"/>
<el-input v-model="form.otherPhone" placeholder="请选择代办人手机号" />
</el-form-item>
<el-form-item label="选择商品">
<el-cascader
v-model="form.skuId"
:options="options"
@change="handleChange" :disabled="!isInsert"></el-cascader>
<el-cascader v-model="form.skuId" :options="options" @change="handleChange"
:disabled="!isInsert"></el-cascader>
</el-form-item>
<el-form-item label="新旧车">
<el-select v-model="form.carStatus" placeholder="请选择新旧车">
<el-option
v-for="dict in dict.type.car_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
<el-option v-for="dict in dict.type.car_status" :key="dict.value" :label="dict.label"
:value="dict.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="引车员">
<el-select v-model="form.leadManId" placeholder="请选择引车员">
<el-option
v-for="dict in leadManList"
:key="dict.id"
:label="dict.nickname"
:value="dict.id"
></el-option>
<el-option v-for="dict in leadManList" :key="dict.id" :label="dict.nickname" :value="dict.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="接车员">
<el-select v-model="form.meetManId" placeholder="请选择接车员">
<el-option
v-for="dict in meetManList"
:key="dict.id"
:label="dict.nickname"
:value="dict.id"
></el-option>
<el-option v-for="dict in meetManList" :key="dict.id" :label="dict.nickname" :value="dict.id"></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="请选择检测项目">-->
<!-- 可选检测项目 -->
<!-- <el-form-item label="请选择检测项目">-->
<!-- 可选检测项目 -->
<div v-if="isInsert">
<div class="available-projects-title">可选检测项目</div>
<div class="available-projects-container">
<div
class="project-button"
:class="{ 'selected' : selectInspectionProjectIds.includes(item.id) }"
v-for="item in projectList"
:key="item.id"
@click="clickProject(item)"
>
{{ item.projectName }}
</div>
</div>
<!-- 已选检测项目标题 -->
<div class="selected-projects-title">已选检测项目</div>
<!-- 已选项目列表 -->
<div class="inspection-project-list">
<div class="project-item" v-for="(item, index) in selectInspectionProject" :key="index">
<div class="steps_">
<div class="index_2">{{ index + 1 }}</div>
<div class="project-name">{{ item.projectName }}</div>
</div>
<div class="arrow" v-if="index !== selectInspectionProject.length - 1">
<span></span>
<div class="available-projects-title">可选检测项目</div>
<div class="available-projects-container">
<div class="project-button" :class="{ 'selected': selectInspectionProjectIds.includes(item.id) }"
v-for="item in projectList" :key="item.id" @click="clickProject(item)">
{{ item.projectName }}
</div>
</div>
<!-- 已选检测项目标题 -->
<div class="selected-projects-title">已选检测项目</div>
<!-- 已选项目列表 -->
<div class="inspection-project-list">
<div class="project-item" v-for="(item, index) in selectInspectionProject" :key="index">
<div class="steps_">
<div class="index_2">{{ index + 1 }}</div>
<div class="project-name">{{ item.projectName }}</div>
</div>
<div class="arrow" v-if="index !== selectInspectionProject.length - 1">
<span></span>
</div>
</div>
</div>
</div>
</div>
@ -460,7 +326,7 @@ import {
getINspectionProject,
getWeorkNodesById
} from "./api/workOrder";
import {getCustomerSource} from "./api/index";
import { getCustomerSource } from "./api/index";
import print from 'vue-print-nb'
import moment from 'moment';
import request from "@/utils/request";
@ -472,14 +338,14 @@ export default {
directives: {
print
},
components: {DictTag},
components: { DictTag },
data() {
return {
moneyData: {
payMoneySum: 0,
goodsPriceSum: 0
},
projectList:[],
projectList: [],
isPass: 1,
isRetrial: '',
remark: '',
@ -536,12 +402,12 @@ export default {
openhe: false,
htmlStr: null,
detailForm: [],
selectInspectionProject:[],
inspectionWorkNodeStr:[],
selectInspectionProjectIds:[],
selectInspectionProject: [],
inspectionWorkNodeStr: [],
selectInspectionProjectIds: [],
isInsert: false,
leadManList:[],
meetManList:[],
leadManList: [],
meetManList: [],
//
queryParams: {
pageNum: 1,
@ -561,34 +427,34 @@ export default {
//
rules: {
connectionName: [
{required: true, message: "联系人名称不能为空", trigger: "blur"}
{ required: true, message: "联系人名称不能为空", trigger: "blur" }
],
connectionPhone: [
{required: true, message: "联系人手机号不能为空", trigger: "blur"}
{ required: true, message: "联系人手机号不能为空", trigger: "blur" }
],
licenseNum: [
{required: true, message: "车牌号不能为空", trigger: "blur"}
{ required: true, message: "车牌号不能为空", trigger: "blur" }
],
isAppointment: [
{required: true, message: "是否为预约单不能为空", trigger: "change"}
{ required: true, message: "是否为预约单不能为空", trigger: "change" }
],
rescueType: [
{required: true, message: "救援类型 1拖车2送油3搭电4换台5扣车不能为空", trigger: "change"}
{ required: true, message: "救援类型 1拖车2送油3搭电4换台5扣车不能为空", trigger: "change" }
],
carType: [
{required: true, message: "车辆类型 大中小不能为空", trigger: "change"}
{ required: true, message: "车辆类型 大中小不能为空", trigger: "change" }
],
rescuePosition: [
{required: true, message: "救援地点 详细描述不能为空", trigger: "blur"}
{ required: true, message: "救援地点 详细描述不能为空", trigger: "blur" }
],
feeType: [
{required: true, message: "收费类型不能为空", trigger: "change"}
{ required: true, message: "收费类型不能为空", trigger: "change" }
],
}
};
},
created() {
this.dict = {type: {}}
this.dict = { type: {} }
for (let i = 0; i < this.$options.dicts.length; i++) {
request({
url: '/rescue/dict/data/type/' + this.$options.dicts[i],
@ -915,6 +781,7 @@ export default {
},
/** 提交按钮 */
submitForm() {
console.log('事件',this.form.carRegisterDate);
if (this.form.id) {
this.updateForm()
} else {
@ -922,7 +789,7 @@ export default {
this.$modal.msgError("请选择项目")
}
for (var i = 0; i < this.selectInspectionProject.length; i++) {
this.selectInspectionProject[i].orderNum = i+1
this.selectInspectionProject[i].orderNum = i + 1
this.selectInspectionProject[i].projectId = this.selectInspectionProject[i].id
this.selectInspectionProject[i].id = undefined
}
@ -944,7 +811,7 @@ export default {
}
},
getWeorkNodesById(id){
getWeorkNodesById(id) {
const params = {
inspectionId: id
}
@ -989,8 +856,10 @@ export default {
</script>
<style media="print">
@page {
size: auto; /* auto is the initial value */
margin: 3mm; /* this affects the margin in the printer settings */
size: auto;
/* auto is the initial value */
margin: 3mm;
/* this affects the margin in the printer settings */
}
.w-box {
@ -1032,10 +901,7 @@ export default {
font-weight: bold;
}
* 对话框整体样式 *
/
.custom-dialog {
* 对话框整体样式 * / .custom-dialog {
border-radius: 8px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
@ -1071,6 +937,7 @@ export default {
font-size: 14px;
color: #666;
}
.title_ {
font-weight: bold;
margin-bottom: 10px;
@ -1109,18 +976,21 @@ export default {
text-align: center;
font-size: 16px;
}
.steps_ {
display: flex;
align-items: center;
}.inspection-project-list {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
background-color: #f9f9f9;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
}
.inspection-project-list {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
background-color: #f9f9f9;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.project-item {
display: flex;
@ -1162,7 +1032,8 @@ export default {
}
/* 可选检测项目标题 */
.available-projects-title, .selected-projects-title {
.available-projects-title,
.selected-projects-title {
font-size: 20px;
font-weight: bold;
color: #333;
@ -1213,6 +1084,4 @@ export default {
flex-wrap: wrap;
gap: 12px;
}
</style>