style:为表格列添加 show-overflow-tooltip 属性

- 在多个视图中的 el-table-column组件中添加 show-overflow-tooltip属性
- 此修改提高了表格的用户体验,当单元格内容过长时会显示 tooltip 提示

ruoyi-vue/src/views/care/applications/index.vue

@@ -103,18 +103,18 @@
 
     <el-table v-loading="loading" :data="applicationsList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="申请人姓名" align="center" prop="personName" />
-      <el-table-column label="护理需求详情" align="center" prop="careNeeds" />
+      <el-table-column label="申请人姓名" align="center" prop="personName" show-overflow-tooltip/>
+      <el-table-column label="护理需求详情" align="center" prop="careNeeds" show-overflow-tooltip/>
       <el-table-column label="首选护理人员性别" align="center" prop="nurseGender">
         <template #default="scope">
           <dict-tag :options="sys_user_sex" :value="scope.row.nurseGender"/>
         </template>
       </el-table-column>
-      <el-table-column label="所在医院" align="center" prop="hospital" />
-      <el-table-column label="详细地址" align="center" prop="address" />
-      <el-table-column label="预计天数" align="center" prop="careDays" />
-      <el-table-column label="申请日期" align="center" prop="applyDate" />
-      <el-table-column label="申请状态" align="center" prop="status" >
+      <el-table-column label="所在医院" align="center" prop="hospital" show-overflow-tooltip/>
+      <el-table-column label="详细地址" align="center" prop="address" show-overflow-tooltip/>
+      <el-table-column label="预计天数" align="center" prop="careDays" show-overflow-tooltip/>
+      <el-table-column label="申请日期" align="center" prop="applyDate" show-overflow-tooltip/>
+      <el-table-column label="申请状态" align="center" prop="status" show-overflow-tooltip>
         <template #default="scope">
           <div v-if="scope.row.status == 'disagree'">
             <el-popover effect="light" trigger="hover" placement="top" width="auto">
@@ -131,17 +131,17 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="处理状态" align="center" prop="dealStatus" >
+      <el-table-column label="处理状态" align="center" prop="dealStatus" show-overflow-tooltip>
         <template #default="scope">
           <dict-tag :options="deal_status" :value="scope.row.dealStatus"/>
         </template>
       </el-table-column>
-      <el-table-column label="支付状态" align="center" prop="payStatus">
+      <el-table-column label="支付状态" align="center" prop="payStatus" show-overflow-tooltip>
         <template #default="scope">
           <dict-tag :options="pay_status" :value="scope.row.payStatus"/>
         </template>
       </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="158px">
         <template #default="scope">
           <div v-if="scope.row.status == 'no_check' || scope.row.status == 'disagree'">

ruoyi-vue/src/views/care/applications/index_assign_nurse.vue

@@ -67,8 +67,8 @@
               <dict-tag :options="sys_user_sex" :value="scope.row.nurseGender"/>
             </template>
           </el-table-column>
-          <el-table-column label="所在医院" align="center" prop="hospital" />
-          <el-table-column label="科室具体楼层房间床号" align="center" prop="address" />
+          <el-table-column label="所在医院" align="center" prop="hospital" show-overflow-tooltip/>
+          <el-table-column label="科室具体楼层房间床号" align="center" prop="address" show-overflow-tooltip/>
           <el-table-column label="预计天数" align="center" prop="careDays" />
           <el-table-column label="申请日期" align="center" prop="applyDate" />
           <el-table-column label="申请状态" align="center" prop="status" >
@@ -76,7 +76,7 @@
               <dict-tag :options="care_apply_status" :value="scope.row.status"/>
             </template>
           </el-table-column>
-          <el-table-column label="备注" align="center" prop="remark" />
+          <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="128px">
             <template #default="scope">
               <el-button link type="primary" icon="Edit" @click="handleAssign(scope.row)" v-hasPermi="['care:assignments:add']">指派</el-button>

ruoyi-vue/src/views/care/applications/index_money.vue

@@ -49,15 +49,15 @@
     <el-tabs v-model="activeName">
       <el-tab-pane label="未支付" name="waitPay">
         <el-table v-loading="loading" :data="applicationsPayList" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="55" align="center" />
