orderlist css

pages/produce/orderlist.vue

@@ -37,7 +37,7 @@
             <Col :span="4">
               <div class="sanjiao" :style="tdStyle(row.status)"></div>
               <div class="box">
-                <div class="text" style="font-size:4px;font-weight:normal">
+                <div class="text">
                   <state
                     code="taskList.status"
                     ref="state"
@@ -217,7 +217,15 @@ export default {
     search() {
       this.$refs.grid.reload(this.easySearch);
     },
-    toExecute(id, orderId, executeId, headid, routingDetailId,quantity, status) {
+    toExecute(
+      id,
+      orderId,
+      executeId,
+      headid,
+      routingDetailId,
+      quantity,
+      status
+    ) {
       //跳转到对应操作页面  获取id:this.$route.query.id
       this.$router.push({
         path: "/produce/execute",
@@ -315,11 +323,11 @@ export default {
   height: calc(100vh - 110px);
   .body {
     background: white;
-    border-radius: 4px;
+    border-radius: 4px 0 4px 4px;
     border: #cacbd0 solid 1px;
     margin-bottom: 30px;
     .title-i {
-      padding: 0 8px;
+      padding: 0 0 0 8px;
       height: 38px;
       line-height: 38px;
       color: #2680eb;
@@ -352,32 +360,30 @@ export default {
     box-shadow: 0 0 10px #888888;
   }
 }
+
 .sanjiao {
-  margin: 38px;
   height: 0px;
-  width: 0px;
-  border-left: solid 60px transparent;
-  position: absolute;
-  right: -46px;
-  top: -38px;
+  width: 0;
+  border-left: solid 50px transparent;
+  float: right;
+  margin-right:-1px;
 }
 .box {
   color: white;
-  width: 80px;
-  height: 30px;
-  overflow: hidden;
+  float: right;
+  margin-top: -42px;
   /* Rotate div */
-  transform: rotate(33deg);
-  -ms-transform: rotate(33deg); /* Internet Explorer */
-  -moz-transform: rotate(33deg); /* Firefox */
-  -webkit-transform: rotate(33deg); /* Safari 和 Chrome */
-  -o-transform: rotate(33deg); /* Opera */
+  transform: rotate(37deg);
+  -ms-transform: rotate(37deg); /* Internet Explorer */
+  -moz-transform: rotate(37deg); /* Firefox */
+  -webkit-transform: rotate(37deg); /* Safari 和 Chrome */
+  -o-transform: rotate(37deg); /* Opera */
   .text {
-    position: absolute;
-    left: 32px;
-    top: -13px;
+    font-size: 8px;
+    font-weight: normal;
   }
 }
+
 .rowBottom .ivu-col-span-10 {
   height: 24px;
   padding-right: 10px;