整治列表 案件查询 图片管理 页面添加

wl

2022-11-01 e389354f6154ffab9981308f8a842732db2f9085

 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>
@@ -30,53 +30,57 @@
                <!-- @selection-change="handleSelectionChange" -->
                <!-- 数据渲染 -->
                <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
                    :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                    :header-cell-style="{ background: '#06122c', 'font-size': '12px', color: '#4b9bb7', 'font-weight': '650', 'line-height': '45px' }"
                    :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>
            <!-- 查看弹窗 -->
            <el-dialog :visible.sync="dialogUpdate" :title="updateFlag ?'修改第三方接口':'查看第三方接口'" width="45%"
            <el-dialog :visible.sync="dialogUpdate" :title="updateFlag ? '修改第三方接口' : '查看第三方接口'" width="45%"
                v-if="dialogUpdate" :before-close="handleClose">
                <viewInterface :updateFlag="updateFlag" :userInfo=userInfo />
            </el-dialog>
@@ -92,13 +96,80 @@
    },
    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,
            updateFlag: false,
            userInfo: '',
            date:'',
            date: '',
            // totalNum: 200,
            // pageSize: 10,
            // currentPage: 1,
@@ -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{
                flex:1;

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

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

                .mydate {
                    display: flex;
                    .line{
                        margin:0 10px 0 20px;

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

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