1月25

src/xt_pages/medicalScheduling/index.vue

@@ -42,7 +42,11 @@
             </div>
             <div class="schedulingTable" style="display:flex;justify-content: space-between;">
                 <div style="width: 70%">
-                    <el-table :data="tableData" border :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)', color: '#606266'}" :row-style="{ color: '#303133' }"  @cell-click="clickThis" :cell-style="tableCellStyle">
+                    <el-table :data="tableData" border 
+                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)', color: '#606266'}" 
+                    :row-style="{ color: '#303133' }"  @cell-click="clickThis" :cell-style="tableCellStyle"
+                    @cell-mouse-enter="hoverMouse" @cell-mouse-leave="leavemouse">
+                    <!-- @cell-mouse-enter="hoverMouse" @cell-mouse-leave="leavemouse" -->
                         <el-table-column prop="name" label="医护姓名" style="width:16%" align="center">
                             <template slot-scope="scope">
                                 <span>{{scope.row.user_name}}</span>
@@ -50,13 +54,15 @@
                         </el-table-column>
                         <el-table-column :label="'周一\n(' + weekDayArr[0] + ')'" style="width:200px" align="center">
                             <template slot-scope="scope">
-                                <div class="del_table_btn" v-show="scope.row.user_name=='合计'? false : true">
-                                  <el-button type="danger" size="mini" icon="el-icon-close" 
-                                    circle @click.stop=""   
-                                  ></el-button>
+                                <div v-if="name==scope.row.user_name&&column_lie =='周一' ? true:false">
+                                  <div class="del_table_btns" v-show="scope.row.user_name=='合计'? false : true" >
+                                    <el-button type="danger" size="mini" icon="el-icon-close" 
+                                      circle @click.stop=""   
+                                    ></el-button>
+                                  </div>
                                 </div>
                                 <div @click="hangdleClick(scope.row,scope.$index,0)">
-                                    <el-dropdown trigger="click" @command="changeSchedule">
+                                    <el-dropdown trigger="click" @command="changeSchedule" >
                                         <span class="el-dropdown-link" v-if='getClassAttributes(scope.row.user_name,1) == 2' style="color:red">
                                             <span>{{ getClass(scope.row.user_name,1) }}</span><i v-if="getTimestamp(weekDayArr[0])>=timeNow && scope.row.admin_user_id!=1000000?true:false" class="el-icon-arrow-down el-icon--right"></i>
                                         </span>
@@ -72,11 +78,14 @@
                         </el-table-column>
                         <el-table-column prop="name" :label="'周二\n(' + weekDayArr[1] + ')'" style="width:14%" align="center">
                              <template slot-scope="scope">
-                                <div class="del_table_btn" v-show="scope.row.user_name=='合计'? false : true">
+                              <div v-if="name==scope.row.user_name&&column_lie =='周二' ? true:false">
+                                <div class="del_table_btns" v-show="scope.row.user_name=='合计'? false : true">
                                   <el-button type="danger" size="mini" icon="el-icon-close" 
                                     circle @click.stop=""   
                                   ></el-button>
                                 </div>
+                              </div>
+                                
                                 <div @click="hangdleClick(scope.row,scope.$index,1)">
                                     <el-dropdown trigger="click" @command="changeSchedule">
                                         <span class="el-dropdown-link" v-if='getClassAttributes(scope.row.user_name,2) == 2' style="color:red">
@@ -94,10 +103,12 @@
                         </el-table-column>
                         <el-table-column prop="name" :label="'周三\n(' + weekDayArr[2] + ')'" style="width:14%" align="center">
                              <template slot-scope="scope">
-                                <div class="del_table_btn" v-show="scope.row.user_name=='合计'? false : true">
-                                  <el-button type="danger" size="mini" icon="el-icon-close" 
-                                    circle @click.stop=""   
-                                  ></el-button>
+                                <div v-if="name==scope.row.user_name&&column_lie =='周三' ? true:false">
+                                  <div class="del_table_btns" v-show="scope.row.user_name=='合计'? false : true">
+                                    <el-button type="danger" size="mini" icon="el-icon-close" 
+                                      circle @click.stop=""   
+                                    ></el-button>
+                                  </div>
                                 </div>
                                 <div @click="hangdleClick(scope.row,scope.$index,2)">
                                     <el-dropdown trigger="click" @command="changeSchedule">
@@ -116,10 +127,12 @@
                         </el-table-column>
                         <el-table-column prop="name" :label="'周四\n(' + weekDayArr[3] + ')'" style="width:14%" align="center">
                              <template slot-scope="scope">
