Browse Source

表格宽度改为最小宽度

newMaster
1747191978@qq.com 4 months ago
parent
commit
8704088c5f
  1. 16
      acupuncture-前台/src/views/followFile/subjects.vue
  2. 22
      acupuncture-前台/src/views/followFile/work.vue

16
acupuncture-前台/src/views/followFile/subjects.vue

@ -54,7 +54,7 @@
align="center" align="center"
prop="gender" prop="gender"
show-overflow-tooltip show-overflow-tooltip
width="100" min-width="100"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.gender == 0"></span> <span v-if="scope.row.gender == 0"></span>
@ -68,7 +68,7 @@
align="center" align="center"
prop="birthDate" prop="birthDate"
show-overflow-tooltip show-overflow-tooltip
width="150" min-width="150"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }} {{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}
@ -79,28 +79,28 @@
align="center" align="center"
prop="ethnicity" prop="ethnicity"
show-overflow-tooltip show-overflow-tooltip
width="100" min-width="100"
/> />
<el-table-column <el-table-column
label="受教育年限" label="受教育年限"
align="center" align="center"
prop="educationYears" prop="educationYears"
show-overflow-tooltip show-overflow-tooltip
width="100" min-width="100"
/> />
<el-table-column <el-table-column
label="手机号码" label="手机号码"
align="center" align="center"
prop="phone" prop="phone"
show-overflow-tooltip show-overflow-tooltip
width="150" min-width="150"
/> />
<el-table-column <el-table-column
label="证件类型" label="证件类型"
align="center" align="center"
prop="idCardType" prop="idCardType"
show-overflow-tooltip show-overflow-tooltip
width="200" min-width="200"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ idCardTypeValue[scope.row.idCardType] }} {{ idCardTypeValue[scope.row.idCardType] }}
@ -111,7 +111,7 @@
align="center" align="center"
prop="idCard" prop="idCard"
show-overflow-tooltip show-overflow-tooltip
width="180" min-width="180"
/> />
<el-table-column <el-table-column
fixed="right" fixed="right"
@ -119,7 +119,7 @@
align="center" align="center"
prop="queueList" prop="queueList"
show-overflow-tooltip show-overflow-tooltip
width="180" min-width="180"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.queueList && scope.row.queueList.length"> <div v-if="scope.row.queueList && scope.row.queueList.length">

22
acupuncture-前台/src/views/followFile/work.vue

@ -23,28 +23,28 @@
</el-tabs> </el-tabs>
<el-table v-loading="loading" :data="listDat" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="listDat" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<el-table-column label="工单id" fixed show-overflow-tooltip align="center" prop="id" width="200" /> <el-table-column label="工单id" fixed show-overflow-tooltip align="center" prop="id" min-width="200" />
<el-table-column fixed label="随访队列" show-overflow-tooltip align="center" prop="queueName" width="150" /> <el-table-column fixed label="随访队列" show-overflow-tooltip align="center" prop="queueName" min-width="150" />
<el-table-column fixed label="患者姓名" align="center" prop="name" width="100" /> <el-table-column fixed label="患者姓名" align="center" prop="name" min-width="100" />
<el-table-column label="性别" align="center" prop="gender" show-overflow-tooltip width="60"> <el-table-column label="性别" align="center" prop="gender" show-overflow-tooltip min-width="60">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.gender == 0"></span> <span v-if="scope.row.gender == 0"></span>
<span v-if="scope.row.gender == 1"></span> <span v-if="scope.row.gender == 1"></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="年龄" align="center" prop="age" show-overflow-tooltip width="60" /> <el-table-column label="年龄" align="center" prop="age" show-overflow-tooltip min-width="60" />
<el-table-column label="证件号码" align="center" prop="idCard" show-overflow-tooltip width="180" /> <el-table-column label="证件号码" align="center" prop="idCard" show-overflow-tooltip min-width="180" />
<el-table-column label="手机号码" align="center" prop="phone" show-overflow-tooltip width="150" /> <el-table-column label="手机号码" align="center" prop="phone" show-overflow-tooltip min-width="150" />
<el-table-column label="随访序号" align="center" prop="phone" show-overflow-tooltip width="150" /> <el-table-column label="随访序号" align="center" prop="phone" show-overflow-tooltip min-width="150" />
<el-table-column label="开始时间" align="center" prop="startTime" show-overflow-tooltip width="150"> <el-table-column label="开始时间" align="center" prop="startTime" show-overflow-tooltip min-width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ <span>{{
parseTime(scope.row.startTime, "{y}-{m}-{d} {h}:{i}") parseTime(scope.row.startTime, "{y}-{m}-{d} {h}:{i}")
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="结束时间" align="center" prop="endTime" show-overflow-tooltip width="150"> <el-table-column label="结束时间" align="center" prop="endTime" show-overflow-tooltip min-width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ <span>{{
parseTime(scope.row.endTime, "{y}-{m}-{d} {h}:{i}") parseTime(scope.row.endTime, "{y}-{m}-{d} {h}:{i}")
@ -54,7 +54,7 @@
<!--待随访 随访状态待随访/即将超期/超期 --> <!--待随访 随访状态待随访/即将超期/超期 -->
<!--已随访 随访状态已随访/超随访期 --> <!--已随访 随访状态已随访/超随访期 -->
<!--待随访 随访状态待随访 --> <!--待随访 随访状态待随访 -->
<el-table-column label="随访状态" align="center" prop="phone" show-overflow-tooltip width="150"> <el-table-column label="随访状态" align="center" prop="phone" show-overflow-tooltip min-width="150">
<template slot-scope="scope"> <template slot-scope="scope">
{{ status[scope.row.status] }} {{ status[scope.row.status] }}
</template> </template>

Loading…
Cancel
Save