更新

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
+        <el-input v-model="queryParams.carNum" placeholder="请输入车牌号" clearable @keyup.enter.native="handleQuery" />
-          v-model="queryParams.carNum"
-          placeholder="请输入车牌号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
       </el-form-item>
       <el-form-item label="检测类型" prop="goodsTitle">
-        <el-input
+        <el-input v-model="queryParams.goodsTitle" placeholder="请输入检测类型" clearable @keyup.enter.native="handleQuery" />
-          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
+          <el-option v-for="dict in customerData" :key="dict.value" :label="dict.label" :value="dict.value"></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
+          <el-select v-model="queryParams.payType" placeholder="支付方式" clearable style="width: 240px">
-            v-model="queryParams.payType"
+            <el-option v-for="dict in dict.type.pay_type" :key="dict.value" :label="dict.label" :value="dict.value" />
-            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
+        <el-date-picker v-model="queryParams.jcTime" type="daterange" value-format="yyyy-MM-dd" range-separator="至"
-          v-model="queryParams.jcTime"
+          start-placeholder="开始日期" end-placeholder="结束日期">
-          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
+        <el-select v-model="queryParams.roleId" placeholder="角色" clearable style="width: 240px">
-          v-model="queryParams.roleId"
+          <el-option v-for="dict in dict.type.inspection_use_role.slice(0, 3)" :key="dict.value" :label="dict.label"
-          placeholder="角色"
+            :value="dict.value" />
-          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
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">录入
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-        >录入
         </el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
+        <el-button type="primary" plain icon="el-icon-download" size="mini" @click="handleExport">导出
-          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
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="watchWork(scope.row)">打印
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="watchWork(scope.row)"
-          >打印
           </el-button>
-          <el-button
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="xinWork(scope.row)">结算
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="xinWork(scope.row)"
-          >结算
           </el-button>
-          <el-button
+          <el-button size="mini" type="text" icon="el-icon-edit"
-            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
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="detail(scope.row)">详情
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-
-            @click="detail(scope.row)"
-          >详情
           </el-button>
-          <el-button
+          <el-button size="mini" type="text" icon="el-icon-edit" v-if="scope.row.status && scope.row.status == 0"
-            size="mini"
+            @click="jieshu(scope.row)">完工
-            type="text"
-            icon="el-icon-edit"
-            v-if="scope.row.status&&scope.row.status == 0"
-            @click="jieshu(scope.row)"
-          >完工
           </el-button>
-          <el-button
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-          >修改
           </el-button>
-          <el-button
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleDelete(scope.row)">删除
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleDelete(scope.row)"
-          >删除
           </el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-      v-show="total>0"
+      @pagination="getList" />
-      :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
+            <el-option v-for="item in optionss" :key="item.value" :label="item.label" :value="item.value">
-              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
+            <el-option v-for="item in optionsss" :key="item.value" :label="item.label" :value="item.value">
-              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
+            <el-option v-for="dict in dict.type.pay_type" :key="dict.value" :label="dict.label"
-              v-for="dict in dict.type.pay_type"
+              :value="dict.value"></el-option>
-              :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
+            <el-option v-for="item in BankAccountList" :key="item.key" :label="item.key"></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
+            <el-option v-for="dict in dict.type.car_use_nature" :key="dict.value" :label="dict.label"
-              v-for="dict in dict.type.car_use_nature"
+              :value="dict.value"></el-option>
-              :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
+            <el-option v-for="dict in customerData" :key="dict.value" :label="dict.label"
-              v-for="dict in customerData"
+              :value="dict.value"></el-option>
-              :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
+          <el-cascader v-model="form.skuId" :options="options" @change="handleChange"
-            v-model="form.skuId"
+            :disabled="!isInsert"></el-cascader>
-            :options="options"
-            @change="handleChange" :disabled="!isInsert"></el-cascader>
         </el-form-item>
         <el-form-item label="新旧车">
           <el-select v-model="form.carStatus" placeholder="请选择新旧车">
-            <el-option
+            <el-option v-for="dict in dict.type.car_status" :key="dict.value" :label="dict.label"
-              v-for="dict in dict.type.car_status"
+              :value="dict.value"></el-option>
-              :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
+            <el-option v-for="dict in leadManList" :key="dict.id" :label="dict.nickname" :value="dict.id"></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
+            <el-option v-for="dict in meetManList" :key="dict.id" :label="dict.nickname" :value="dict.id"></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
+            <div class="project-button" :class="{ 'selected': selectInspectionProjectIds.includes(item.id) }"
-            class="project-button"
+              v-for="item in projectList" :key="item.id" @click="clickProject(item)">
-            :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 */
+  size: auto;
-  margin: 3mm; /* this affects the margin in the printer settings */
+  /* 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>