添加时间筛选

zhanghua

2025-07-16 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3

 src/views/operate/rectification/taskList/components/createInterface/index.vue

@@ -5,39 +5,42 @@
                <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.applicationName" 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.applicationName" 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.applicationName" 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.applicationName" 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.applicationName" 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.applicationName" 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.applicationName" 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>
@@ -95,7 +98,7 @@
            },
            createmyInterfaceRules: {
                applicationName: [
                    { required: true, trigger: "blur", validator: validateApplicationName},
                    { required: true, trigger: "blur", validator: validateApplicationName },
                ],
                applicationIconUrl: [
                    { required: true, trigger: "blur", validator: validateApplicationIconUrl },
@@ -119,13 +122,12 @@
        handleUser() {
            const { myInterface } = this;
            this.$axios.post('sccg/system/portal/thirdApp/add', {
                websiteUrl:myInterface.websiteUrl,
                applicationIconUrl:myInterface.applicationIconUrl,
                applicationType:0,
                description:myInterface.description,
                applicationName:myInterface.applicationName
                websiteUrl: myInterface.websiteUrl,
                applicationIconUrl: myInterface.applicationIconUrl,
                applicationType: 0,
                description: myInterface.description,
                applicationName: myInterface.applicationName
            }).then(res => {
                console.log(res);
                // if (res.code === 200) {
                //     this.refresh();
                // }
@@ -138,13 +140,14 @@
<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;
        padding-bottom: 50px;

        .mainContent {
            display: flex;
            justify-content: center;
@@ -188,24 +191,28 @@
                    }
                }
            }
            .optionBtn{

            .optionBtn {
                margin-top: 30px;
                &::v-deep .el-button{

                &::v-deep .el-button {
                    padding: 12px 40px;
                }
                .reset{

                .reset {
                    border: 1px solid #0079fe;
                    color: #0079fe;
                }
            }
            &::v-deep .el-form-item__label {
                color: #4b9bb7;
            }

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

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

            .addPerson {
                display: flex;