工单报备，工单详情

src/views/index/vehicleManage.vue

@@ -0,0 +1,84 @@
+<template>
+<div class="wrap">
+  <div class="carItem" v-for="(item,index) in 3" :key="index">
+    <div class="carCode">
+      <div class="codeLeft">苏AB6768 / 拖车</div>
+      <div class="twoBtn">
+        <button class="del">删除</button>
+        <button class="revise" @click="goPage('vehicleAdd')">修改</button>
+      </div>
+    </div>
+    <div class="carType">事故--大型拖车,事故--小型拖车,事故--平板拖车....</div>
+    <div class="juhe">
+      <span class="zdJuhe">是否参与中道聚合:        </span>
+      <span class="isZd isYes">是</span>
+    </div>
+  </div>
+</div>
+</template>
+
+<script>
+import { myMixins} from "@/utils/myMixins";
+
+export default {
+  name: "vehicleManage",
+  mixins:[myMixins],
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/mixin.scss";
+.wrap{
+  @include wh(100%,100%);
+  box-sizing: border-box;
+  padding: 13px 13px 0;
+}
+.carItem{
+  @include wh(100%,86px);
+  background: #FFFFFF;
+  box-shadow: 0px 2px 10px 0px rgba(216,216,216,0.5);
+  border-radius: 6px;
+  box-sizing: border-box;
+  padding: 11px 13px 11px 15px;
+  margin-bottom: 10px;
+  @include flexBetween;
+  .carCode{
+    display: flex;
+    justify-content: space-between;
+    .codeLeft{
+      @include fontWeightSize(500,14px)
+    }
+    .twoBtn{
+      button{
+        border: none;
+        width: 48px;
+        @include all-height(20px);
+        border-radius: 3px;
+        @include fontWeightSize(500,12px)
+      }
+      .del{
+        border: 1px solid #DDDDDD;
+        background-color: #FFFFFF;
+      }
+      .revise{
+        color: #FFFFFF;
+        margin-left: 15px;
+        background: #354D93;
+      }
+    }
+  }
+  .carType,.zdJuhe{
+    opacity: .7;
+    @include fontWeightSize(400,12px)
+  }
+  .isZd{
+    @include fontWeightSize(400,12px);
+  }
+  .isYes{
+    color: #09B820;
+  }
+  .isNo{
+    color: #FF0000;
+  }
+}
+</style>