明树Git Lab

Skip to content

J
jt_front
Commit 8fdcbacc authored by yangyajing's avatar yangyajing
Browse files
Options

modify style

parent 44a1a26c
Pipeline #104495 passed with stage
    in 13 seconds
    Hide whitespace changes
    Inline Side-by-side
    Showing with 275 additions and 337 deletions
    src/components/common/commonTable.vue
    View file @ 8fdcbacc
    <template>
    <div class="common-table">
    <div class="table-header" v-if="showHeader">
    <div class="header-left">
    <slot name="header-left">
    <h3 v-if="title">{{ title }}</h3>
    </slot>
    </div>
    <div class="header-right">
    <slot name="header-actions"></slot>
    </div>
    </div>
    <div class="table-container">
    <el-table
    style="width: 100%"
    ......
    src/styles/manage.less
    View file @ 8fdcbacc
    .manage-container{
    display: flex;
    flex-direction: column;
    background: rgba(157, 188, 218, 0.1);
    }
    .manage-header{
    background: rgba(255, 255, 255, 0.9);
    ......@@ -22,7 +23,7 @@
    .manage-content{
    flex: 1;
    height: 0;
    .common-table{
    &>.common-table{
    height: 100%;
    display: flex;
    flex-direction: column;
    ......@@ -37,4 +38,52 @@
    }
    }
    }
    }
    .project-manage{
    &-container{
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: rgba(157, 188, 218, 0.1);
    .manage-container{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    }
    &-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    }
    &-content{
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    &>.common-table{
    height: 100%;
    display: flex;
    flex-direction: column;
    .table-container{
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    .el-table{
    flex: 1;
    height: 0;
    }
    }
    }
    }
    }
    \ No newline at end of file
    src/views/managePage/addProject.vue
    View file @ 8fdcbacc
    ......@@ -1859,7 +1859,7 @@
    <el-table-column type="index" width="50" />
    <el-table-column prop="fxlb" label="风险类别">
    <template #default="scope">
    <el-input v-model="scope.row.fxfxlbms" />
    <el-input v-model="scope.row.fxlb" />
    </template>
    </el-table-column>
    <el-table-column prop="fxms" label="风险描述">
    ......@@ -2666,11 +2666,11 @@
    // 财务评价指标
    let cwpjzbData = reactive([
    {
    name: "项目投资内部收益率",
    name: "项目投资内部收益率（税后）",
    unit: "%"
    },
    {
    name: "项目资本金内部收益率",
    name: "项目资本金内部收益率（税后）",
    unit: "%"
    },
    {
    ......
    src/views/managePage/projectAllPage.vue
    View file @ 8fdcbacc
    <template>
    <div class="project-manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right">
    <el-button type="primary" @click="showFieldsModal">表头筛选</el-button>
    <div class="manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right">
    <el-button type="primary" @click="showFieldsModal">表头筛选</el-button>
    </div>
    </div>
    </div>
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <el-button link type="primary" size="small" @click="previewProject(row)">查看</el-button>
    <el-button link type="primary" size="small" @click="editProject(row)">编辑</el-button>
    <el-button link type="danger" size="small" @click="deleteProject(row)">删除</el-button>
    </template>
    </common-table>
    <!-- <div class="table-wrap">
    <el-table :data="tableData" style="width: 100%"
    empty-text="暂无数据" height="100%" border
    >
    <el-table-column type="index" width="50" />
    <el-table-column prop="projectName" label="项目名称" />
    <el-table-column prop="projectCode" label="项目编号" />
    <el-table-column fixed="right" label="操作" min-width="120">
    <template #default="scope">
    <el-button link type="primary" size="small" @click="previewProject(scope.row)">查看</el-button>
    <el-button link type="primary" size="small" @click="editProject(scope.row)">编辑</el-button>
    <el-button link type="danger" size="small" @click="deleteProject(scope.row)">删除</el-button>
    </template>
    </el-table-column>
    </el-table>
    </div>
    <div class="page-wrap">
    <el-pagination background layout="prev, pager, next" :total="1000" />
    </div> -->
    </div>
    <el-dialog v-model="filedsModalShow"
    modal-class="fields-modal"
    title="筛选查询" width="50%" top="10vh"
    >
    <template #operations="{ row, index }">
    <el-button link type="primary" size="small" @click="previewProject(row)">查看</el-button>
    <el-button link type="primary" size="small" @click="editProject(row)">编辑</el-button>
    <el-button link type="danger" size="small" @click="deleteProject(row)">删除</el-button>
    </template>
    </common-table>
    <!-- <div class="table-wrap">
    <el-table :data="tableData" style="width: 100%"
    empty-text="暂无数据" height="100%" border
    <el-table :data="tableFields" style="width: 100%; height: 500px;" empty-text="暂无数据" border
    @selection-change="handleFieldsSelectChange"
    >
    <el-table-column type="index" width="50" />
    <el-table-column prop="projectName" label="项目名称" />
    <el-table-column prop="projectCode" label="项目编号" />
    <el-table-column fixed="right" label="操作" min-width="120">
    <template #default="scope">
    <el-button link type="primary" size="small" @click="previewProject(scope.row)">查看</el-button>
    <el-button link type="primary" size="small" @click="editProject(scope.row)">编辑</el-button>
    <el-button link type="danger" size="small" @click="deleteProject(scope.row)">删除</el-button>
    </template>
    </el-table-column>
    <el-table-column type="selection" width="55" />
    <el-table-column prop="comment" label="名称" />
    </el-table>
    </div>
    <div class="page-wrap">
    <el-pagination background layout="prev, pager, next" :total="1000" />
    </div> -->
    <template #footer>
    <div class="dialog-footer">
    <el-button @click="cancelFieldsModal">取消</el-button>
    <el-button type="primary" @click="confirmFieldsModal">确定</el-button>
    </div>
    </template>
    </el-dialog>
    </div>
    <el-dialog v-model="filedsModalShow"
    modal-class="fields-modal"
    title="筛选查询" width="50%" top="10vh"
    >
    <common-table
    :data="tableFields"
    :columns="fieldsTableColumns"
    :selection="true"
    :border="true"
    :pagination="false"
    :autoHeight="true"
    :rowHeight="40"
    @selection-change="handleFieldsSelectChange"
    ></common-table>
    <template #footer>
    <div class="dialog-footer">
    <el-button @click="cancelFieldsModal">取消</el-button>
    <el-button type="primary" @click="confirmFieldsModal">确定</el-button>
    </div>
    </template>
    </el-dialog>
    </div>
    </template>
    ......@@ -199,24 +197,5 @@
    </script>
    <style scoped lang="less">
    .project-manage{
    &-container{
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    }
    &-header{
    display: flex;
    justify-content: space-between;
    }
    &-content{
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    }
    }
    @import "@/styles/manage.less";
    </style>
    src/views/managePage/projectArgument.vue
    View file @ 8fdcbacc
    <template>
    <div class="project-manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right"></div>
    </div>
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <el-button link type="primary" size="small" @click="fillProject(row)">继续填报</el-button>
    <el-button link type="primary" size="small"
    :loading="row.loading" @click="fillProject(row)"
    >发起决策审批</el-button>
    </template>
    </common-table>
    <div class="manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right"></div>
    </div>
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <el-button link type="primary" size="small" @click="fillProject(row)">继续填报</el-button>
    <el-button link type="primary" size="small"
    :loading="row.loading" @click="fillProject(row)"
    >发起决策审批</el-button>
    </template>
    </common-table>
    </div>
    </div>
    </div>
    </template>
    ......@@ -134,24 +136,5 @@
    </script>
    <style scoped lang="less">
    .project-manage{
    &-container{
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    }
    &-header{
    display: flex;
    justify-content: space-between;
    }
    &-content{
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    }
    }
    @import "@/styles/manage.less";
    </style>
    src/views/managePage/projectDecision.vue
    View file @ 8fdcbacc
    <template>
    <div class="project-manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right"></div>
    </div>
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <el-button link type="primary" size="small"
    :loading="row.loading" @click="getResult(row)"
    >查询决策结果</el-button>
    </template>
    </common-table>
    <div class="manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right"></div>
    </div>
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <el-button link type="primary" size="small"
    :loading="row.loading" @click="getResult(row)"
    >查询决策结果</el-button>
    </template>
    </common-table>
    </div>
    </div>
    </div>
    </template>
    ......@@ -123,24 +125,5 @@
    </script>
    <style scoped lang="less">
    .project-manage{
    &-container{
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    }
    &-header{
    display: flex;
    justify-content: space-between;
    }
    &-content{
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    }
    }
    @import "@/styles/manage.less";
    </style>
    src/views/managePage/projectDraft.vue
    View file @ 8fdcbacc
    <template>
    <div class="project-manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right">
    <el-button type="primary" @click="addProject">新增</el-button>
    <div class="manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right">
    <el-button type="primary" @click="addProject">新增</el-button>
    </div>
    </div>
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <el-button link type="primary" size="small" @click="previewProject(row)">查看</el-button>
    <el-button link type="primary" size="small" @click="editProject(row)">发起立项</el-button>
    <el-button link type="danger" size="small" @click="deleteProject(row)">删除</el-button>
    </template>
    </common-table>
    </div>
    </div>
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <el-button link type="primary" size="small" @click="previewProject(row)">查看</el-button>
    <el-button link type="primary" size="small" @click="editProject(row)">发起立项</el-button>
    <el-button link type="danger" size="small" @click="deleteProject(row)">删除</el-button>
    </template>
    </common-table>
    </div>
    </div>
    </template>
    ......@@ -157,24 +159,5 @@
    </script>
    <style scoped lang="less">
    .project-manage{
    &-container{
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    }
    &-header{
    display: flex;
    justify-content: space-between;
    }
    &-content{
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    }
    }
    @import "@/styles/manage.less";
    </style>
    src/views/managePage/projectSetUp.vue
    View file @ 8fdcbacc
    <template>
    <div class="project-manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right"></div>
    </div>
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <!-- 立项审批中 -->
    <el-button link type="primary" size="small"
    v-if="row.projectLzType === 3"
    :loading="row.loading" @click="getResult(row)"
    >查询审批结果</el-button>
    <!-- 已立项 -->
    <el-button link type="primary" size="small"
    v-if="row.projectLzType === 5"
    @click="fillDecision(row)"
    >决策填报</el-button>
    </template>
    </common-table>
    <div class="manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right"></div>
    </div>
    <div class="project-manage-content" v-loading="loading">
    <common-table
    :autoHeight="true"
    :maxRows="10"
    :data="tableData"
    :columns="tableColumns"
    :total="total"
    :current-page="currentPage"
    :page-size="pageSize"
    :index="true"
    :indexLabel="'序号'"
    title=""
    :border="true"
    @size-change="handleSizeChange"
    @current-page-change="handleCurrentPageChange"
    >
    <template #operations="{ row, index }">
    <!-- 立项审批中 -->
    <el-button link type="primary" size="small"
    v-if="row.projectLzType === 3"
    :loading="row.loading" @click="getResult(row)"
    >查询审批结果</el-button>
    <!-- 已立项 -->
    <el-button link type="primary" size="small"
    v-if="row.projectLzType === 5"
    @click="fillDecision(row)"
    >决策填报</el-button>
    </template>
    </common-table>
    </div>
    </div>
    </div>
    </template>
    ......@@ -149,24 +151,5 @@
    </script>
    <style scoped lang="less">
    .project-manage{
    &-container{
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    }
    &-header{
    display: flex;
    justify-content: space-between;
    }
    &-content{
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    }
    }
    @import "@/styles/manage.less";
    </style>
    src/views/managePage/templateManage.vue
    View file @ 8fdcbacc
    <template>
    <div class="template-manage-container">
    <div class="template-manage-header">
    <div class="header-left"></div>
    <div class="header-right">
    <el-button type="primary" @click="addItem">新增</el-button>
    <el-button type="primary" @click="exportData">导出</el-button>
    <div class="project-manage-container">
    <div class="manage-container">
    <div class="project-manage-header">
    <div class="header-left"></div>
    <div class="header-right">
    <el-button type="primary" @click="addItem">新增</el-button>
    <el-button type="primary" @click="exportData">导出</el-button>
    </div>
    </div>
    <div class="project-manage-content">
    <el-table :data="tableData" style="width: 100%; height: 100%;" empty-text="暂无数据" border>
    <el-table-column type="index" width="50" />
    <el-table-column v-for="column in tableColumns" :key="column.prop"
    :prop="column.prop" :label="column.label"
    >
    <template #default="scope">
    <el-input v-model="scope.row[column.prop]" />
    </template>
    </el-table-column>
    <el-table-column label="操作" width="60">
    <template #default="scope">
    <el-button link type="danger" size="small" @click="deleteItem(scope.$index)">删除</el-button>
    </template>
    </el-table-column>
    </el-table>
    </div>
    </div>
    <div class="project-manage-content">
    <el-table :data="tableData" style="width: 100%; height: 100%;" empty-text="暂无数据" border>
    <el-table-column type="index" width="50" />
    <el-table-column v-for="column in tableColumns" :key="column.prop"
    :prop="column.prop" :label="column.label"
    >
    <template #default="scope">
    <el-input v-model="scope.row[column.prop]" />
    </template>
    </el-table-column>
    <el-table-column label="操作" width="60">
    <template #default="scope">
    <el-button link type="danger" size="small" @click="deleteItem(scope.$index)">删除</el-button>
    </template>
    </el-table-column>
    </el-table>
    </div>
    </div>
    </template>
    ......@@ -185,21 +187,5 @@
    </script>
    <style lang="less">
    .template-manage{
    &-container{
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    .tab-content{
    padding: 10px 15px;
    }
    }
    &-header{
    display: flex;
    justify-content: space-between;
    }
    }
    @import "@/styles/manage.less";
    </style>
    \ No newline at end of file
    src/views/systemManage/departManage.vue
    View file @ 8fdcbacc
    <template>
    <div class="depart-manage" v-loading="loading">
    <div class="search-origin">
    <div class="manage-left">
    <div class="origin-title">
    <h4>部门</h4>
    </div>
    ......@@ -421,12 +421,14 @@ onMounted(() => {
    display: flex;
    // flex-direction: row;
    // box-sizing: border-box;
    .search-origin {
    .manage-left {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 20px;
    margin-right: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    width: 240px;
    overflow: auto;
    }
    .origin-title {
    display: flex;
    ......@@ -487,6 +489,7 @@ onMounted(() => {
    .table-container {
    flex: 1;
    width: 0;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
    padding: 20px;
    ......
    src/views/systemManage/menuManage.vue
    View file @ 8fdcbacc
    <template>
    <div class="menu-manage" v-loading="loading">
    <div class="manage-container menu-manage" v-loading="loading">
    <div class="manage-content table-container">
    <common-table
    :data="tableData"
    ......
    src/views/systemManage/roleManage.vue
    View file @ 8fdcbacc
    <template>
    <div class="user-manage" v-loading="loading">
    <div class="manage-container role-manage" v-loading="loading">
    <div class="manage-header">
    <div class="header-left">
    <el-form :inline="true" :model="searchForm">
    ......@@ -407,7 +407,7 @@ onMounted(() => {
    <style scoped lang="less">
    @import "@/styles/manage.less";
    .user-manage {
    .role-manage {
    padding: 20px;
    background: rgba(157, 188, 218, 0.1);
    height: 100%;
    ......
    Markdown is supported
    0% or
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment