首页样式优化、流程待办表格数据完善

xiangpei

2025-01-03 47819106bfd6c0be7cae581e5dec7f1926293d8c

首页样式优化、流程待办表格数据完善

 src/assets/styles/ruoyi.scss

@@ -202,7 +202,7 @@
}

.el-card__body {
  padding: 15px 20px 20px 20px !important;
  padding: 15px 20px 15px 20px !important;
}

.card-box {

 src/views/components/noticeTable.vue

@@ -1,6 +1,6 @@
<template>
    <div>
        <div class="flex justify-between mb-[15px]">
    <div style="position: relative">
        <div class="flex justify-between mb-[15px]" style="align-items: center;margin-bottom: 5px">
            <div class="block mb-3 font-semibold fonts">待办事项</div>
            <div class="flex text-[12px]">
                <div
@@ -26,7 +26,7 @@
                color: '#454B5E',
                fontSize: '12px'
            }"
            height="280"
            min-height="280"
            max-height="280"
        >
            <el-table-column
@@ -37,6 +37,7 @@
                :min-width="column.minWidth"
                :prop="column.prop"
                :show-overflow-tooltip="true"
                :formatter="column.formatter"
            >
            </el-table-column>

@@ -44,35 +45,39 @@
                align="center"
                fixed="right"
                label="操作"
                min-width="150"
                min-width="90"
            >
                <template #default="scope">
                <template slot-scope="scope">
                    <el-button
                        plain
                        size="small"
                        type="primary"
                        type="text"
                        @click="handleDetail(scope.row)"
                    >
                        查看</el-button
                    >
                    <el-button
                        plain
                        size="small"
                        type="primary"
                        type="text"
                        @click="handleUpdate(scope.row)"
                    >
                        处置</el-button
                        处理</el-button
                    >
                </template>
            </el-table-column>
        </el-table>
        <pagination
      <div style="position: absolute; bottom: 0px;width: 100%;">
        <div style="width: 100%;display: flex;flex-direction: row-reverse;align-items: center">
          <pagination
            style="width: 100%"
            v-show="total >= 0"
            :page-sizes="[4]"
            :limit="queryParams.pageSize"
            :page="queryParams.pageNum"
            :total="total"
            @pagination="getList"
        />
          />
        </div>
      </div>
    </div>
</template>
<script>
@@ -85,7 +90,7 @@
            total: 0,
            queryParams: {
                pageNum: 1,
                pageSize: 5,
                pageSize: 4,
            },
            tableData: [],
            currentTableHeaders: [],
@@ -93,11 +98,25 @@
                { label: "流程环节", prop: "taskName", minWidth: 150, align: "left" },
                {
                    label: "申请项目",
                    prop: "processName",
                    prop: "projectName",
                    minWidth: 150,
                    align: "left",
                },
                { label: "审批人", prop: "handlerName", minWidth: 100, align: "left" },
                {
                  label: "处理人",
                  prop: "handlerName",
                  minWidth: 100,
                  align: "left",
                  formatter: (row) => {
                    if (row.handlerType === 'USER') {
                      return row.handlerName.join('、')
                    } else if (row.handlerType === 'DEPT') {
                      return row.handlerUnitName.join('、')
                    } else if (row.handlerType === 'ROLE') {
                      return row.handlerUnitName.join('、')
                    }
                  }
                },
                { label: "完成情况", prop: "taskStatus", minWidth: 143, align: "left" },
                {
                    label: "剩余时间",
@@ -221,10 +240,13 @@

<style lang="scss" scoped>
.tab {
    padding: 8px;
    padding: 6px;
    border: 1px solid #dbdeea;
    cursor: pointer;
    width: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.active {

 src/views/components/tidingsTable.vue

@@ -1,6 +1,6 @@
<template>
    <div>
        <div class="flex justify-between mb-[15px]">
    <div style="position: relative">
        <div class="flex justify-between mb-[15px]" style="align-items: center;margin-bottom: 5px">
            <div class="block mb-3 font-semibold fonts">消息中心</div>
            <div class="flex text-[12px]">
                <div
@@ -24,7 +24,7 @@
                color: '#454B5E',
                fontSize: '12px'
            }"
            height="280"
            min-height="280"
            max-height="280"
        >
            <el-table-column
@@ -65,9 +65,8 @@
            >
                <template #default="scope">
                    <el-button
                        plain
                        size="small"
                        type="primary"
                        type="text"
                        @click="handleDetail(scope.row)"
                    >
                        查看</el-button
@@ -76,13 +75,19 @@
                </template>
            </el-table-column>
        </el-table>
        <pagination
      <div style="position: absolute; bottom: 0px;width: 100%;">
        <div style="width: 100%;display: flex;flex-direction: row-reverse;align-items: center">
          <pagination
            style="width: 100%"
            v-show="total >= 0"
            :page-sizes="[4]"
            :limit="queryParams.pageSize"
            :page="queryParams.pageNum"
            :total="total"
            @pagination="getList"
        />
          />
        </div>
      </div>
    </div>
</template>
<script>
@@ -95,7 +100,7 @@
            total: 0,
            queryParams: {
                pageNum: 1,
                pageSize: 10
                pageSize: 4
            },
            tableData: [],
            tabs: [
@@ -190,10 +195,13 @@

<style lang="scss" scoped>
.tab {
    padding: 8px;
    padding: 6px;
    border: 1px solid #dbdeea;
    cursor: pointer;
    width: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.active {
@@ -255,7 +263,7 @@
    text-align: end;
}
::v-deep .el-pagination .btn-prev .el-icon,
 ::v-deep .el-pagination .btn-next .el-icon 
 ::v-deep .el-pagination .btn-next .el-icon
{
    display: inline;
}

 src/views/flowable/task/myProcess/send/index.vue

@@ -128,7 +128,7 @@
        </el-form>
      </div>
      <div class="opBut">
        <el-button type="danger" size="small" @click="delegation">转办</el-button>
        <el-button type="danger" size="small" @click="delegation">转 办</el-button>
      </div>
    </el-dialog>


 src/views/index.vue

@@ -83,13 +83,13 @@
        <div class="flex">
            <div class="flex_card">
                <el-card>
                    <NoticeTable style="height: 360px" />
                    <NoticeTable style="height: 340px" />
                </el-card>
            </div>
            <!-- 消息通知 -->
            <div class="flex_card">
                <el-card>
                    <TidingsTable style="height: 360px" />
                    <TidingsTable style="height: 340px" />
                </el-card>
            </div>
            <!-- 地图 -->