-                                <div class="del_table_btn" v-show="scope.row.user_name=='合计'? false : true">
-                                  <el-button type="danger" size="mini" icon="el-icon-close" 
-                                    circle @click.stop=""   
-                                  ></el-button>
+                                <div v-if="name==scope.row.user_name&&column_lie =='周四' ? true:false">
+                                  <div class="del_table_btns" v-show="scope.row.user_name=='合计'? false : true">
+                                    <el-button type="danger" size="mini" icon="el-icon-close" 
+                                      circle @click.stop=""   
+                                    ></el-button>
+                                  </div>
                                 </div>
                                 <div @click="hangdleClick(scope.row,scope.$index,3)">
                                     <el-dropdown trigger="click" @command="changeSchedule">
@@ -138,10 +151,12 @@
                         </el-table-column>
                         <el-table-column prop="name" :label="'周五\n(' + weekDayArr[4] + ')'" style="width:14%" align="center">
                              <template slot-scope="scope">
-                                <div class="del_table_btn" v-show="scope.row.user_name=='合计'? false : true">
-                                  <el-button type="danger" size="mini" icon="el-icon-close" 
-                                    circle @click.stop=""   
-                                  ></el-button>
+                                <div v-if="name==scope.row.user_name&&column_lie =='周五' ? true:false">
+                                  <div class="del_table_btns" v-show="scope.row.user_name=='合计'? false : true">
+                                    <el-button type="danger" size="mini" icon="el-icon-close" 
+                                      circle @click.stop=""   
+                                    ></el-button>
+                                  </div>
                                 </div>
                                 <div @click="hangdleClick(scope.row,scope.$index,4)">
                                     <el-dropdown trigger="click" @command="changeSchedule">
@@ -160,10 +175,12 @@
                         </el-table-column>
                         <el-table-column prop="name" :label="'周六\n(' + weekDayArr[5] + ')'" style="width:14%" align="center">
                              <template slot-scope="scope">
-                                <div class="del_table_btn" v-show="scope.row.user_name=='合计'? false : true">
-                                  <el-button type="danger" size="mini" icon="el-icon-close" 
-                                    circle @click.stop=""   
-                                  ></el-button>
+                                <div v-if="name==scope.row.user_name&&column_lie =='周六' ? true:false">
+                                  <div class="del_table_btns" v-show="scope.row.user_name=='合计'? false : true">
+                                    <el-button type="danger" size="mini" icon="el-icon-close" 
+                                      circle @click.stop=""   
+                                    ></el-button>
+                                  </div>
                                 </div>
                                 <div @click="hangdleClick(scope.row,scope.$index,5)">
                                     <el-dropdown trigger="click" @command="changeSchedule">
@@ -182,10 +199,12 @@
                         </el-table-column>
                         <el-table-column prop="name" :label="'周日\n(' + weekDayArr[6] + ')'" style="width:14%" align="center">
                              <template slot-scope="scope">
-                                <div class="del_table_btn" v-show="scope.row.user_name=='合计'? false : true">
-                                  <el-button type="danger" size="mini" icon="el-icon-close" 
-                                    circle @click.stop=""   
-                                  ></el-button>
+                                <div v-if="name==scope.row.user_name&&column_lie =='周日' ? true:false">
+                                  <div class="del_table_btns" v-show="scope.row.user_name=='合计'? false : true">
+                                    <el-button type="danger" size="mini" icon="el-icon-close" 
+                                      circle @click.stop=""   
+                                    ></el-button>
+                                  </div>
                                 </div>
                                 <div @click="hangdleClick(scope.row,scope.$index,6)">
                                     <el-dropdown trigger="click" @command="changeSchedule">
@@ -446,7 +465,9 @@ export default {
            nurseTableData:[],
            doctorTableData:[],
            exportDialogVisible:false,
-           month_time:""
+           month_time:"",
+           name:'',
+           column_lie:''
         }
     },
     methods:{
@@ -2029,7 +2050,14 @@ export default {
         return jsonData.map(v => filterVal.map(j => v[j]))
        },
 
-
+       hoverMouse(row,column, cell, event){
+        this.name=row.user_name
+        this.column_lie= column.label.split('\n')[0]
+        
+       },
+       leavemouse(row, column, cell, event){
+        this.name=''
+       }
     },
     created(){
         //获取医护人员
@@ -2122,7 +2150,7 @@ export default {
     max-height:96%;
     overflow-y: auto;
 }
-.del_table_btn {
+.del_table_btns {
     position: absolute;
     right: 0px;
     top: -3px;