Browse Source

样式调整

PrinceLee 5 years ago
parent
commit
7685166cc0

+ 6 - 7
src/views/workbench/person/components/calenderList.vue

@@ -24,36 +24,35 @@
     <el-table
       :data="tableData"
       style="width: 100%"
-      row-key="id"
       :header-cell-style="{ backgroundColor: 'rgba(240,242,244,0.7)' ,color: '#333B4A', fontSize: '14px', fontWeight: '550', textAlign: 'center' }"
       show-overflow-tooltip="true"
       :header-row-style="{height: '61px'}"
     >
       <el-table-column label="日程名称" prop="name" width="250" align="center" show-overflow-tooltip />
-      <el-table-column label="日期" width="250" align="center" prop="seperateDaysHasHoliday" />
-      <el-table-column label="参与人" align="center" width="120">
+      <el-table-column label="日期" width="250" align="center" prop="seperateDaysHasHoliday" show-overflow-tooltip />
+      <el-table-column label="参与人" align="center" width="120" show-overflow-tooltip>
         <template slot-scope="scope">
           {{ scope.row.peopleObjectList | peopleListHandler }}
         </template>
       </el-table-column>
-      <el-table-column label="业务线" align="center" width="120">
+      <el-table-column label="业务线" align="center" width="120" show-overflow-tooltip>
         <template slot-scope="scope">
           {{ scope.row.bizName }}
         </template>
       </el-table-column>
-      <el-table-column label="使用/工作日/全部" align="center" width="150">
+      <el-table-column label="使用/工作日/全部" align="center" width="150" show-overflow-tooltip>
         <template slot-scope="scope">
           {{ scope.row.needDays }}/
           {{ scope.row.legalDays }}/
           {{ scope.row.allDays }}
         </template>
       </el-table-column>
-      <el-table-column label="是否同步团队日程" align="center" width="150">
+      <el-table-column label="是否同步团队日程" align="center" width="150" show-overflow-tooltip>
         <template slot-scope="scope">
           {{ scope.row.syncTeam === 1?'是':'否' }}
         </template>
       </el-table-column>
-      <el-table-column align="center" label="操作" min-width="150">
+      <el-table-column align="center" label="操作" min-width="150" show-overflow-tooltip>
         <template slot-scope="scope">
           <el-button
             size="mini"

+ 4 - 0
src/views/workbench/person/myFullCalendar.vue

@@ -252,6 +252,10 @@ export default {
 >>>.fc-event {
   line-height: auto !important;
 }
+>>>.fc-day-header {
+  height: 52px;
+  line-height: 52px;
+}
 </style>
 
 // fullcalendar