fix:修复uibug

charles

2024-05-06 bad4f431d9287c31da042ada125910e9b3e8c3b8

 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(){