修改收损组件

src/components/commonPage/commonShouSun.vue

@@ -21,11 +21,24 @@
         font-size:12px;
         color:#E95252;
     }
+    .comShouSunTable{
+        width: 100%;
+        border-collapse: collapse;
+    }
+    .comShouSunTable tr{
+        height:40px;
+    }
+    .comShouSunTable tr td{
+        font-size: 12px;
+        border: 1px solid #e5e5e5;
+        background-color: #fff;
+        text-align: center;
+    }
 </style>
 
 <template>
     <div>
-        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="singeRowTable">
+        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="comShouSunTable">
             <tr>
                 <td colspan="4">
                     op收损设置人数：
@@ -89,7 +102,7 @@
             </tr>
             <tfoot>
                 <tr>
-                    <td class="cmShouLastTd" colspan="4">
+                    <td class="cmShouLastTd" colspan="4" style="text-align:right">
                         <span class="totalShouSan">
                             收损总额：<span class="TotalShouSun">{{totalSun}}</span>
                         </span>