修改

src/components/education/pointOrderList.vue

@@ -2,14 +2,8 @@
   <div class="pointOrderList">
     <div class="head-title">
       订单列表
-
-      <!-- <el-button @click="dialogVisible=true" style="float:right;margin-top: -5px;" size="small" type="primary">批量导出
-      </el-button> -->
       <el-button @click="ExportFile" style="float:right;margin-top: -5px;margin-right:20px" size="small" type="primary">
         导出</el-button>
-      <el-button @click="ClearHsz" style="float:right;margin-top: -5px;margin-right:20px" size="small" type="primary">
-        清空回收站</el-button>
-
     </div>
     <div class="content">
       <div>
@@ -47,8 +41,8 @@
         </el-tabs>
         <div class="app-order-title">
           <div style="width: 55%;">订单信息</div>
-          <div style="width: 35%;">实付点数</div>
-          <div style="width: 10%;">操作</div>
+          <div style="width: 39%;">实付点数</div>
+          <div style="width: 6%;">操作</div>
         </div>
         <div v-loading="loading" class="app-order-list">
           <el-card v-for="(item,index) in tableData" :key="index" class="app-order-item" shadow="never">
@@ -78,11 +72,11 @@
               </div>
             </div>
             <div class="app-order-body">
-              <div class="goods-item" style="width: 65%;">
+              <div class="goods-item" style="width: 74%;">
                 <div class="goods">
                   <div>
                     <div flex="dir:left">
-                      <div class="goods-info" style="width:45%;padding-right:20px;">
+                      <div class="goods-info" style="width:45%;padding-right:20px;min-width:200px;">
                         <div class="goods-name">
                           <div class="app-ellipsis">
                             <div class="vue-line-clamp" style="font-size:14px;margin-bottom:5px;
@@ -99,7 +93,7 @@
                       </div>
                       <div flex="dir:left box:mean" style="width: 200px;">
                         <div flex="cross:center main:center"
-                          style="display: flex;flex-direction: column;align-items: flex-start;width: 55%;line-height:28px;">
+                          style="display: flex;flex-direction: column;align-items: flex-start;width: 55%;min-width:200px;line-height:28px;">
                           <span>学习时间：{{item.StudyDate}}</span>
                           <span>学习时长：{{item.StudyDuration}}{{item.DurationUnit}}</span>
                           <span>总时长：{{ item.TotalStudyDuration}}{{item.DurationUnit}}</span>
@@ -120,7 +114,7 @@
               </div>
               <div flex="cross:center" class="app-order-info" style="width: 25%;">
                 <div flex="dir:top">
-                  <div style="width:200px;text-align:left;margin:auto;line-height:28px;margin-top:-30px;">
+                  <div style="width:200px;text-align:left;margin:auto;line-height:28px;margin-top:-30px;padding-left:20px;">
                     <div>总点数：{{item.TotalPointNum}}</div>
                     <div>实际总点数：{{item.ActualPointNum}}</div>
                     <div>基础点数：{{item.BasePointNum}}</div>
@@ -128,7 +122,7 @@
                 </div>
               </div>
 
-              <div class="app-order-info" style="padding: 10px; border-right: 0px; width: 10%;">
+              <div class="app-order-info" style="padding: 10px; border-right: 0px; width: 6%;">
                 <div flex="wrap:wrap cross:center" style="display:none;">
                   <el-tooltip class="item" effect="dark" content="查看订单详情" placement="top">
                     <img class="app-order-icon" src="../../assets/img/userman/detail.png" alt="">