需求开发

src/components/FinancialTable.vue

@@ -22,7 +22,7 @@
         prop="indicatorName"
         label="名称"
         align="left"
-        width="260"
+        min-width="260"
       >
         <template #default="{ row }">
           <div style="text-align: left">{{ row.indicatorName }}</div>
@@ -42,7 +42,7 @@
         v-for="time in validDynamicTimeList"
         :key="`time-col-${time}`"
         :label="time"
-        width="140"
+        min-width="140"
         align="center"
       >
         <template #default="{ row }">

src/router/routes.js

@@ -116,6 +116,20 @@ const routes = [
             title: "重大风险防控",
             component: () => import("@/views/investingManage/majorRisk.vue"),
           },
+          {
+            path: "/constructionTime",
+            name: "constructionTime",
+            title: "建设期投资回收",
+            component: () =>
+              import("@/views/investingManage/constructionTime.vue"),
+          },
+          {
+            path: "/constructionTimeAdd",
+            name: "constructionTimeAdd",
+            title: "建设期投资回收",
+            component: () =>
+              import("@/views/investingManage/constructionTimeAdd.vue"),
+          },
           {
             path: "/addRisk",
             name: "addRisk",

src/views/investingManage/constructionTime.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="constructionTimeAdd"
+            >新增</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: "projectName",
+    label: "项目名称",
+    showOverflowTooltip: true,
+  },
+  {
+    prop: "xmgsmc",
+    label: "项目公司名称",
+    showOverflowTooltip: true,
+  },
+
+  {
+    prop: "ssejqy",
+    label: "所属二级企业",
+    showOverflowTooltip: true,
+    width: 170,
+  },
+  {
+    prop: "xmgsmc",
+    label: "项目公司名称",
+    showOverflowTooltip: true,
+    width: 120,
+  },
+
+  {
+    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/getJsqtzhsList",
+    data: {
+      page: currentPage.value,
+      pagesize: pageSize.value,
+    },
+    callback: (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 constructionTimeAdd = () => {
+  router.push("/constructionTimeAdd");
+};
+const editStatement = (item) => {
+  router.push({
+    name: "constructionTimeAdd",
+    query: {
+      id: item.id,
+    },
+  });
+};
+const previewStatement = (item) => {
+  router.push({
+    name: "constructionTimeAdd",
+    query: {
+      isPreview: true,
+      id: item.id,
+    },
+  });
+};
+const deleteStatement = (item) => {
+  ElMessageBox.confirm("确认删除该项？", "提示", {
+    confirmButtonText: "确认",
+    cancelButtonText: "取消",
+    type: "warning",
+  })
+    .then(() => {
+      proxy.$post({
+        url: "/api/project/deleteJsqtzhs",
+        data: {
+          id: item.id,
+        },
+        callback: (data) => {
+          ElMessage.success("删除成功");
+          getStatementData();
+        },
+      });
+    })
+    .catch(() => {});
+};
+onMounted(() => {
+  getStatementData();
+});
+</script>
+
+<style scoped lang="less">
+@import "@/styles/manage.less";
+</style>