优化出单详情表格样式

src/components/ebiz/billingDetail/tableDetail2.vue

@@ -11,10 +11,10 @@
           <tbody>
             <tr v-for="(item, index) in tableData" :key="index" :ref="'th' + index" @click="(e) => double_click(index, item)">
               <td class="th-fixed" @click="goLink(item)">{{ Number(index) + 1 }}</td>
-              <td v-show="timeShow">{{ item.signDate }}</td>
-              <td v-show="timeShow == false">{{ item.appntDate }}</td>
-              <td>{{ item.productName }}</td>
-              <td>{{ item.prem }}</td>
+              <td class="timeDate" v-show="timeShow">{{ item.signDate }}</td>
+              <td class="timeDate" v-show="timeShow == false">{{ item.appntDate }}</td>
+              <td class="productName">{{ item.productName }}</td>
+              <td class="prem">{{ item.prem }}</td>
               <td>
                 <span class="td-sheng">{{ item.name }}</span>
               </td>
@@ -179,7 +179,16 @@ export default {
   //width: 1000px;
 }
 .statisticsTable_table .table {
-  width: 183.6vw !important;
+  width: 191.6vw !important;
+}
+.timeDate {
+  width: 90px;
+}
+.productName {
+  width: 150px;
+}
+.prem {
+  text-align: right !important;
 }
 .statisticsTable th {
   width: 105px;

src/views/ebiz/billingDetail/billingDetail.vue

@@ -349,7 +349,7 @@ export default {
       dateFlag: 'm',
       style02: 'style02', //style02 时，显示红字红三角的样式，不写的话展示默认样式
       currentIndex: 0, //0 当月 1当天
-      theads: ['序号', '承保时间', '预收时间', '产品名称', '保费', '业务员', '机构','查看'],
+      theads: ['序号', '承保时间', '预收时间', '产品名称', '保费（元）', '业务员', '机构','查看'],
       tableData: [],
       total: 0,
       minDate: '',
@@ -839,7 +839,7 @@ export default {
       this.overlayShow = false
     },
     outOrderTypeChange() {
-      this.theads = ['序号', '承保时间', '预收时间', '产品名称', '保费', '业务员', '机构','查看']
+      this.theads = ['序号', '承保时间', '预收时间', '产品名称', '保费（元）', '业务员', '机构','查看']
       if (this.outOrderType === 'accept') {
         this.theads.splice(2,1)
       } else {