页面代码优化，代办事项列表和代办审核

src/views/index/driverAdd.vue

@@ -1,45 +1,47 @@
 <template>
 <div class="wrap">
-  <cell-group label="测试" placeholder="请输入测试内容" v-model="name"/>
-  <div class="itemContent">
-    <div class="titleType">
-      <img class="startImg" src="@/assets/start.png" />
-      <span>司机姓名</span>
-    </div>
-    <div class="checkContent">
-      <input placeholder="请输入司机姓名" />
-    </div>
-  </div>
-  <div class="lineBot"></div>
-  <div class="itemContent">
-    <div class="titleType">
-      <img class="startImg" src="@/assets/start.png" />
-      <span>手机号码</span>
-    </div>
-    <div class="checkContent">
-      <input placeholder="请输入手机号码" />
-    </div>
-  </div>
-  <div class="lineBot"></div>
-  <div class="itemContent">
-    <div class="titleType">
-      <img class="startImg" src="@/assets/start.png" />
-      <span>身份证号</span>
-    </div>
-    <div class="checkContent">
-      <input placeholder="请输入身份证号" />
-    </div>
-  </div>
-  <div class="lineBot"></div>
+  <cell-group label="司机姓名" placeholder="请输入司机姓名" @input="getName(name)" v-model="name"/>
+  <cell-group label="手机号码" placeholder="请输入手机号" @input="getPhone(phone)" v-model="phone"/>
+  <cell-group label="身份证号" placeholder="请输入身份证号" @input="getCarId(carId)" v-model="carId"/>
+<!--  <div class="itemContent">-->
+<!--    <div class="titleType">-->
+<!--      <img class="startImg" src="@/assets/start.png" />-->
+<!--      <span>司机姓名</span>-->
+<!--    </div>-->
+<!--    <div class="checkContent">-->
+<!--      <input placeholder="请输入司机姓名" />-->
+<!--    </div>-->
+<!--  </div>-->
+<!--  <div class="lineBot"></div>-->
+<!--  <div class="itemContent">-->
+<!--    <div class="titleType">-->
+<!--      <img class="startImg" src="@/assets/start.png" />-->
+<!--      <span>手机号码</span>-->
+<!--    </div>-->
+<!--    <div class="checkContent">-->
+<!--      <input placeholder="请输入手机号码" />-->
+<!--    </div>-->
+<!--  </div>-->
+<!--  <div class="lineBot"></div>-->
+<!--  <div class="itemContent">-->
+<!--    <div class="titleType">-->
+<!--      <img class="startImg" src="@/assets/start.png" />-->
+<!--      <span>身份证号</span>-->
+<!--    </div>-->
+<!--    <div class="checkContent">-->
+<!--      <input placeholder="请输入身份证号" />-->
+<!--    </div>-->
+<!--  </div>-->
+<!--  <div class="lineBot"></div>-->
   <div class="itemContent">
     <div class="titleType">
       <img class="startImg" src="@/assets/start.png" />
       <span>准驾车型</span>
     </div>
-    <select id="myDropdown" @change="handleSelectChange()" style="border: none">
-      <option value="option1">C1</option>
-      <option value="option2">C2</option>
-      <option value="option3">C3</option>
+    <select id="mySelect"  class="chosen-select" style="width: 44px">
+      <option value="C1">C1</option>
+      <option value="C2">C2</option>
+      <option value="C3">C3</option>
     </select>
   </div>
   <div class="lineBot"></div>
