参股企业管理完成

src/router/routes.js

-import MainLayout from '@/layouts/MainLayout.vue'
+import MainLayout from "@/layouts/MainLayout.vue";
 const routes = [
   {
-    path: '/login',
-    name: 'login',
-    component: () => import('@/views/login/index.vue'),
-    meta: { nopermission: true }
+    path: "/login",
+    name: "login",
+    component: () => import("@/views/login/index.vue"),
+    meta: { nopermission: true },
   },
   {
-    path: '/gzbPage',
-    name: 'gzbPage',
-    title: '数据大屏',
-    component: () => import('@/views/homePage/index.vue'),
-    meta: { nopermission: true }
+    path: "/gzbPage",
+    name: "gzbPage",
+    title: "数据大屏",
+    component: () => import("@/views/homePage/index.vue"),
+    meta: { nopermission: true },
   },
   {
-    path: '/',
-    name: '首页',
-    redirect: '/homePage',
+    path: "/",
+    name: "首页",
+    redirect: "/homePage",
     component: MainLayout,
     children: [
       {
-        path: '/homePage',
-        name: 'dataSummary',
-        title: '数据大屏',
-        component: () => import('@/views/homePage/index.vue')
+        path: "/homePage",
+        name: "dataSummary",
+        title: "数据大屏",
+        component: () => import("@/views/homePage/index.vue"),
       },
       {
-        path: '/projectManage',
-        name: 'projectManage',
-        title: '投前管理',
+        path: "/projectManage",
+        name: "projectManage",
+        title: "投前管理",
         redirect: "/projectAllPage",
         children: [
           {
-            path: '/projectDraft',
-            name: 'projectDraft',
-            title: '项目遴选',
-            component: () => import('@/views/projectManage/projectDraft.vue')
+            path: "/projectDraft",
+            name: "projectDraft",
+            title: "项目遴选",
+            component: () => import("@/views/projectManage/projectDraft.vue"),
           },
           {
-            path: '/projectSetUp',
-            name: 'projectSetUp',
-            title: '项目立项',
-            component: () => import('@/views/projectManage/projectSetUp.vue')
+            path: "/projectSetUp",
+            name: "projectSetUp",
+            title: "项目立项",
+            component: () => import("@/views/projectManage/projectSetUp.vue"),
           },
           {
-            path: '/projectArgument',
-            name: 'projectArgument',
-            title: '项目论证',
-            component: () => import('@/views/projectManage/projectArgument.vue')
+            path: "/projectArgument",
+            name: "projectArgument",
+            title: "项目论证",
+            component: () =>
+              import("@/views/projectManage/projectArgument.vue"),
           },
           {
-            path: '/projectDecision',
-            name: 'projectDecision',
-            title: '项目决策',
-            component: () => import('@/views/projectManage/projectDecision.vue')
+            path: "/projectDecision",
+            name: "projectDecision",
+            title: "项目决策",
+            component: () =>
+              import("@/views/projectManage/projectDecision.vue"),
           },
           {
-            path: '/projectAllPage',
-            name: 'projectAllPage',
-            title: '项目档案库',
-            component: () => import('@/views/projectManage/projectAllPage.vue')
+            path: "/projectAllPage",
+            name: "projectAllPage",
+            title: "项目档案库",
+            component: () => import("@/views/projectManage/projectAllPage.vue"),
           },
           {
-            path: '/addProject/:type',
-            name: 'addProject',
-            title: '新增项目',
-            component: () => import('@/views/projectManage/addProject.vue')
-          }
-        ]
+            path: "/addProject/:type",
+            name: "addProject",
+            title: "新增项目",
+            component: () => import("@/views/projectManage/addProject.vue"),
+          },
+        ],
       },
       {
         path: "/investingManage",
@@ -79,81 +81,101 @@ const routes = [
             path: "/targetLiabilityStatement",
             name: "targetLiabilityStatement",
             title: "投资目标责任书",
-                component: () => import('@/views/investingManage/targetLiabilityStatement.vue')
+            component: () =>
+              import("@/views/investingManage/targetLiabilityStatement.vue"),
           },
           {
-                path: '/addStatement',
-                name: 'addStatement',
-                title: '新增责任书',
-                component: () => import('@/views/investingManage/addStatement.vue')
+            path: "/addStatement",
+            name: "addStatement",
+            title: "新增责任书",
+            component: () => import("@/views/investingManage/addStatement.vue"),
           },
           {
             path: "/targetControl",
             name: "targetControl",
             title: "投资控制",
-                component: () => import('@/views/investingManage/targetControl.vue')
+            component: () =>
+              import("@/views/investingManage/targetControl.vue"),
+          },
+          {
+            path: "/addControl",
+            name: "addControl",
+            title: "新增投资控制",
+            component: () => import("@/views/investingManage/addControl.vue"),
+          },
+        ],
       },
       {
-                path: '/addControl',
-                name: 'addControl',
-                title: '新增投资控制',
-                component: () => import('@/views/investingManage/addControl.vue')
-            }
-        ]
+        path: "/templateManage",
+        name: "templateManage",
+        title: "模板管理",
+        component: () => import("@/views/projectManage/templateManage.vue"),
+      },
+      {
+        path: "/everydayPage",
+        name: "everydayPage",
+        title: "日常管理",
+        redirect: "/share",
+        children: [
+          {
+            path: "/share",
+            name: "share",
+            title: "投资目标责任书",
+            component: () => import("@/views/everydayPage/share.vue"),
           },
           {
-        path: '/templateManage',
-        name: 'templateManage',
-        title: '模板管理',
-        component: () => import('@/views/projectManage/templateManage.vue')
+            path: "/shareAdd",
+            name: "shareAdd",
+            title: "投资目标责任书",
+            component: () => import("@/views/everydayPage/shareAdd.vue"),
+          },
+        ],
       },
       {
-        path: '/systemManage',
-        name: 'systemManage',
-        title: '系统管理',
-        meta: { menuName: '系统管理' },
+        path: "/systemManage",
+        name: "systemManage",
+        title: "系统管理",
+        meta: { menuName: "系统管理" },
         children: [
           {
-            path: 'departManage',
-            name: 'departManage',
-            title: '部门管理',
-            component: () => import('@/views/systemManage/departManage.vue')
+            path: "departManage",
+            name: "departManage",
+            title: "部门管理",
+            component: () => import("@/views/systemManage/departManage.vue"),
           },
           {
-            path: 'userManage',
-            name: 'userManage',
-            title: '用户管理',
-            component: () => import('@/views/systemManage/userManage.vue')
+            path: "userManage",
+            name: "userManage",
+            title: "用户管理",
+            component: () => import("@/views/systemManage/userManage.vue"),
           },
           {
-            path: 'roleManage',
-            name: 'roleManage',
-            title: '角色管理',
-            component: () => import('@/views/systemManage/roleManage.vue')
+            path: "roleManage",
+            name: "roleManage",
+            title: "角色管理",
+            component: () => import("@/views/systemManage/roleManage.vue"),
           },
           {
-            path: 'menuManage',
-            name: 'menuManage',
-            title: '菜单管理',
-            component: () => import('@/views/systemManage/menuManage.vue')
+            path: "menuManage",
+            name: "menuManage",
+            title: "菜单管理",
+            component: () => import("@/views/systemManage/menuManage.vue"),
           },
           {
-            path: 'resourceManage',
-            name: 'resourceManage',
-            title: '资源库管理',
-            component: () => import('@/views/systemManage/resourceManage.vue')
-          }
-        ]
+            path: "resourceManage",
+            name: "resourceManage",
+            title: "资源库管理",
+            component: () => import("@/views/systemManage/resourceManage.vue"),
+          },
+        ],
       },
       {
         path: "/building",
         name: "building",
         title: "建设中",
-        component: () => import("@/views/homePage/building.vue")
-      }
-    ]
-  }
+        component: () => import("@/views/homePage/building.vue"),
+      },
+    ],
+  },
 ];
