From fefe4a3011fb472788abb2e7ffdbbc5a4f58623c Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期三, 05 六月 2024 14:10:16 +0800
Subject: [PATCH] feat:更新ui界面
---
src/views/home/components/textManager/index.vue | 105 +++++++++++++++++++++++++++++++---------------------
1 files changed, 62 insertions(+), 43 deletions(-)
diff --git a/src/views/home/components/textManager/index.vue b/src/views/home/components/textManager/index.vue
index 2ab05f5..4bad26e 100644
--- a/src/views/home/components/textManager/index.vue
+++ b/src/views/home/components/textManager/index.vue
@@ -22,49 +22,61 @@
<el-button type="primary" @click="addText">纭� 瀹�</el-button>
</span>
</el-dialog>
- <div class="search">
- <el-row type="flex" justify="center">
- <el-col :span="18">
- <el-form :inline="true" class="demo-form-inline">
- <el-form-item label="鏂囧瓧鍐呭/杞﹀彿锛�">
- <el-input v-model="keyword" size="small" placeholder="璇疯緭鍏�"></el-input>
- </el-form-item>
- <el-form-item>
- <el-button @click="searchCar" size="mini" type="primary" style="border:none;background-color: rgba(24, 144, 255, 1)">鏌ヨ</el-button>
- </el-form-item>
- </el-form>
- </el-col>
- <el-col :span="6" style="text-align: right">
- <el-button size="mini" @click="addModal=true" type="primary" style="border:none;background-color: rgba(24, 144, 255, 1)">娣诲姞</el-button>
- </el-col>
- </el-row>
- </div>
- <div>
- <el-table :data="pageInfo.textList" >
- <el-table-column prop="ID" label="搴忓彿" align="center" />
- <el-table-column prop="content" label="鏂囧瓧鍐呭" align="center" />
- <el-table-column prop="locomotiveNumber" label="杞﹀彿" align="center" />
- <el-table-column prop="CreatedAt" label="娣诲姞鏃堕棿" align="center" >
- <template slot-scope="scope">
- {{$moment(scope.row.CreatedAt).format('YYYY-MM-DD HH:mm:ss')}}
- </template>
- </el-table-column>
- </el-table>
- <div class="pagination">
- <div class="total">鍏辫{{pageInfo.total}}鏉¤褰� 绗瑊{pageData.page}}/{{lastPage}}椤�</div>
- <div class="page">
- <el-pagination
- background
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page.sync="pageData.page"
- :page-size="pageData.pageSize"
- layout="prev, pager, next,sizes, jumper"
- :total="pageInfo.total">
- </el-pagination>
- </div>
- </div>
- </div>
+ <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">
+ <el-form :inline="true" class="demo-form-inline">
+ <el-form-item label="鏂囧瓧鍐呭/杞﹀彿锛�">
+ <el-input v-model="keyword" size="small" placeholder="璇疯緭鍏�"></el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button @click="searchCar" size="mini" type="primary" style="border:none;background-color: rgba(24, 144, 255, 1)">鏌ヨ</el-button>
+ </el-form-item>
+ </el-form>
+ </el-col>
+ <el-col :span="6" style="text-align: right">
+ <el-button size="mini" @click="addModal=true" type="primary" style="border:none;background-color: rgba(24, 144, 255, 1)">娣诲姞</el-button>
+ </el-col>
+ </el-row>
+ </div>
+ <div>
+ <el-table :data="pageInfo.textList" border>
+ <el-table-column prop="ID" 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">
+ {{$moment(scope.row.CreatedAt).format('YYYY-MM-DD HH:mm:ss')}}
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="pagination">
+ <div class="total">鍏辫{{pageInfo.total}}鏉¤褰� 绗瑊{pageData.page}}/{{lastPage}}椤�</div>
+ <div class="page">
+ <el-pagination
+ background
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ :current-page.sync="pageData.page"
+ :page-size="pageData.pageSize"
+ layout="prev, pager, next,sizes, jumper"
+ :total="pageInfo.total">
+ </el-pagination>
+ </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>
\ No newline at end of file
--
Gitblit v1.8.0