From 0d91757d82f4cfd1586ab39cbe37f12d739ddc43 Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期一, 20 五月 2024 11:03:19 +0800
Subject: [PATCH] feat:完成接口联调
---
src/views/home/components/textManager/index.vue | 69 +++++++++++++++++++++-------------
1 files changed, 42 insertions(+), 27 deletions(-)
diff --git a/src/views/home/components/textManager/index.vue b/src/views/home/components/textManager/index.vue
index a9c360a..2ab05f5 100644
--- a/src/views/home/components/textManager/index.vue
+++ b/src/views/home/components/textManager/index.vue
@@ -10,11 +10,11 @@
:destroy-on-close="true"
>
<el-form ref="textForm" class="demo-form-inline" label-width="120px" :model="textObj" :rules="textRules">
- <el-form-item label="鏂囧瓧鍐呭锛�" prop="textContent">
- <el-input v-model="textObj.textContent" placeholder="璇疯緭鍏ユ枃瀛楀唴瀹�"/>
+ <el-form-item label="鏂囧瓧鍐呭锛�" prop="content">
+ <el-input v-model="textObj.content" placeholder="璇疯緭鍏ユ枃瀛楀唴瀹�"/>
</el-form-item>
<el-form-item label="杞﹀彿锛�">
- <el-input v-model="textObj.carNo" placeholder="璇疯緭鍏ヨ溅鍙�"/>
+ <el-input v-model="textObj.locomotiveNumber" placeholder="璇疯緭鍏ヨ溅鍙�"/>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
@@ -41,10 +41,14 @@
</div>
<div>
<el-table :data="pageInfo.textList" >
- <el-table-column prop="id" label="搴忓彿" align="center" />
- <el-table-column prop="textContent" label="鏂囧瓧鍐呭" align="center" />
- <el-table-column prop="cid" label="杞﹀彿" align="center" />
- <el-table-column prop="date" label="娣诲姞鏃堕棿" align="center" />
+ <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>
@@ -65,18 +69,19 @@
</template>
<script>
+ import { getTextListApi,addTextApi} from '@/api';
export default {
name: "textManager",
data(){
return{
textRules:{
- textContent: [
+ content: [
{ required: true, message: '鍐呭涓嶈兘涓虹┖', trigger: 'blur' },
],
},
addModal:false,
keyword:'',
- textObj:{textContent:'',carNo:''},
+ textObj:{content:'',locomotiveNumber:''},
pageInfo:{
total:100,
textList:[]
@@ -89,21 +94,22 @@
return Math.ceil(this.pageInfo.total/this.pageData.pageSize)
}
},
+ watch:{
+ pageData:{
+ handler(){
+ this.searchCar();
+ },
+ deep:true,
+ immediate:true
+ }
+ },
methods:{
- searchCar(){
- //鎼滅储
- this.pageInfo.textList=[
- {id:1, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'},
- {id:2, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'},
- {id:3, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'},
- {id:4, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'},
- {id:5, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'},
- {id:6, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'},
- {id:7, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'},
- {id:8, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'},
- {id:9, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'},
- {id:10, textContent: '鐏溅鍚姩', cid: 'k12', date: '2016-05-02'}
- ];
+ async searchCar(){
+ const {code,data,total}=await getTextListApi({keyword:this.keyword,...this.pageData});
+ if(code===200){
+ this.pageInfo.textList=data;
+ this.pageInfo.total=total;
+ }
},
handleSizeChange(pageSize){
this.pageData.pageSize=pageSize;
@@ -111,16 +117,25 @@
handleCurrentChange(page){
this.pageData.page=page;
},
+ resetFormData(){
+ this.addModal=false;
+ this.textObj={content:'',locomotiveNumber:''}
+ },
addText(){
this.$refs.textForm.validate((valid) => {
if(valid){
-
+ addTextApi(this.textObj).then(({code})=>{
+ if(code===200){
+ this.$message.success('娣诲姞鎴愬姛');
+ this.resetFormData();
+ this.searchCar();
+ }else{
+ this.$message.warning('娣诲姞澶辫触')
+ }
+ });
}
})
}
- },
- mounted(){
- this.searchCar();
}
}
</script>
--
Gitblit v1.8.0