From bad4f431d9287c31da042ada125910e9b3e8c3b8 Mon Sep 17 00:00:00 2001
From: charles <981744753@qq.com>
Date: 星期一, 06 五月 2024 14:38:44 +0800
Subject: [PATCH] fix:修复uibug
---
src/views/home/components/textManager/index.vue | 55 +++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 49 insertions(+), 6 deletions(-)
diff --git a/src/views/home/components/textManager/index.vue b/src/views/home/components/textManager/index.vue
index 5eab2bc..a9c360a 100644
--- a/src/views/home/components/textManager/index.vue
+++ b/src/views/home/components/textManager/index.vue
@@ -1,14 +1,43 @@
<template>
<div>
- <div class="search">
- <el-form :inline="true" class="demo-form-inline">
- <el-form-item label="鏂囧瓧鍐呭/杞﹀彿锛�">
- <el-input v-model="keyword" size="small" placeholder="璇疯緭鍏�"></el-input>
+ <!--娣诲姞鐨勬ā鎬佹-->
+ <el-dialog
+ title="娣诲姞"
+ :visible.sync="addModal"
+ width="40%"
+ :close-on-click-modal="false"
+ @close="addModal=false"
+ :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>
- <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 label="杞﹀彿锛�">
+ <el-input v-model="textObj.carNo" placeholder="璇疯緭鍏ヨ溅鍙�"/>
</el-form-item>
</el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="addModal = false">鍙� 娑�</el-button>
+ <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" >
@@ -40,7 +69,14 @@
name: "textManager",
data(){
return{
+ textRules:{
+ textContent: [
+ { required: true, message: '鍐呭涓嶈兘涓虹┖', trigger: 'blur' },
+ ],
+ },
+ addModal:false,
keyword:'',
+ textObj:{textContent:'',carNo:''},
pageInfo:{
total:100,
textList:[]
@@ -74,6 +110,13 @@
},
handleCurrentChange(page){
this.pageData.page=page;
+ },
+ addText(){
+ this.$refs.textForm.validate((valid) => {
+ if(valid){
+
+ }
+ })
}
},
mounted(){
--
Gitblit v1.8.0