feat:更新ui界面

charles

2024-06-05 fefe4a3011fb472788abb2e7ffdbbc5a4f58623c

 src/views/home/components/textManager/index.vue

@@ -22,6 +22,9 @@
                <el-button type="primary" @click="addText">确 定</el-button>
            </span>
        </el-dialog>
        <el-row type="flex" justify="center">
            <el-col :span="23">
                <el-card style="margin-top: 20px;height: 85vh">
        <div class="search">
            <el-row type="flex" justify="center">
                <el-col :span="18">
@@ -40,9 +43,15 @@
            </el-row>
        </div>
        <div>
            <el-table :data="pageInfo.textList" >
                        <el-table :data="pageInfo.textList" border>
                <el-table-column prop="ID" label="序号" align="center" />
                <el-table-column prop="content" label="文字内容" align="center" />
                            <el-table-column prop="content" width="340px" label="文字内容" align="center">
                                <template slot-scope="scope">
                                    <el-tooltip class="item" effect="dark" :content="scope.row.content" placement="bottom">
                                        <div class="content-warp">{{scope.row.content}}</div>
                                    </el-tooltip>
                                </template>
                            </el-table-column>
                <el-table-column prop="locomotiveNumber" label="车号" align="center" />
                <el-table-column prop="CreatedAt" label="添加时间" align="center" >
                    <template slot-scope="scope">
@@ -65,6 +74,9 @@
                </div>
            </div>
        </div>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

@@ -149,4 +161,11 @@
            color: gray;
        }
    }
    .content-warp{
        margin: 0px auto;
        width: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
</style>