图片上传显示bug

zhanghua

2023-12-12 122faf2b3a03f7ef381d70a38684fe0b70d42ebc

 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-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,34 +224,11 @@
        },
        // 删除第三方接口
        handleDelete({ id }) {
            console.log(id);
            this.$axios.delete('sccg/system/portal/thirdApp/delete', {
                params: {
                    id
                }
            }).then(res => {
                console.log(res);
            })
            this.dialogUpdate=true;
        }
        // // 当前页改变触发事件
        // changeCurrentPage(page) {
        //     this.currentPage = page;
        //     this.getUserList();
        // },
        // // 上一页点击事件
        // handlePrev(page) {
        //     this.currentPage = page;
        //     this.getUserList();
        // },
        // // 下一页点击事件
        // handleNext(page) {
        //     this.currentPage = page;
        //     this.getUserList();
        // },
    }
}
</script>
<!-- sccg/system/portal/thirdApp/search -->
<style lang="scss" scoped>
.otherInterface {
    header {
@@ -203,31 +254,38 @@
            display: flex;
            line-height: 60px;
            color: #4b9bb7;
            background-color: #09152f;
            // 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;
                margin-left: 10px;

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

@@ -235,7 +293,7 @@
            margin-top: 20px;

            .el-table {
                color: #4b9bb7;
                // color: #4b9bb7;

                &::v-deep .el-table__empty-block {
                    background-color: #06122c;