Merge pull request #69 from lanyulei/dev

fix: 调整工单申请页面样式。

src/views/process/list/apply-process-list.vue

@@ -23,15 +23,19 @@
             {{ item.name }}
             {{ item.name }}
           </div>
           </div>
           <div style="margin-bottom: 15px;">
           <div style="margin-bottom: 15px;">
-            <template v-for="buttonItem in item.process_list">
+            <template v-for="(buttonItem, buttonIndex) in item.process_list">
               <el-tooltip :key="buttonItem.id" effect="dark" placement="top">
               <el-tooltip :key="buttonItem.id" effect="dark" placement="top">
                 <div slot="content">
                 <div slot="content">
                   {{ buttonItem.name }}
                   {{ buttonItem.name }}
                   <br>
                   <br>
                   {{ buttonItem.remarks }}
                   {{ buttonItem.remarks }}
                 </div>
                 </div>
+                <div
+                  class="workflow-classify-div"
+                  :style="(buttonIndex + 1) % 5 === 0 ? {'padding-right': 0} : {'padding-right': '12px'}"
+                >
                   <el-button
                   <el-button
-                  class="workflow-classify-button"
+                    style="width: 100%"
                     plain
                     plain
                     @click="submitWorkOrder(buttonItem.id)"
                     @click="submitWorkOrder(buttonItem.id)"
                   >
                   >
@@ -49,6 +53,7 @@
                       </div>
                       </div>
                     </div>
                     </div>
                   </el-button>
                   </el-button>
+                </div>
               </el-tooltip>
               </el-tooltip>
             </template>
             </template>
           </div>
           </div>
@@ -94,9 +99,10 @@ export default {
     padding-left: 5px;
     padding-left: 5px;
   }
   }
 
 
-  .workflow-classify-button {
+  .workflow-classify-div {
+    width: 20%;
+    display: inline-block;
     margin-left: 0;
     margin-left: 0;
-    margin-right: 12px;
     margin-top: 12px;
     margin-top: 12px;
   }
   }