-export {
-    routes
-};
+export { routes };
\ No newline at end of file

src/views/everydayPage/share.vue

+<template>
+  <div class="manage-container">
+    <div class="manage-wrap">
+      <div class="manage-header">
+        <div class="header-left"></div>
+        <div class="header-right">
+          <el-button type="primary" @click="shareAdd">新增</el-button>
+        </div>
+      </div>
+      <div class="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="previewStatement(row)"
+              >查看</el-button
+            >
+            <el-button
+              link
+              type="primary"
+              size="small"
+              @click="editStatement(row)"
+              >编辑</el-button
+            >
+            <el-button
+              link
+              type="danger"
+              size="small"
+              @click="deleteStatement(row)"
+              >删除</el-button
+            >
+          </template>
+        </common-table>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, getCurrentInstance } from "vue";
+import { useRouter } from "vue-router";
+import { ElMessage, ElMessageBox } from "element-plus";
+import CommonTable from "@/components/common/commonTable.vue";
+
+const router = useRouter();
+const { proxy } = getCurrentInstance();
+
+let tableData = ref([]);
+let tableColumns = ref([
+  {
+    prop: "qc",
+    label: "项目全称",
+    showOverflowTooltip: true,
+  },
+  {
+    prop: "jc",
+    label: "项目简称",
+    showOverflowTooltip: true,
+  },
+
+  {
+    prop: "nbtzglzt",
+    label: "内部投资管理主体",
+    showOverflowTooltip: true,
+    width: 170,
+  },
+  {
+    prop: "xmscjd",
+    label: "项目所处阶段",
+    showOverflowTooltip: true,
+    width: 120,
+  },
+  {
+    prop: "gqjg",
+    label: "股权结构",
+    showOverflowTooltip: true,
+    width: 120,
+  },
+  {
+    prop: "xmzbjze",
+    label: "项目资本金总额（亿元）",
+    showOverflowTooltip: true,
+    width: 180,
+  },
+
+  {
+    prop: "operations",
+    label: "操作",
+    width: 170,
+    slot: "operations",
+    fixed: "right",
+    align: "center",
+  },
+]);
+let loading = ref(false);
+let total = ref(0);
+let currentPage = ref(1);
+let pageSize = ref(10);
+// 获取列表数据
+const getStatementData = () => {
+  loading.value = true;
+  proxy.$post({
+    url: "/api/project/getCgqyglList",
+    data: {
+      page: currentPage.value,
+      pagesize: pageSize.value,
+    },
+    callback: (data) => {
+      console.log(data, "data");
+
+      tableData.value = data.rows;
+      total.value = data.count;
+      loading.value = false;
+    },
+  });
+};
+// 分页
+const handleSizeChange = (size) => {
+  pageSize.value = size;
+  currentPage.value = 1;
+  getStatementData();
+};
+const handleCurrentPageChange = (page) => {
+  currentPage.value = page;
+  getStatementData();
+};
+const shareAdd = () => {
+  router.push("/shareAdd");
+};
+const editStatement = (item) => {
+  router.push({
+    name: "shareAdd",
+    query: {
+      id: item.id,
+    },
+  });
+};
+const previewStatement = (item) => {
+  router.push({
+    name: "shareAdd",
+    query: {
+      isPreview: true,
+      id: item.id,
+    },
+  });
+};
+const deleteStatement = (item) => {
+  ElMessageBox.confirm("确认删除该项？", "提示", {
+    confirmButtonText: "确认",
+    cancelButtonText: "取消",
+    type: "warning",
+  })
+    .then(() => {
+      proxy.$post({
+        url: "/api/project/deleteCgqygl",
+        data: {
+          id: item.id,
+        },
+        callback: (data) => {
+          ElMessage.success("删除成功");
+          getStatementData();
+        },
+      });
+    })
+    .catch(() => {});
+};
+onMounted(() => {
+  getStatementData();
+});
+</script>
+
+<style scoped lang="less">
+@import "@/styles/manage.less";
+</style>