From 979f53acf2e9e0eeb64079ef9b2b43fc551df807 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E5=85=81=E6=9E=9E?= <3422692813@qq.com>
Date: Sat, 12 Apr 2025 14:19:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/partner/workOrder.vue | 387 +++++++++++---------------------
 1 file changed, 128 insertions(+), 259 deletions(-)

diff --git a/src/views/partner/workOrder.vue b/src/views/partner/workOrder.vue
index 9d8327f..7eabaa9 100644
--- a/src/views/partner/workOrder.vue
+++ b/src/views/partner/workOrder.vue
@@ -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>