添加时间筛选

zhanghua

2025-07-16 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3

 src/views/operate/rectification/renovationList/components/viewInterface/index.vue

@@ -4,40 +4,48 @@
            <div class="mainContent">
                <el-form ref="user" label-width="140px" autoComplete="on" :model="myInterface"
                    :rules="createmyInterfaceRules" label-position="right">
                    <!-- 应用名称 -->
                    <el-form-item label="应用名称:" prop="applicationName">
                        <el-input v-model="myInterface.applicationName" placeholder="填写应用名称"></el-input>
                   <!-- 应用名称 -->
                   <el-form-item label="任务编号:" prop="applicationName">
                        <el-input v-model="myInterface.taskNumber" placeholder="填写任务编号"></el-input>
                    </el-form-item>
                    <!-- 应用图标 -->
                    <el-form-item label="应用图标:" prop="applicationIconUrl">
                        <div class="iconBox">
                            <div class="upload">
                                <img src="@/assets/imgs/user/default-avatar.jpg" alt="">
                            </div>
                            <div class="iconView">
                                <span>示意图</span>
                                <img src="@/assets/imgs/user/default-avatar.jpg" alt="">
                            </div>
                            <div class="tip">
                                <span>只允许上传jpg,jpeg,png,svg格式的图片，建议尺寸为105px*105px</span>
                            </div>
                        </div>
                    <el-form-item label="案件编号:" prop="applicationIconUrl">
                        <el-input v-model="myInterface.caseNumber" placeholder="填写案件编号"></el-input>
                    </el-form-item>
                     <!-- 应用图标 -->
                     <el-form-item label="大类:" prop="applicationIconUrl">
                        <el-input v-model="myInterface.bigType" placeholder="填写案件编号"></el-input>
                    </el-form-item>
                     <!-- 应用图标 -->
                     <el-form-item label="小类:" prop="applicationIconUrl">
                        <el-input v-model="myInterface.smallType" placeholder="填写案件编号"></el-input>
                    </el-form-item>
                    <!-- 应用类型 -->
                    <el-form-item label="应用类型:" prop="applicationType">
                        <div class="optionItem">
                            <el-radio-group v-model="myInterface.applicationType">
                                <el-radio :label="1">网页应用</el-radio>
                            </el-radio-group>
                        </div>
                    <el-form-item label="问题类型:" prop="applicationType">
                        <el-input v-model="myInterface.questionType" placeholder="填写问题类型"></el-input>
                    </el-form-item>
                    <!--网站url  -->
                    <el-form-item label="网站url:" prop="websiteUrl">
                        <el-input v-model="myInterface.websiteUrl"></el-input>
                    <!-- 应用名称 -->
                    <el-form-item label="街道:" prop="applicationName">
                        <el-input v-model="myInterface.steert" placeholder="填写街道"></el-input>
                    </el-form-item>
                    <!-- 应用描述 -->
                    <el-form-item label="应用描述:" prop="description">
                        <el-input v-model="myInterface.description" placeholder="请填写描述"></el-input>
                    <!-- 应用图标 -->
                    <el-form-item label="社区:" prop="applicationIconUrl">
                        <el-input v-model="myInterface.community" placeholder="填写社区"></el-input>
                    </el-form-item>
                    <!-- 应用类型 -->
                    <el-form-item label="监督员:" prop="applicationType">
                        <el-input v-model="myInterface.applicationName" placeholder="填写监督员"></el-input>
                    </el-form-item>
                    <!-- 应用图标 -->
                    <el-form-item label="问题描述:" prop="applicationIconUrl">
                        <el-input v-model="myInterface.description" placeholder="填写问题描述"></el-input>
                    </el-form-item>
                    <!-- 应用类型 -->
                    <el-form-item label="上报时间:" prop="applicationType">
                        <el-input v-model="myInterface.applicationName" placeholder="填写上报时间"></el-input>
                    </el-form-item>
                    <el-form-item label="状态:" prop="applicationType">
                        <el-input v-model="myInterface.status" placeholder="填写状态"></el-input>
                    </el-form-item>
                    <!-- 按钮 -->
                    <!-- <el-form-item>
@@ -91,8 +99,18 @@
            }
        };
        return {
            myInterface: {
            },
            myInterface:{
                    taskNumber:"13413414",
                    caseNumber:"202233112310310001",
                    questionType:"违规",
                    bigType:"不按规定停放影响其他车辆和行人通行但未造成交通事故",
                    smallType:"违反国家有关标准编制城乡规划",
                    steert:"妙峰街",
                    community:"大柘镇",
                    description:"违规停放",
                    reportTime:"2022-11-1 12:10:10",
                    status:"上报"
                },
            createmyInterfaceRules: {
                applicationName: [
                    { required: true, trigger: "blur", validator: validateApplicationName},
@@ -115,7 +133,7 @@
    created() {
        const that = this;
        const {userInfo} = this;
        this.myInterface = JSON.parse(JSON.stringify(userInfo));
        // this.myInterface = JSON.parse(JSON.stringify(userInfo));
    },
    methods: {
    },
@@ -125,12 +143,12 @@
<style lang="scss" scoped>
.createmyInterface {
    border-radius: 1px;
    background-color: #09152f;
    // background-color: #09152f;

    main {
        text-align: left;
        padding: 0 55px;
        background-color: #09152f;
        // background-color: #09152f;

        .mainContent {
            display: flex;
@@ -184,14 +202,14 @@
                    color: #0079fe;
                }
            }
            &::v-deep .el-form-item__label {
                color: #4b9bb7;
            }
            // &::v-deep .el-form-item__label {
            //     color: #4b9bb7;
            // }

            &::v-deep .el-input__inner {
                background-color: #09152f;
                border: 1px solid #17324c;
            }
            // &::v-deep .el-input__inner {
            //     background-color: #09152f;
            //     border: 1px solid #17324c;
            // }

            .addPerson {
                display: flex;