新增短信页面和短信模板页面

mg

2022-11-01 a7f016cba94a924e31ce6936987ca6ffc71a4613

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

@@ -6,7 +6,7 @@
        <main>
            <div class="mainHeader">
                <div class="add">
                    <el-button type="primary" icon="el-icon-plus">新增任务</el-button>
                    <el-button type="primary" icon="el-icon-plus" @click="addTask()">新增任务</el-button>
                </div>
                <div class="date-search">
                    <span>按天查询:</span>
@@ -34,44 +34,48 @@
                    :row-class-name="tableRowClassName">
                    <el-table-column type="selection" width="55">
                    </el-table-column>
                    <el-table-column label="任务编号" prop="applicationName" min-width="10">
                    <el-table-column label="任务编号" prop="taskNumber" min-width="10">
                    </el-table-column>
                    <el-table-column prop="applicationType" label="案件编号" min-width="10">
                    <el-table-column label="案件编号" prop="caseNumber" min-width="10">
                    </el-table-column>
                    <el-table-column prop="websiteUrl" label="问题类型" min-width="10">
                    <el-table-column prop="questionType" label="问题类型" min-width="10">
                    </el-table-column>
                    <el-table-column prop="applicationType" label="街道" min-width="10">
                    <el-table-column prop="bigType" label="大类" min-width="10">
                    </el-table-column>
                    <el-table-column prop="applicationType" label="社区" min-width="10">
                    <el-table-column prop="smallType" label="小类" min-width="10">
                    </el-table-column>
                    <el-table-column prop="applicationType" label="监督员" min-width="10">
                    <el-table-column prop="steert" label="街道" min-width="10">
                    </el-table-column>
                    <el-table-column prop="applicationType" label="问题描述" min-width="10">
                    <el-table-column prop="community" label="社区" min-width="10">
                    </el-table-column>
                    <el-table-column prop="applicationType" label="上报时间" min-width="10">
                    <el-table-column prop="description" label="任务描述" min-width="10">
                    </el-table-column>
                    <el-table-column prop="applicationType" label="状态" min-width="10">
                    <el-table-column prop="reportTime" label="上报时间" min-width="10">
                    </el-table-column>
                    <el-table-column prop="manager" label="监督员" min-width="10">
                    </el-table-column>
                    <el-table-column prop="status" label="状态" min-width="10">
                    </el-table-column>
                    <el-table-column label="操作" min-width="10">
                        <template slot-scope="scope">
                            <span @click="handleDelete(scope.row)">编辑</span>
                            <span class="line">|</span>
                            <span @click="handleDelete(scope.row)">查看</span>
                            <!-- <span class="line">|</span>
                            <span @click="(scope.row)">查看</span> -->
                        </template>
                    </el-table-column>
                </el-table>
                <!-- 分页 -->
                <!-- <div class="pagination">
                <div class="pagination">
                    <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum"
                        :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
                        @next-click="handleNext">
                    </el-pagination>
                </div> -->
                </div>
            </div>
        </main>
        <footer>
            <!-- 创建弹窗 -->
            <el-dialog :visible.sync="dialogCreate" title="新增第三方接口" width="45%" v-if="dialogCreate"
            <el-dialog :visible.sync="dialogCreate" title="新增整治列表" width="45%" v-if="dialogCreate"
                :before-close="handleClose">
                <createInterface />
            </el-dialog>
@@ -92,7 +96,74 @@
    },
    data() {
        return {
            tableData: [],
            totalNum: 5,
            pageSize: 10,
            tableData: [
                {
                    taskNumber: "13413414",
                    caseNumber: "202233112310310001",
                    questionType: "违规",
                    bigType: "不按规定停放影响其他车辆和行人通行但未造成交通事故",
                    smallType: "违反国家有关标准编制城乡规划",
                    steert: "妙峰街",
                    community: "大柘镇",
                    description: "违规停放",
                    reportTime: "2022-11-1 12:10:10",
                    status: "上报",
                    manager: "王晨晨"},
                {
                    taskNumber: "13413414",
                    caseNumber: "202233112310310001",
                    questionType: "违规",
                    bigType: "不按规定停放影响其他车辆和行人通行但未造成交通事故",
                    smallType: "违反国家有关标准编制城乡规划",
                    steert: "妙峰街",
                    community: "大柘镇",
                    description: "违规停放",
                    reportTime: "2022-11-1 12:10:10",
                    status: "上报",
                    manager: "王晨晨"
                },
                {
                    taskNumber: "13413414",
                    caseNumber: "202233112310310001",
                    questionType: "违规",
                    bigType: "不按规定停放影响其他车辆和行人通行但未造成交通事故",
                    smallType: "违反国家有关标准编制城乡规划",
                    steert: "妙峰街",
                    community: "大柘镇",
                    description: "违规停放",
                    reportTime: "2022-11-1 12:10:10",
                    status: "上报",
                    manager: "王晨晨"
                },
                {
                    taskNumber: "13413414",
                    caseNumber: "202233112310310001",
                    questionType: "违规",
                    bigType: "不按规定停放影响其他车辆和行人通行但未造成交通事故",
                    smallType: "违反国家有关标准编制城乡规划",
                    steert: "妙峰街",
                    community: "大柘镇",
                    description: "违规停放",
                    reportTime: "2022-11-1 12:10:10",
                    status: "上报",
                    manager: "王晨晨"
                },
                {
                    taskNumber: "13413414",
                    caseNumber: "202233112310310001",
                    questionType: "违规",
                    bigType: "不按规定停放影响其他车辆和行人通行但未造成交通事故",
                    smallType: "违反国家有关标准编制城乡规划",
                    steert: "妙峰街",
                    community: "大柘镇",
                    description: "违规停放",
                    reportTime: "2022-11-1 12:10:10",
                    status: "上报",
                    manager: "王晨晨"
                }
            ],
            search: "",
            dialogCreate: false,
            dialogUpdate: false,
@@ -108,6 +179,9 @@
        this.getUserList();
    },
    methods: {
        addTask() {
            this.dialogCreate = true;
        },
        // 获取接口列表
        getUserList() {
            const that = this;
@@ -150,14 +224,8 @@
        },
        // 删除第三方接口
        handleDelete({ id }) {
            this.dialogUpdate=true;
            console.log(id);
            this.$axios.delete('sccg/system/portal/thirdApp/delete', {
                params: {
                    id
                }
            }).then(res => {
                console.log(res);
            })
        }
        // // 当前页改变触发事件
        // changeCurrentPage(page) {
@@ -205,19 +273,26 @@
            color: #4b9bb7;
            background-color: #09152f;
            display: flex;
            .add,.search,.btn{

            .add,
            .search,
            .btn {
                flex:1;
            }

            .date-search{
                flex: 3;
                display: flex;

                .mydate{
                    display: flex;

                    .line{
                        margin:0 10px 0 20px;
                    }
                }
            }

            .el-input {
                width: 180px;
                height: 35px;