修改样式

src/assets/css/newTravelManager.css

@@ -1510,7 +1510,7 @@
 /* 审核单*/
 	.AuditUserInfo {
 	width:160px;
-	margin-left:30px;
+	/* margin-left:30px; */
 }
 .AuditLog {
 	margin-left:15px;
@@ -1541,7 +1541,7 @@
 }
 .AuditStatus {
 	float:left;
-	width:23%;
+	width:20%;
 	margin:0 15px;
 	margin-top:5px
 }
@@ -1909,7 +1909,7 @@
   .AU_creatName{float:left;margin:12px 0 0 10px;}
   .quoTation ._right{flex: 1;align-items: center;display: flex;padding-left: 20px !important;border-left: 1px dashed #DCDFE6;}
   .quoTation .Quo_Content{width:300px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left:20px;}
-	.quoTation ._left{display: flex;flex: 1;align-items: center;border-right: 1px dashed #dddddd;padding-right: 20px;}
+	.quoTation ._left{align-items: center;border-right: 1px dashed #dddddd;padding-right: 20px;}
 	.QT_CodeNum{min-width:70px;margin-left: 10%;}
   .quoTation ._cent{flex: 1;display: flex;align-items: center;}
   .quoTation ._rightAudit{flex: 1;align-items: center;display: flex;padding-left: 20px !important;border-left: 1px dashed #DCDFE6;}

src/components/TravelManager/TravelGroupControl/AuditDan.vue

 <style>
   @import "../../../assets/css/newTravelManager.css";
-
+  .opbdList{
+    font-weight: bold;
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    color: #fff;
+    border-radius: 50%;
+    line-height: 25px;
+    font-size: 12px;
+    cursor: pointer;
+    text-align: center;    
+  }
+  .Audian_cent{
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+  }
 </style>
 <template>
   <div class="flexOne quoTation">
@@ -50,41 +71,38 @@
     <div class="commonContent" v-loading="loading">
       <ul class="_content">
         <li v-for="item in dataList" :key="item.subCode" :data-id='item.ID'>
-          <div class="_left">
+          <div class="_left" style="width:80px">
             <div>
-              <p class="quoListName">
                 <el-tooltip popper-class="max-w250" effect="dark" :content="item.ID" placement="top-start">
-                  <span>{{item.ID}}</span>
+                  <span style="position:relative;top:15px;">{{item.ID}}</span>
                 </el-tooltip>
-              </p>
-
             </div>
           </div>
-          <div class="_left">
+          <div class="_left" style="width:20%;">
             <div>
-              <p class="quoListName">
+              <p class="quoListName" style="padding-right:20px;width:100%;">
                 <el-tooltip popper-class="max-w250" effect="dark" :content="item.LineName" placement="top-start">
                   <span>{{item.LineName}}</span>
                 </el-tooltip>
               </p>
-              <p class="Quo_Content"><i v-if="item.LtName" class="iconfont icon-richeng"></i>
+              <p class="Quo_Content" style="padding-right:20px;width:100%;"><i v-if="item.LtName" class="iconfont icon-richeng"></i>
                 <span>{{item.LtName}}</span>
               </p>
             </div>
           </div>
-          <div class="_left">
+          <div class="_left" style="width:20%;">
             <div>
-              <p class="quoListName">
+              <p class="quoListName" style="padding-right:20px;width:100%;">
                 <el-tooltip popper-class="max-w250" effect="dark" :content="item.Title" placement="top-start">
                   <span>{{item.Title}}</span>
                 </el-tooltip>
               </p>
-              <p class="Quo_Content"><i v-if="item.CustomerName" class="iconfont icon-richeng"></i>
+              <p class="Quo_Content" style="padding-right:20px;width:100%;"><i v-if="item.CustomerName" class="iconfont icon-richeng"></i>
                 <span>{{item.CustomerName}}</span>
               </p>
             </div>
           </div>
-          <div class="_cent">
+          <div class="Audian_cent" style="width:260px;">
             <div class="stayDays">{{item.DayNum}}天</div>
             <div class="">
               销售定价
@@ -141,7 +159,7 @@
                 <img v-else src="../../../assets/img/default_head_img.jpg" alt="">
               </div>
               <div class="AuditUserInfoDetail">
-                <div>{{item.CreateUserName}}</div>
+                <div style="width:85px;">{{item.CreateUserName}}</div>
                 <div class="AuditChangeDate">{{item.CreateDate}}</div>
               </div>
             </div>
@@ -177,17 +195,17 @@
               </div>
             </div>
             <div class="AD_Operation">
-              <span class="openGroup opbd">
+              <span class="openGroup opbdList">
                 <el-tooltip class="item" effect="dark" content="查看" placement="top-start" popper-class="max-w250">
                   <span @click="goUrl('QuotationAduit',item.ID,1)">查</span>
                 </el-tooltip>
               </span>
-              <span class="openGroup opbd" v-if="item.TravelState==2">
+              <span class="openGroup opbdList" v-if="item.TravelState==2">
                 <el-tooltip class="item" effect="dark" content="审核" placement="top-start" popper-class="max-w250">
                   <span @click="goUrl('QuotationAduit',item.ID,2)">审</span>
                 </el-tooltip>
               </span>
-              <span class="openGroup opbd">
+              <span class="openGroup opbdList">
                 <el-tooltip class="item" effect="dark" content="日志" placement="top-start" popper-class="max-w250">
                   <el-popover popper-class="salsSetPrice" trigger="click">
                     <div class="priceContentDiv">
@@ -232,7 +250,7 @@
           </div>
         </el-col>
         <el-col :span="10" style="margin-top:30px;">
-          <el-form-item label="审批说明" prop="AuditContent">
+          <el-form-item label="审批说明">
             <el-input type="textarea" class="w600" v-model="AuditInfo.AuditContent"></el-input>
           </el-form-item>
         </el-col>