样式优化

src/components/IM/img-size.vue

@@ -53,7 +53,11 @@ export default {
                 lh = this.imgHeight;
             }
         } else if(this.imgProportion == 0.6) {
-            lh = this.imgHeight;
+            if(this.imgHeight > 320) {
+                lh = 320;
+            }else {
+                lh = this.imgHeight;
+            }
             lw = lh * 0.6;
         }else {
             if(this.imgHeight > 320) {

src/views/IM/chain-history/list.vue

@@ -4,38 +4,38 @@
       <el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;margin-right:0px;">
         <el-form ref="serchForm" inline :model="searchParam" label-width="15px" style="width:100%;text-align:right;">
             <el-form-item label="">
-                <el-input clearable v-model="searchParam.messageLogId" size="mini" placeholder="请输入任务编号" @change="search(1)">
+                <el-input clearable v-model="searchParam.messageLogId" size="small" placeholder="请输入任务编号" @change="search(1)">
                   <el-button slot="append" icon="el-icon-search"></el-button>
                 </el-input>
             </el-form-item>
             <el-form-item label="" style="position:relative;top:-8px;left:0;margin-bottom: 0px;">
                 <el-date-picker 
                 v-model="date" 
-                size="mini" 
+                size="small" 
                 type="date" 
                 placeholder="请选择日期" 
                 @change="search(1)"></el-date-picker>
             </el-form-item>              
         </el-form>
       </el-row>
-      <el-table :data="tableData" style="width: 100%" v-loading="loading">
-        <el-table-column prop="id" label="任务ID" min-width="50" align="center"></el-table-column>
-        <el-table-column prop="title" label="任务名" min-width="100" align="center"></el-table-column>
-        <el-table-column prop="totalNumber" label="群发人数" min-width="50" align="center"></el-table-column>
-        <el-table-column label="发送日期" min-width="100" align="center">
+      <el-table :data="tableData" style="width: 99%;padding: 0 30px;" v-loading="loading">
+        <el-table-column prop="id" label="任务ID" min-width="50" align="left"></el-table-column>
+        <el-table-column prop="title" label="任务名" min-width="100" align="left"></el-table-column>
+        <el-table-column prop="totalNumber" label="群发人数" min-width="50" align="left"></el-table-column>
+        <el-table-column label="发送日期" min-width="100" align="left">
           <template slot-scope="scope">
             <span>{{scope.row.createdTime | dateFilter}}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="createdName" label="发送者" min-width="50" align="center"></el-table-column>
-        <el-table-column label="发送状态" min-width="50" align="center">
+        <el-table-column prop="createdName" label="发送者" min-width="50" align="left"></el-table-column>
+        <el-table-column label="发送状态" min-width="50" align="left">
           <template slot-scope="scope">
             <span>{{scope.row.status | statusFilter}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="任务详情" fixed="right" align="center" min-width="100">
+        <el-table-column label="任务详情" fixed="right" align="left" min-width="100">
           <template slot-scope="scope">
-            <el-button type="text" size="small" @click="edit(scope.row)">查看</el-button>
+            <el-button type="text" size="medium" @click="edit(scope.row)">查看</el-button>
           </template>
         </el-table-column>
         <div slot="empty">

src/views/IM/chain-message/index.vue

@@ -23,7 +23,7 @@
                 </el-upload>
             </el-form-item>
             <div class="user-list" @click="downTemplate">
-                <img src="../../../assets/image/IM/down.png"/>
+                <img src="../../../assets/image/IM/down-2.png"/>
                 <span>用户列表模板.xsls</span>
             </div>
             <div class="content-container" v-for="(item, index) in searchParam.contentModelList" :key="index">
@@ -339,6 +339,7 @@ export default {
         background: #fff !important;
         color: #606266 !important;
     }
+
   .component-content {
         margin: 20px 20px 0;
         padding: 10px;
@@ -424,10 +425,11 @@ export default {
                 }
             }
         }
-        .confirm-btn {
+        .confirm-btn, .confirm-btn:hover, .confirm-btn:focus {
             margin: 0 10px;
-            background: #0D9078;
-            color: #fff;
+            background: #0D9078 !important;
+            color: #fff !important;
+            border: none;
         }
     }
 }

src/views/IM/search-message/detail.vue

@@ -311,7 +311,7 @@ export default {
 					}
 				}
 				.img-content {
-					padding: 16px 0;
+					padding: 10px 0 16px;
 					cursor: pointer;
 					// & > img {
 					// 	width: 170px;
@@ -320,7 +320,7 @@ export default {
 					// }
 				}
 				.file-content {
-					padding: 16px 0;
+					padding: 10px 0 16px;
 					.file-con {
 						display: flex;
 						flex-direction: row;
@@ -356,7 +356,7 @@ export default {
 					}
 				}
 				.link-content {
-					padding: 16px 0;
+					padding: 10px 0 16px;
 					.link-text {
 						color: #2f86f6;
 					}

src/views/layout/header.vue

 <template>
   <div class="header-container">
     <div class="logo">
-      <!-- <img src="../../assets/image/index_logoicon.png"/> -->
+      <img src="../../assets/image/IM/logo-small.png"/>
       <p>云鹊医</p>
     </div>
     <div class="user-info">
@@ -141,10 +141,10 @@ export default {
     color: #fff;
     background: #0b2f3f;
     img {
-      width: 24px;
+      width: 32px;
       float: left;
-      margin-left: 24px;
-      margin-top: 21px;
+      margin-left: 19px;
+      margin-top: 14px;
     }
     p {
       text-align: left;