-          <el-table-column label="申请人姓名" align="center" prop="personName" />
-          <el-table-column label="护理需求详情" align="center" prop="careNeeds" />
+          <el-table-column type="selection" width="55" align="center"/>
+          <el-table-column label="申请人姓名" align="center" prop="personName" show-overflow-tooltip/>
+          <el-table-column label="护理需求详情" align="center" prop="careNeeds" show-overflow-tooltip/>
           <el-table-column label="首选护理人员性别" align="center" prop="nurseGender">
             <template #default="scope">
               <dict-tag :options="sys_user_sex" :value="scope.row.nurseGender"/>
             </template>
           </el-table-column>
-          <el-table-column label="所在医院" align="center" prop="hospital" />
+          <el-table-column label="所在医院" align="center" prop="hospital" show-overflow-tooltip/>
           <el-table-column label="预计天数" align="center" prop="careDays" />
           <el-table-column label="申请日期" align="center" prop="applyDate" />
           <el-table-column label="支付状态" align="center" prop="payStatus">

ruoyi-vue/src/views/care/applications/index_wait_check.vue

@@ -75,15 +75,15 @@
       <el-tab-pane label="待审核" name="waitCheck">
         <el-table v-loading="loading" :data="applicationsCheckList" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="55" align="center" />
-          <el-table-column label="申请人姓名" align="center" prop="personName" />
-          <el-table-column label="护理需求详情" align="center" prop="careNeeds" />
+          <el-table-column label="申请人姓名" align="center" prop="personName" show-overflow-tooltip/>
+          <el-table-column label="护理需求详情" align="center" prop="careNeeds" show-overflow-tooltip/>
           <el-table-column label="首选护理人员性别" align="center" prop="nurseGender">
             <template #default="scope">
               <dict-tag :options="sys_user_sex" :value="scope.row.nurseGender"/>
             </template>
           </el-table-column>
-          <el-table-column label="所在医院" align="center" prop="hospital" />
-          <el-table-column label="科室具体楼层房间床号" align="center" prop="address" />
+          <el-table-column label="所在医院" align="center" prop="hospital" show-overflow-tooltip/>
+          <el-table-column label="科室具体楼层房间床号" align="center" prop="address" show-overflow-tooltip/>
           <el-table-column label="预计天数" align="center" prop="careDays" />
           <el-table-column label="申请日期" align="center" prop="applyDate" />
           <el-table-column label="申请状态" align="center" prop="status" >
@@ -91,7 +91,7 @@
               <dict-tag :options="care_apply_status" :value="scope.row.status"/>
             </template>
           </el-table-column>
-          <el-table-column label="备注" align="center" prop="remark" />
+          <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="128px">
             <template #default="scope">
               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:applications:check']">审核</el-button>
@@ -125,7 +125,7 @@
               <dict-tag :options="care_apply_status" :value="scope.row.status"/>
             </template>
           </el-table-column>
-          <el-table-column label="备注" align="center" prop="remark" />
+          <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="128px">
             <template #default="scope">
               <el-button link type="primary" icon="Edit" @click="handleAssign(scope.row)" v-hasPermi="['care:applications:assignCompany']">指派</el-button>

ruoyi-vue/src/views/care/assignments/index.vue

@@ -79,8 +79,8 @@
       <el-table-column label="护理业务数据数据标志" align="center" prop="applyId" />
       <el-table-column label="护理公司数据id" align="center" prop="companyId" />
       <el-table-column label="护理人员" align="center" prop="nurseId" />
-      <el-table-column label="护理要求" align="center" prop="careRequirements" />
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="护理要求" align="center" prop="careRequirements" show-overflow-tooltip/>
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:assignments:edit']">修改</el-button>

ruoyi-vue/src/views/care/clocks/index.vue

@@ -35,7 +35,7 @@
       </el-table-column>
 
       <el-table-column label="图片数量" align="center" prop="imgNum" />
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:clocks:edit']">修改</el-button>

ruoyi-vue/src/views/care/companies/index.vue

@@ -85,9 +85,9 @@
 
     <el-table v-loading="loading" :data="companiesList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="公司名称" align="center" prop="name" />
+      <el-table-column label="公司名称" align="center" prop="name" show-overflow-tooltip/>
       <el-table-column label="登录名" align="center" prop="loginName" />
