工程项目信息

dsk-operate-ui/src/router/index.js

@@ -705,6 +705,20 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/projectCostLedger',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    children: [
+      {
+        path: '/projectCostLedger/projectInformation/:id',
+        component: () => import('@/views/projectCostLedger/projectInformation'),
+        name: 'projectInformation',
+        meta: { title: '项目成本台账详情', icon: 'radar' }
+      }
+    ]
+  },
   // 子系统
   // {
   //   path: '',

dsk-operate-ui/src/views/projectCostLedger/component/infoTable.vue

@@ -84,7 +84,7 @@ export default {
     border-left: 2px solid #58637B;
     color: #000000;
     text-shadow: 0px 0px 10px rgba(0, 37, 106, 0.10000000149011612);
-    margin-bottom: 16px;
+    margin: 0 0 16px 0;
   }
   .infoTable-form {
     display: flex;

dsk-operate-ui/src/views/projectCostLedger/projectInformation.vue

@@ -8,54 +8,47 @@
     </div>
     <div class="detail-cont">
       <h2 class="infoTable-title">项目投标时的要点</h2>
-      <dsk-tab-toggle v-model="currentList" :tabs="toggleTabs"></dsk-tab-toggle>
-      <div>
-
+      <el-tabs v-model="currentList">
+        <el-tab-pane
+          :key="index"
+          v-for="(item, index) in toggleTabs"
+          :label="item.name"
+          :name="item.value"
+        >
+          {{item.content}}
+        </el-tab-pane>
+      </el-tabs>
+      <div class="detail-cont-tab">
+        <info-table class="info-tab" v-if="currentList === 'yd1'" :list="defaultListYd1" :obj="forInfoYd1" :labelWidth="labelWidth"></info-table>
+        <info-table class="info-tab" v-if="currentList === 'yd2'" :list="defaultListYd2" :obj="forInfoYd2" :labelWidth="labelWidth"></info-table>
+        <info-table class="info-tab" v-if="currentList === 'yd3'" :list="defaultListYd3" :obj="forInfoYd3" :labelWidth="labelWidth"></info-table>
+        <info-table class="info-tab" v-if="currentList === 'yd4'" :list="defaultListYd4" :obj="forInfoYd4" :labelWidth="labelWidth"></info-table>
+        <info-table class="info-tab" v-if="currentList === 'yd5'" :list="defaultListYd5" :obj="forInfoYd5" :labelWidth="labelWidth"></info-table>
       </div>
     </div>
     <div class="detail-cont">
       <info-table class="info-tab" :list="defaultList3" :obj="forInfo" :labelWidth="labelWidth" title="评标办法" :isSubTitle="true"></info-table>
     </div>
-    <div class="detail-cont"></div>
+    <div class="detail-cont">
+      <h2 class="infoTable-title">投标各时间节点</h2>
+      <el-tabs v-model="currentList1">
+        <el-tab-pane label="投标各时间节点" name="jd1"></el-tab-pane>
+        <el-tab-pane label="开（回）标时间及地点" name="jd2"></el-tab-pane>
+      </el-tabs>
+      <div class="detail-cont-tab">
+        <info-table class="info-tab" v-if="currentList1 === 'jd1'" :list="defaultListJd1" :obj="forInfoJd1" :labelWidth="labelWidth"></info-table>
+        <info-table class="info-tab" v-if="currentList1 === 'jd2'" :list="defaultListJd2" :obj="forInfoJd2" :labelWidth="labelWidth"></info-table>
+      </div>
+    </div>
   </div>
 </template>
 <script>
-  import DskTabToggle from "@/components/DskTabToggle";
   import InfoTable from './component/infoTable';
-  import { v4 } from 'uuid';
 export default {
   name: "projectInformation",
-  components: {InfoTable,DskTabToggle},
+  components: {InfoTable},
   data() {
     return {
-      currentList: "yd1",
-      toggleTabs: [
-        {
-          value: "yd1",
-          name: "招标范围",
-          id: v4()
-        },
-        {
-          value: "yd2",
-          name: "指定分包/指定供应",
-          id: v4()
-        },
-        {
-          value: "yd3",
-          name: "商务标书投标文件组成（详细）",
-          id: v4()
-        },
-        {
-          value: "yd4",
-          name: "工期要求（天数，起止时间）",
-          id: v4()
-        },
-        {
-          value: "yd5",
-          name: "质量标准及质量要求",
-          id: v4()
-        },
-      ],
       labelWidth: 250,
       forInfo: {
         name:'宝安中学（集团）初中部改扩建工程施工总承包（二次公告）',
@@ -102,6 +95,71 @@ export default {
         { name: '标准层（m）', prop: 'qualification' },
         { name: '其他说明', prop: 'provinceCode', style: true},
       ],
+      currentList: "yd1",
+      toggleTabs: [
+        {
+          value: "yd1",
+          name: "招标范围",
+        },
+        {
+          value: "yd2",
+          name: "指定分包/指定供应",
+        },
+        {
+          value: "yd3",
+          name: "商务标书投标文件组成（详细）",
+        },
+        {
+          value: "yd4",
+          name: "工期要求（天数，起止时间）",
+        },
+        {
+          value: "yd5",
+          name: "质量标准及质量要求",
+        },
+      ],
+      forInfoYd1:{
+        time:'2023-10-20'
+      },
+      defaultListYd1: [
+        { name: '建筑工程', prop: 'time' },
+        { name: '装饰工程', prop: 'operName' },
+        { name: '机电工程', prop: 'status' },
+        { name: '配套工程', prop: 'startDate' },
+        { name: '专业工程暂估', prop: 'startDate', style: true },
+      ],
+      forInfoYd2:{
+        time:'2023-10-20'
+      },
+      defaultListYd2: [
+        { name: '指定分包', prop: 'time' },
+        { name: '指定供应', prop: 'operName' },
+        { name: '报价方式/合同形式', prop: 'startDate', style: true },
+      ],
+      forInfoYd3:{
+        time:'2023-10-20'
+      },
+      defaultListYd3: [
+        { name: '电子标', prop: 'startDate', style: true },
+      ],
+      forInfoYd4:{
+        time:'2023-10-20'
+      },
+      defaultListYd4: [
+        { name: '计划开工日期', prop: 'time' },
+        { name: '计划竣工日期', prop: 'operName' },
+        { name: '总工期（天）', prop: 'status' },
+        { name: '缺陷责任', prop: 'startDate' },
+      ],
+      forInfoYd5:{
+        time:'2023-10-20'
+      },
+      defaultListYd5: [
+        { name: '质量标准', prop: 'time' },
+        { name: '质量要求', prop: 'operName' },
+        { name: '品牌要求', prop: 'status' },
+        { name: '报价中需要注意的其他问题/风险', prop: 'startDate' },
+      ],
       defaultList3: [
         { name: '评标程序', prop: 'creditNo' },
         { name: '专家组成', prop: 'operName' },
@@ -110,6 +168,27 @@ export default {
         { name: '招标控制价（如有）', prop: 'startDate' },
         { name: '报价上限（如有）', prop: 'startDate' },
       ],
+      currentList1: "jd1",
+      forInfoJd1:{
+        time:'2023-10-20'
+      },
+      defaultListJd1: [
+        { name: '标前会议（或者领取投标文件的时间)', prop: 'time' },
+        { name: '投标人提出疑问的截止时间', prop: 'operName' },
+        { name: '招标人答复疑问的截止时间', prop: 'status' },
+        { name: '现场踏勤时间', prop: 'startDate' },
+        { name: '招标控制价（如有）', prop: 'startDate' },
+        { name: '报价上限（如有）', prop: 'startDate' },
+      ],
+      forInfoJd2:{
+        time:'2023-10-20'
+      },
+      defaultListJd2: [
+        { name: '时间', prop: 'time' },
+        { name: '地点', prop: 'operName' },
+        { name: '开标时的要求', prop: 'status' },
+        { name: '投标有效期', prop: 'startDate' },
+      ],
     };
   },
   //可访问data属性
@@ -140,10 +219,20 @@ export default {
       border-left: 2px solid #58637B;
       color: #000000;
       text-shadow: 0px 0px 10px rgba(0, 37, 106, 0.10000000149011612);
-      margin-bottom: 16px;
+      margin: 0 0 16px 0;
     }
     .detail-cont{
-      margin-bottom: 24px;
+      padding:16px 0;
+      ::v-deep .el-tabs {
+        height: 48px;
+        line-height: 48px;
+        .el-tabs__nav-wrap::after {
+          position: static !important;
+        }
+      }
+    }
+    .detail-cont-tab{
+      margin-top: 20px;
     }
   }
 </style>