modal处理

pages/produce/execute/execute.less

 
 .execute_box{
     position: relative;
-    
+    margin: 0px -10px;
     .top_title{
         height: 50px;
         line-height: 49px;
@@ -334,9 +334,9 @@
     height: calc(100vh - 165px);
 }
 .case_top{
-    padding: 15px 40px 10px;
+    padding: 15px 70px 10px;
     .sear_btn{
-        width: calc(100% - 50px);
+        width: calc(100% - 80px);
         display: inline-block;
         .search_box{
             width: 200px;
@@ -354,6 +354,7 @@
         }
     }
     .slip{
+        margin-right: 20px;
         i.ivu-icon{
             font-size: 32px;
             transform:rotate(90deg);
@@ -370,11 +371,11 @@
     overflow-y: auto;
     .file_card{
         background: #F5F6FA;
-        margin: 20px 20px;
-        width: calc(25% - 40px);//
-        padding: 18px;//
-        height: auto;
-        line-height: 20px;
+        margin: 10px 50px;
+        width: 360px;
+        padding: 18px;
+        height: 110px;
+        line-height: 24px;
         .ivu-checkbox {
             display: none;
         }

pages/produce/execute/index.vue

@@ -4,7 +4,7 @@
 <template>
     <div class="execute_box">
         <div class="top_title">
-            <span class="fl">{{orderTitle}}--{{orderindex}}</span> 
+            <span class="fl">{{orderTitle}}</span> 
             <div>工单编号: 12001011</div>
         </div>
         <component :is="detail" :gdid="gdId"/>