更新
This commit is contained in:
许允枞
parent
7a6214441b
commit
979f53acf2
@ -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,23 +37,11 @@
|
||||
</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">
|
||||
@ -146,70 +95,29 @@
|
||||
<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"
|
||||
<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)"
|
||||
>制证
|
||||
@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>
|
||||
@ -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,22 +227,14 @@
|
||||
<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="代办人手机号">
|
||||
@ -355,39 +242,23 @@
|
||||
</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="请选择检测项目">-->
|
||||
@ -395,13 +266,8 @@
|
||||
<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)"
|
||||
>
|
||||
<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>
|
||||
@ -915,6 +781,7 @@ export default {
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
console.log('事件',this.form.carRegisterDate);
|
||||
if (this.form.id) {
|
||||
this.updateForm()
|
||||
} else {
|
||||
@ -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,10 +976,13 @@ export default {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.steps_ {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}.inspection-project-list {
|
||||
}
|
||||
|
||||
.inspection-project-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user