优化短信记录的展示样式

src/views/company/companySmsLogs/index.vue

@@ -1,26 +1,26 @@
 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="客户编号" prop="customerCode">
-        <el-input
-        style="width:220px"
-          v-model="queryParams.customerCode"
-          placeholder="请输入客户编号"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="员工姓名" prop="companyUserNickName">
-        <el-input
-        style="width:220px"
-          v-model="queryParams.companyUserNickName"
-          placeholder="请输入员工姓名"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+<!--      <el-form-item label="客户编号" prop="customerCode">-->
+<!--        <el-input-->
+<!--        style="width:220px"-->
+<!--          v-model="queryParams.customerCode"-->
+<!--          placeholder="请输入客户编号"-->
+<!--          clearable-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="员工姓名" prop="companyUserNickName">-->
+<!--        <el-input-->
+<!--        style="width:220px"-->
+<!--          v-model="queryParams.companyUserNickName"-->
+<!--          placeholder="请输入员工姓名"-->
+<!--          clearable-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
       <el-form-item label="手机号" prop="phone">
         <el-input
         style="width:220px"
@@ -42,12 +42,12 @@
             end-placeholder="结束日期">
           </el-date-picker>
       </el-form-item>
-      <el-form-item label="是否回复" prop="isReply">
-        <el-select style="width:220px" v-model="queryParams.isReply" placeholder="请选择是否回复" clearable size="small">
-              <el-option :key="1" label="是" :value="1"/>
-              <el-option :key="0" label="否" :value="0"/>
-        </el-select>
-      </el-form-item>
+<!--      <el-form-item label="是否回复" prop="isReply">-->
+<!--        <el-select style="width:220px" v-model="queryParams.isReply" placeholder="请选择是否回复" clearable size="small">-->
+<!--              <el-option :key="1" label="是" :value="1"/>-->
+<!--              <el-option :key="0" label="否" :value="0"/>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
       <el-form-item label="状态" prop="status">
         <el-select style="width:220px" v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
               <el-option
@@ -61,11 +61,6 @@
       <el-form-item>
         <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-    <el-row :gutter="10" class="mb8">
-      
-      <el-col :span="1.5">
         <el-button
           type="warning"
           icon="el-icon-download"
@@ -73,22 +68,24 @@
           @click="handleExport"
           v-hasPermi="['company:companySmsLogs:export']"
         >导出</el-button>
-      </el-col>
+      </el-form-item>
+    </el-form>
+    <el-row :gutter="10" class="mb8">
 	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table height="500" border v-loading="loading" :data="companySmsLogsList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="ID" align="center" prop="logsId" />
-      <el-table-column label="客户编码" align="center" prop="customerCode" />
-      <el-table-column  label="客户名称"   align="center" prop="customerName" :show-overflow-tooltip="true">
-        <template slot-scope="scope">
-          <el-link @click="handleShow(scope.row)" :underline="false" type="primary" >{{scope.row.customerName}}</el-link>
-        </template>
-      </el-table-column>
+<!--      <el-table-column label="ID" align="center" prop="logsId" />-->
+<!--      <el-table-column label="客户编码" align="center" prop="customerCode" />-->
+<!--      <el-table-column  label="客户名称"   align="center" prop="customerName" :show-overflow-tooltip="true">-->
+<!--        <template slot-scope="scope">-->
+<!--          <el-link @click="handleShow(scope.row)" :underline="false" type="primary" >{{scope.row.customerName}}</el-link>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
       <el-table-column label="手机号" align="center" prop="phone" />
       <el-table-column label="短信内容" show-overflow-tooltip align="center" prop="content" />
-      <el-table-column label="发送者" align="center" prop="companyUserNickName" />
+<!--      <el-table-column label="发送者" align="center" prop="companyUserNickName" />-->
       <el-table-column label="提交时间" align="center" prop="createTime" width="180">
       </el-table-column>
       <el-table-column label="发送时间" align="center" prop="sendTime" width="180">
@@ -98,10 +95,10 @@
               <el-tag prop="status" v-for="(item, index) in statusOptions"  :type="scope.row.status==1?'success':'danger'"  v-if="scope.row.status==item.dictValue">{{item.dictLabel}}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="回复内容" align="center" prop="replyContent" />
-      
+<!--      <el-table-column label="回复内容" align="center" prop="replyContent" />-->
+
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"