-      <el-table-column label="公司地址" align="center" prop="address" />
+      <el-table-column label="公司地址" align="center" prop="address" show-overflow-tooltip/>
       <el-table-column label="公司法人" align="center" prop="legalPerson" />
       <el-table-column label="公司联系电话" align="center" prop="phoneNumber" />
       <el-table-column label="每日可派单人数" align="center" prop="dispatchPersonNumber" />
@@ -96,7 +96,7 @@
           <dict-tag :options="sys_normal_disable" :value="scope.row.status"/>
         </template>
       </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="255">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:companies:edit']">修改</el-button>

ruoyi-vue/src/views/care/hospital/index.vue

@@ -67,9 +67,9 @@
 
     <el-table v-loading="loading" :data="hospitalList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="医院名字" align="center" prop="name" />
-      <el-table-column label="地址" align="center" prop="address" />
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="医院名字" align="center" prop="name" show-overflow-tooltip/>
+      <el-table-column label="地址" align="center" prop="address" show-overflow-tooltip/>
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:hospital:edit']">修改</el-button>

ruoyi-vue/src/views/care/nurses/index.vue

@@ -85,11 +85,11 @@
         </template>
       </el-table-column>
       <el-table-column label="出生日期" align="center" prop="dateOfBirth" />
-      <el-table-column label="所在地址" align="center" prop="address" />
+      <el-table-column label="所在地址" align="center" prop="address" show-overflow-tooltip/>
       <el-table-column label="联系电话" align="center" prop="phoneNumber" />
       <el-table-column label="工作经验年限" align="center" prop="experienceYears" />
-      <el-table-column label="所在公司" align="center" prop="companyName" />
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="所在公司" align="center" prop="companyName" show-overflow-tooltip/>
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="255">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:companies:edit']">修改</el-button>

ruoyi-vue/src/views/care/persons/index.vue

@@ -126,8 +126,8 @@
           <dict-tag :options="sys_user_sex" :value="scope.row.gender"/>
         </template>
       </el-table-column>
-      <el-table-column label="联系电话" align="center" prop="phoneNumber" />
-      <el-table-column label="住址" align="center" prop="address" />
+      <el-table-column label="联系电话" align="center" prop="phoneNumber" show-overflow-tooltip/>
+      <el-table-column label="住址" align="center" prop="address" show-overflow-tooltip/>
       <el-table-column label="是否残疾" align="center" prop="disability" >
         <template #default="scope">
           <dict-tag :options="sys_yes_no" :value="scope.row.disability"/>
@@ -138,7 +138,7 @@
           <span>{{ parseTime(scope.row.registeredDate, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:persons:edit']">修改</el-button>

ruoyi-vue/src/views/care/protocol/index.vue

@@ -87,7 +87,7 @@
 
     <el-table v-loading="loading" :data="protocolList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="协议标题" align="center" prop="title" />
+      <el-table-column label="协议标题" align="center" prop="title" show-overflow-tooltip/>
       <el-table-column label="协议版本号" align="center" prop="version" />
       <el-table-column label="协议生效日期" align="center" prop="effectiveDate" width="180">
         <template #default="scope">
@@ -104,7 +104,7 @@
           <dict-tag :options="protocol_type" :value="scope.row.type"/>
         </template>
       </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:protocol:edit']">修改</el-button>

ruoyi-vue/src/views/care/records/index.vue

@@ -74,7 +74,7 @@
           <span>{{ parseTime(scope.row.nursingTime, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:records:edit']">修改</el-button>

ruoyi-vue/src/views/care/scores/index.vue

@@ -78,9 +78,9 @@
       <el-table-column label="业务评分表的唯一标识符" align="center" prop="scoreId" />
       <el-table-column label="护理业务数据id" align="center" prop="applyId" />
       <el-table-column label="评分人id" align="center" prop="userId" />
-      <el-table-column label="评价" align="center" prop="assess" />
-      <el-table-column label="得此评价原因" align="center" prop="reason" />
-      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="评价" align="center" prop="assess" show-overflow-tooltip/>
+      <el-table-column label="得此评价原因" align="center" prop="reason" show-overflow-tooltip/>
+      <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
           <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['care:scores:edit']">修改</el-button>