@@ -82,11 +84,21 @@ export default {
   data(){
     return{
       name:"",
+      phone:"",
+      carId:"",
       radio:'启用',
       activeIcon: require('@/assets/check.png'),
       inactiveIcon: require('@/assets/uncheck.png')
     }
   },
+  mounted() {
+    console.log("radio",this.radio)
+      const selectElement = document.getElementById('mySelect');
+      selectElement.addEventListener('change', function() {
+        const selectedValue = selectElement.value;
+        console.log('Selected value:', selectedValue);
+      });
+  },
   methods:{
     isUse(e){
       console.log("是否启用",e)
@@ -96,6 +108,15 @@ export default {
     },
     submitBtn(){
       console.log("提交司机")
+    },
+    getName(e){
+      console.log("NAME",e);
+    },
+    getPhone(e){
+      console.log("phone",e);
+    },
+    getCarId(e){
+      console.log("car",e);
     }
   },
   components:{
@@ -108,6 +129,7 @@ export default {
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
 @import "@/styles/common.scss";
+
 .wrap{
   @include wh(100%,100%);
   box-sizing: border-box;
@@ -141,6 +163,7 @@ export default {
     @include fontWeightSize(500,13px);
     opacity: .5;
   }
+
 }
 .lineBot{
   @include wh(100%,1px);

src/views/index/toDoList.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="wrap" >
     <ul id="dataList" class="dataList">
-      <li class="item" v-for="(item,i) in 4" :key="i">
+      <li class="item" v-for="(item,i) in todolist" :key="i">
         <div class="left">
-          <div class="repairName"><span class="name">维修申请</span><span class="carCode">苏AB6768</span></div>
-          <div class="addressName">苏州老张汽车修理厂</div>
-          <div class="time">2023-05-12 12:30:30 张三</div>
+          <div class="repairName"><span class="name">{{ item.toDoType.label }}</span><span class="carCode">{{item.plateNumber ? item.plateNumber : "无"}}</span></div>
+          <div class="addressName">{{ item.address }}</div>
+          <div class="time">{{item.toDoTime}} &nbsp;&nbsp;{{item.userName}}</div>
         </div>
         <div class="right">
-          <button class="nopass" @click="noPass">不通过</button>
-          <button class="pass" @click="pass">通过</button>
+          <button class="nopass" @click="noPass(item)">不通过</button>
+          <button class="pass" @click="passThrough(item)">通过</button>
         </div>
       </li>
     </ul>
@@ -17,27 +17,38 @@
 </template>
 
 <script>
-import {getToDoList} from "@/api/order"
+import {getToDoList,toDoAudit} from "@/api/order"
 export default {
   name: "toDoList",
   data(){
     return{
-
+      todolist:[],
     }
   },
-  mounted() {
+   mounted() {
     this.getList()
   },
   methods:{
     async getList(){
-      let result=await getToDoList()
-      console.log("result",result)
+      let result=await getToDoList();
+      if(result.code === 200){
+          this.todolist=result.data;
+        console.log("this.todolist",this.todolist)
+      }
     },
-    noPass(){
-      console.log("不通过")
+     async noPass(item){
+      let result=await  toDoAudit({
+        toDoId:item.toDoId,
+        toDoType:item.toDoType.code
+      })
+      console.log("不通过",item,result)
     },
-    pass(){
-      console.log("通过")
+    async passThrough(item){
+      let result=await  toDoAudit({
+        toDoId:item.toDoId,
+        toDoType:item.toDoType.code
+      })
+      console.log("通过",item,result)
     }
   }
 }
@@ -45,9 +56,9 @@ export default {
 
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
+@import "@/styles/common.scss";
 .wrap {
-  width: 100%;
-  height: 100%;
+  @include wh(100%,100%);
   box-sizing: border-box;
   padding: 13px 13px 0 13px;
   background-color: #F4F5F7;
@@ -59,8 +70,7 @@ export default {
 
 .item {
   list-style: none;
-  display: flex;
-  justify-content: space-between;
+  @include flexColBet;
   margin-bottom: 10px;
   width: 100%;
   background: #FFFFFF;
@@ -106,10 +116,8 @@ button {
 }
 
 .pass {
-  border: none;
   border: 1px solid #2A5094 !important;
-  background: #2A5094;
-  color: white;
+  @include bgFontColor(white,#2A5094);
 }
 
 

src/views/index/vehicleAdd.vue

@@ -1,25 +1,26 @@
 <template>
 <div class="wrap">
 <div class="addContentWrap">
-  <div class="itemContent">
-    <div class="titleType">
-      <img class="startImg" src="@/assets/start.png" />
-      <span>车牌号</span>
-    </div>
-    <div class="checkContent">
-      <input placeholder="请输入车牌号" />
-    </div>
-  </div>
-  <div class="lineBot"></div>
+  <cell-group label="车牌号" placeholder="请输入车牌号"  @input="getPLateNum(carNum)" v-model="carNum" />
+<!--  <div class="itemContent">-->
+<!--    <div class="titleType">-->
+<!--      <img class="startImg" src="@/assets/start.png" />-->
+<!--      <span>车牌号</span>-->
+<!--    </div>-->
+<!--    <div class="checkContent">-->
+<!--      <input placeholder="请输入车牌号" />-->
+<!--    </div>-->
+<!--  </div>-->
+<!--  <div class="lineBot"></div>-->
   <div class="itemContent">
     <div class="titleType">
       <img class="startImg" src="@/assets/start.png" />
       <span>车辆类型</span>
     </div>
-    <select id="myDropdown" @change="handleSelectChange()">
-      <option value="option1">一般平板</option>
-      <option value="option2">小轿车</option>
-      <option value="option3">大卡车</option>
+    <select id="mySelect" style="width: 80px">
+      <option value="一般平板">一般平板</option>
+      <option value="小轿车">小轿车</option>
+      <option value="大卡车">大卡车</option>
     </select>
   </div>
   <div class="lineBot"></div>
@@ -130,6 +131,7 @@
 <script>
 import {myMixins} from "@/utils/myMixins"
 import TwoCommonBtn from "@/components/twoBtnCommon.vue"
+import CellGroup from "@/components/cellGroup.vue";
 export default {
   name: "vehicleAdd",
   mixins:[myMixins],
@@ -139,10 +141,17 @@ export default {
       radio2: '换胎',
       radio3:'参与',
       activeIcon: require('@/assets/check.png'),
-      inactiveIcon: require('@/assets/uncheck.png')
-
+      inactiveIcon: require('@/assets/uncheck.png'),
+      carNum:"",
     }
   },
+  mounted() {
+    const selectElement = document.getElementById('mySelect');
+    selectElement.addEventListener('change', function() {
+      const selectedValue = selectElement.value;
+      console.log('Selected value:', selectedValue);
+    });
+  },
   methods:{
     change(e) {
       console.log("拖车服务",e)
@@ -158,9 +167,13 @@ export default {
     },
     submitBtn(){
       console.log("提交车辆")
+    },
+    getPLateNum(e){
+      console.log("e",e)
     }
   },
   components:{
+    CellGroup,
     TwoCommonBtn
   }
 }
@@ -209,9 +222,6 @@ export default {
     background: #E9E9EA;
     opacity: 0.6;
   }
-  select{
-    border: none;
-  }
   .serviceType{
     @include fontWeightSize(500,13px);
     margin-left: 15px;