fix

src/api/index.js

@@ -1,8 +1,10 @@
 import login from './login/index.js'
 import system from './system/index.js'
+import project from "./project/index.js";
 
 export default {
-  uploadPath: '/api/blade-file/file/upload', // 上传
-  login,
-  system
+    uploadPath: '/api/blade-file/file/upload', // 上传
+    login,
+    system,
+    project
 }

src/api/project/index.js

@@ -0,0 +1,20 @@
+import fetch from "../fetch.js";
+
+export default {
+    /**
+     * 项目相关借口
+     * @returns {Promise<unknown>}
+     */
+    projectList(params) { //项目列表
+        return fetch('/blade-project-manage/project/v1/page', params)
+    },
+    projectInfo(id) { //项目详细信息
+        return fetch('/blade-project-manage/project/v1/detail/' + id)
+    },
+    issuanceDetail(params) { //项目发行明细
+        return fetch('/blade-project-manage/projectdetail/v1/list', params)
+    },
+    includeStage(params) { //项目包含阶段
+        return fetch('/blade-project-manage/projectstage/v1/getProjectStageList', params)
+    }
+}

src/assets/svg/step/marker.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="29" viewBox="0 0 20 29"><defs><style>.a{fill:#596a8a;}</style></defs><path class="a" d="M515,410.34v29a4.1,4.1,0,0,0-2.282-3.785l-15.475-6.96a4.272,4.272,0,0,1,0-7.52l15.475-6.96A4.092,4.092,0,0,0,515,410.34Z" transform="translate(-495.003 -410.34)"/></svg>

src/components/base-button.vue

@@ -3,7 +3,7 @@
     <el-icon color="#E9A956">
       <component :is="icon"></component>
     </el-icon>
-    <div class="ml-10 nowrap" @click="click"> {{ title }}</div>
+    <div class="ml-10 nowrap"> {{ title }}</div>
   </div>
 </template>
 
@@ -30,7 +30,8 @@ export default {
   },
   methods: {
     click() {
-      this.$emit('click')
+      console.log(new Date().getTime())
+      // this.$nextTick(this.$emit('click'))
     }
   }
 }

src/components/basic-form/index.vue

@@ -1,64 +1,74 @@
 <template>
-  <div class='full-width'>
-    <el-form v-for='item in option.column' :key='item.label' class='form' :class='option.detail ? "grey-fa-bg" : "white-bg" '  :label-width='option.hasOwnProperty("labelWidth") ? option.labelWidth : "150px" '>
-<!--      input-->
-      <el-col v-if='item.type ==="input" '  class='full-width'>
+  <div class=' padding-bottom padding-right'>
+    <el-form v-for='item in option.column' :key='item.label' :class='option.detail ? "grey-fa-bg" : "white-bg" '
+             :label-width='option.hasOwnProperty("labelWidth") ? option.labelWidth : "150px" '
+             class='form'>
+      <!--      input-->
+      <el-col v-if='item.type ==="input" ' class='full-width'>
         <div class='flex item full-width'>
           <el-form-item class='full-width '>
             <template v-slot:label>
               <div class='label white-bg full-width padding-left text-left bold'>
-                {{item.label}}
+                {{ item.label }}
               </div>
             </template>
             <div class='full-width text-left flex full-width'>
-              <input class='full-width' :placeholder= '`请输入` + item.label' :disabled='option.detail' v-model='form[item.prop]'/>
+              <input v-model='form[item.prop]' :disabled='option.detail' :placeholder='`请输入` + item.label'
+                     class='full-width'/>
               <el-icon v-if='!option.detail' class="padding-right">
-                <edit />
+                <edit/>
               </el-icon>
             </div>
           </el-form-item>
         </div>
       </el-col>
-<!--textarea-->
-      <el-col v-if='item.type ==="textarea" '  class='full-width' :style='`height:` + item.rows * 35 + `px`'>
+      <!--textarea-->
+      <el-col v-if='item.type ==="textarea" ' :style='`height:` + item.rows * 35 + `px`' class='full-width'>
         <div class='flex item full-width'>
           <el-form-item class='full-width '>
             <template v-slot:label>
-              <div class='label white-bg full-width text-left padding-left bold' :style='`height:` + item.rows * 35 + `px`'>
-                {{item.label}}
+              <div :style='`height:` + item.rows * 35 + `px`'
+                   class='label white-bg full-width text-left padding-left bold'>
+                {{ item.label }}
               </div>
             </template>
-            <div class='full-width flex flex-align-start full-height text-left full-width' style='white-space: pre-wrap;text-overflow: ellipsis;'>
-              <textarea :placeholder= '`请输入` + item.label' :disabled='option.detail' class='full-width padding-right full-height padding-top' style='line-height:20px;resize:none ' v-model='form[item.prop]'/>
+            <div class='full-width flex flex-align-start full-height text-left full-width'
+                 style='white-space: pre-wrap;text-overflow: ellipsis;'>
+              <textarea v-model='form[item.prop]' :disabled='option.detail'
+                        :placeholder='`请输入` + item.label'
+                        :style='`height:` + item.rows * 35 + `px`'
+                        class='full-width padding-right full-height padding-top'
+                        style='line-height:20px;resize:none '/>
               <el-icon v-if='!option.detail' class="padding-right padding-top">
-                <edit />
+                <edit/>
               </el-icon>
             </div>
           </el-form-item>
         </div>
       </el-col>
-<!--row-->
-      <el-col v-if='item.type === "row" ' :span='24'  class='flex full-width '>
-        <div  class='flex full-width'>
-            <div v-for='sub in item.column' :key='sub.label' class='full-width sub-item'>
-              <el-col :span='24'>
-                <div class='full-width item '>
-                  <el-form-item class='full-width'>
-                    <template v-slot:label>
-                      <div class='label white-bg full-width text-left padding-left bold'>
-                        {{sub.label}}
-                      </div>
-                    </template>
-                    <div class='full-width flex flex-center'>
-                      <input class='full-width' :placeholder= '`请输入` + sub.label' :disabled='option.detail' v-model='form[sub.prop]'>
-                      <el-icon v-if='!option.detail' class="padding-left padding-right">
-                        <edit />
-                      </el-icon>
+      <!--row-->
+      <el-col v-if='item.type === "row" ' :span='24' class='flex full-width '>
+        <div class='flex full-width'>
+          <div v-for='sub in item.column' :key='sub.label' class='full-width sub-item'>
+            <el-col :span='24'>
+              <div class='full-width item '>
+                <el-form-item class='full-width'>
+                  <template v-slot:label>
+                    <div class='label white-bg full-width text-left padding-left bold'>
+                      {{ sub.label }}
                     </div>
-                  </el-form-item>
-                </div>
-              </el-col>
-            </div>
+                  </template>
+                  <div class='full-width flex flex-center'>
+                    <input v-model='form[sub.prop]' :disabled='option.detail' :placeholder='`请输入` + sub.label'
+                           class='full-width'>
+                    <el-icon v-if='!option.detail' class="padding-left padding-right">
+                      <edit/>
+                    </el-icon>
+                  </div>
+                </el-form-item>
+              </div>
+            </el-col>
+          </div>
         </div>
       </el-col>
     </el-form>
@@ -74,19 +84,19 @@ export default {
   },
   watch: {
     data: {
-      handler (val) {
+      handler(val) {
         this.form = val
       },
       immediate: true
     },
     option: {
-      handler (val) {
+      handler(val) {
         this.$emit('change', this.form)
       },
       deep: true
     }
   },
-  data () {
+  data() {
     return {
       form: {},
       disable: true
@@ -100,25 +110,29 @@ export default {
   border-right: #CCCFCE solid 1px;
   border-left: #CCCFCE solid 1px;
   border-bottom: #CCCFCE solid 1px;
+
   .item {
-    :deep(.el-form-item--default){
+    :deep(.el-form-item--default) {
       margin-bottom: 0;
       padding: 0;
     }
   }
-  .label{
+
+  .label {
     padding-right: 10px;
     border-right: #CCCFCE solid 1px;
   }
-  .sub-item{
+
+  .sub-item {
     border-left: #CCCFCE solid 1px;
   }
-  .sub-item:first-child{
+
+  .sub-item:first-child {
     border-left: none;
   }
 }
 
-.form:first-child{
+.form:first-child {
   padding: 0;
   border: #CCCFCE solid 1px;
 }

src/components/basic-step/index.vue

@@ -1,20 +1,31 @@
 <template>
-  <div class="flex flex-col " style='width: 250px'>
+  <div class="flex flex-col" style='width: 250px'>
     <div v-for='(item,index) in steps' :key='item'>
       <div class='flex flex-align-end'>
-        <div class='flex flex-col flex-center '>
-          <div class='step' :style='index === 0 ? "height:60px" :"height:80px" '
-               :class='indicator >= index ? "main-bgcolor" : "normal" '/>
+        <div class='flex flex-col flex-center' style="width: 40px">
+          <div :class='indicator >= index ? "main-bgcolor" : "normal" '
+               :style='index === 0 ? "height:60px" :"height:80px" '
+               class='step'/>
           <img
               :src='indicator >= index ? dotSelect : dotNormal '
               style='margin-top: -34px; margin-bottom: -34px;z-index: 1'/>
         </div>
         <!--        tips-->
-        <div class='content pointer' style='z-index: 2;margin-left: -15px' @click='change(index)' :style='indicator === index ? "background-color: #596A8A":"background-color: transparent" '>
-          <div class='flex flex-col flex-align-start  full-width '>
-            <div class='padding flex flex-col '>
-              <div class='font-16 bold' :style='indicator === index ? "color:white": "color:#AFAFAF" '>{{item}}</div>
-              <div class='font-14 bold  text-left' :style='indicator === index ? "color:#E2AE64": "color:#9E2E26" '>12304个</div>
+        <div class="flex flex-center">
+          <img v-if="indicator === index" src="../../assets/svg/step/marker.svg"
+               style="margin-right: 12px;margin-top: 30px">
+          <div :style='indicator === index ? "background-color: #596A8A":"background-color: transparent" '
+               class='content pointer' style='z-index: 2;margin-left: -15px'
+               @click='change(index)'>
+            <div class='flex flex-col flex-align-start  full-width '>
+              <div class='padding flex flex-col ml-15 font-15 bold'>
+                <div :style='indicator === index ? "color:white": "color:#AFAFAF"' class="mt-5">
+                  {{ item.title }}
+                </div>
+                <div :style='indicator === index ? "color:#E2AE64": "color:#9E2E26" ' class='text-left'>
+                  {{ item.count }} 个
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -35,13 +46,13 @@ export default {
   },
   watch: {
     active: {
-      handler (val) {
+      handler(val) {
         this.indicator = val
       },
       immediate: true
     }
   },
-  data () {
+  data() {
     return {
       indicator: 0,
       selected: true,
@@ -50,7 +61,7 @@ export default {
     }
   },
   methods: {
-    change (index) {
+    change(index) {
       this.indicator = index
     }
   }
@@ -67,9 +78,9 @@ export default {
 }
 
 .content {
-  height: 55px;
-  width: 156px;
-  margin-bottom: -24px;
+  height: 68px;
+  width: 176px;
+  margin-bottom: -32px;
   border-radius: 8px;
 }
 

src/components/main-button.vue

@@ -3,7 +3,7 @@
     <el-icon v-if="type === '1'" class="mr-5" color="#E9A956">
       <component :is="icon"></component>
     </el-icon>
-    <div class="nowrap" @click="click"> {{ title }}</div>
+    <div class="nowrap font-15"> {{ title }}</div>
   </div>
 </template>
 
@@ -29,7 +29,7 @@ export default {
     }
   },
   methods: {
-    click () {
+    click() {
       this.$emit('click')
     }
   }

src/views/home/component/dash.vue

@@ -70,11 +70,14 @@ export default {
           },
           {
             label: '更新时间',
-            prop: 'totalAmount'
+            prop: 'updateTime',
+            type: 'month',
+            format: 'yyyy-MM-dd',
+            valueFormat: 'yyyy-MM-dd'
           },
           {
             label: '项目类型',
-            prop: 'issueCumulative'
+            prop: 'dictName'
           },
           {
             label: '项目进行阶段',
@@ -82,20 +85,20 @@ export default {
           },
           {
             label: '项目总投资（万元）',
-            prop: 'issueTerm'
+            prop: 'totalAmount'
           },
           {
             label: '创建时间',
-            prop: 'issueDate',
+            prop: 'createTime',
             type: 'month',
-            format: 'yyyy-MM',
-            valueFormat: 'yyyy-MM'
+            format: 'yyyy-MM-dd',
+            valueFormat: 'yyyy-MM-dd'
           }
         ]
       },
       page: {
-        pageSize: 15,
-        currentPage: 1,
+        size: 15,
+        current: 1,
         total: 0
       }
     }
@@ -104,13 +107,21 @@ export default {
     choise(index) {
       this.active = index
     },
+    onLoad() {
+      this.$api.project.projectList(this.page).then(res => {
+        if (res.code === 200) {
+          this.data = res.data.content
+          this.loading = false;
+        }
+      })
+    },
     beforeOpen(done, type) {
       if (['view'].includes(type)) {
-        this.$api.knowledge.tagsDetail({id: this.form.id}).then(res => {
-          this.form = res.data.data
+        this.$router.push({
+          path: '/home/details',
+          query: {id: this.form.id}
         })
       }
-      done()
     },
     go() {
       this.$router.push('/home/details')

src/views/home/component/left.vue

@@ -1,65 +0,0 @@
-<template>
-  <div>
-    <div class="top">
-      <div class="flex flex-col padding mt-20 ml-10">
-        <main-button type="0" width="200px"/>
-        <el-divider></el-divider>
-      </div>
-      <div style="margin-left: 20px;text-align: left;" class='full-height'>
-        <span style="color: #ECAB56;font-size: 18px;font-weight: 500;">项目阶段-文件管理</span>
-        <div style='overflow-y: scroll;margin-bottom: 200px' class='mt-20 full-height'>
-          <basic-step :steps='stepsTitle'/>
-        </div>
-      </div>
-    </div>
-    <div class="down">
-      <div class="padding flex flex-col flex-center">
-        <el-divider></el-divider>
-        <div class="flex flex-col flex-center tip">
-          <span class="font-16 bold mt-5" style="color:#787C90;">项目总投资额</span>
-          <span class="mt-5 font-16 bold" style="color: #ECAB56">23244555万元</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import mainButton from '../../../components/main-button.vue'
-import basicStep from '@/components/basic-step/index.vue'
-
-export default {
-  name: 'left',
-  components: { mainButton, basicStep },
-  data () {
-    return {
-      stepsTitle: ['全部阶段', '谋划阶段', '工程建设许可阶段', '施工许可阶段', '工程实施阶段', '竣工验收阶段', '运营阶段']
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.top {
-  width: 260px;
-  position: fixed;
-  bottom: 160px;
-  top: 60px;
-  background-color: #FAF9FA
-}
-
-.down {
-  height: 160px;
-  width: 260px;
-  position: fixed;
-  bottom: 0;
-  background-color: #FAF9FA
-}
-
-.tip {
-  border-radius: 10px;
-  background-color: #F4F4F1;
-  height: 75px;
-  width: 240px
-}
-</style>

src/views/home/component/left_bar.vue

@@ -0,0 +1,105 @@
+<template>
+  <div>
+    <div class="top">
+      <div class="flex flex-col padding mt-20 ml-10">
+        <main-button type="0" width="200px"/>
+        <el-divider></el-divider>
+      </div>
+      <div class='full-height' style="margin-left: 20px;text-align: left;">
+        <span class="title">项目阶段-文件管理</span>
+        <div class='mt-20 full-height' style='overflow-y: scroll;margin-bottom: 200px'>
+          <basic-step :steps='steps'/>
+        </div>
+      </div>
+    </div>
+    <div class="down">
+      <div class="padding flex flex-col flex-center">
+        <el-divider></el-divider>
+        <div class="flex flex-col flex-center tip">
+          <span class="font-16 bold mt-5" style="color:#787C90;">项目总投资额</span>
+          <span class="mt-5 font-16 bold" style="color: #ECAB56">23244555万元</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import mainButton from '../../../components/main-button.vue'
+import basicStep from '@/components/basic-step/index.vue'
+
+export default {
+  name: 'left_bar',
+  components: {mainButton, basicStep},
+  props: {
+    id: String
+  },
+  data() {
+    return {
+      steps: [{
+        title: '全部阶段',
+        count: 12312
+      }, {
+        title: '全部阶段',
+        count: 12312
+      }, {
+        title: '全部阶段',
+        count: 12312
+      }, {
+        title: '全部阶段',
+        count: 12312
+      }
+      ]
+    }
+  },
+  created() {
+    this.getStage()
+  },
+  methods: {
+    getStage() {
+      this.$api.project.includeStage({projectId: this.id}).then(res => {
+        console.log(res)
+        if (res.code === 200) {
+          this.steps = res.data.map(e => {
+            let newItem = {}
+            newItem.title = e.stageName
+            newItem.count = e.fileNumber
+            return newItem
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.top {
+  width: 300px;
+  position: fixed;
+  bottom: 160px;
+  top: 60px;
+  background-color: #FAF9FA
+}
+
+.down {
+  height: 300px;
+  width: 300px;
+  position: fixed;
+  bottom: 0;
+  background-color: #FAF9FA
+}
+
+.tip {
+  border-radius: 10px;
+  background-color: #F4F4F1;
+  height: 75px;
+  width: 240px
+}
+
+.title {
+  color: #ECAB56;
+  font-size: 16px;
+  font-weight: 500;
+}
+</style>

src/views/home/component/proinfo.vue

@@ -0,0 +1,295 @@
+<template>
+  <div class="flex flex-col">
+    <div class="flex flex-center flex-justify-between margin">
+      <span class="grey font-18 bold">项目详情</span>
+      <base-button :title="btnTips" icon="EditPen" width="60" @click="edit"/>
+    </div>
+    <basic-form :data="data" :option="option"/>
+    <div class="flex flex-col mt-20">
+      <div class="flex flex-center flex-justify-between margin">
+        <span class="grey font-18 bold">发行明细</span>
+        <base-button icon="Plus" title="新增" width="60"/>
+      </div>
+      <!-------发行明细------>
+      <div class="flex flex-col flex-center padding mb-20">
+        <div class="flex flex-center grey  bold full-width mr-10 border"
+             style="background-color: #FAFAFA;height: 50px;">
+          <span class="flex-child-average">发行时间</span>
+          <span class="flex-child-average">发行金额（万元）</span>
+          <span class="flex-child-average">发行期限</span>
+          <span class="flex-child-average">发行利率</span>
+        </div>
+        {{ issue }}
+        <div v-for="item in issue"
+             class="flex flex-center grey full-width border-bottom border-right border-left mr-10"
+             style="height: 50px">
+          <span class="flex-child-average">{{ item.issueDate }}</span>
+          <span class="flex-child-average">{{ item.issueAmount }}</span>
+          <span class="flex-child-average">{{ item.issueRate }}</span>
+          <span class="flex-child-average">{{ item.issueTerm }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import baseButton from '../../../components/base-button.vue'
+import basicForm from '../../../components/basic-form/index.vue'
+
+export default {
+  components: {baseButton, basicForm},
+  props: {
+    data: Object,
+    issue: Array,
+  },
+  data() {
+    return {
+      keyWords: '',
+      loading: false,
+      btnTips: '编辑',
+      page: {
+        pageSize: 15,
+        currentPage: 1,
+        total: 0
+      },
+      option: {
+        detail: true,
+        labelWidth: '200px',
+        column: [
+          {
+            label: '项目统一名称',
+            prop: 'name',
+            type: 'input',
+            span: 24
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '总投资（万元）',
+                prop: 'totalAmount',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '区划',
+                prop: 'provinceCode',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '地市',
+                prop: 'cityCode',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '区县',
+                prop: 'districtCode',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '不含专项债的资本金',
+                prop: 'capital',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '项目领域',
+                prop: 'dictName',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '申请专项债总额',
+                prop: 'data2',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '项目业主',
+                prop: 'implementingAgency',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '其他债务融资',
+                prop: 'portfolioFinancing',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '建设期',
+                prop: 'startDate',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '专项债做资本金',
+                prop: 'debtsAsCapital',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '运营期',
+                prop: 'operationStartDate',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '预期收入（收益）',
+                prop: 'expectedReturn',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '成本',
+                prop: 'cost',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+          {
+            label: '收入来源',
+            prop: 'sourceIncome',
+            type: 'textarea',
+            span: 24,
+            rows: 3
+          },
+          {
+            label: '建设内容',
+            prop: 'introduction',
+            type: 'textarea',
+            span: 24,
+            rows: 2
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '其他债务融资来源',
+                prop: 'data2',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '主管部门',
+                prop: 'projectSubject',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '成本/收入',
+                prop: 'costIncomePercent',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '会计所',
+                prop: 'data3',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+          {
+            type: 'row',
+            column: [
+              {
+                label: '覆盖倍数',
+                prop: 'coverageMultiple',
+                type: 'textarea',
+                span: 24
+              },
+              {
+                label: '律所',
+                prop: 'lawFirm',
+                type: 'textarea',
+                span: 24
+              }
+            ]
+          },
+        ]
+      },
+      info: {
+        name: '',
+        totalAmount: '',
+        provinceCode: '',
+        cityCode: '',
+        districtCode: '',
+        capital: '',
+        dictName: '',
+        implementingAgency: '',
+        portfolioFinancing: '',
+        startDate: '',
+        debtsAsCapital: '',
+        operationStartDate: '',
+        expectedReturn: '',
+        cost: '',
+        sourceIncome: '',
+        introduction: '',
+        projectSubject: '',
+        costIncomePercent: '',
+        lawFirm: '',
+        coverageMultiple: ''
+      },
+      issue: []
+    }
+  },
+  methods: {
+    edit() {
+      if (this.btnTips === '编辑') {
+        console.log('false')
+        this.option.detail = false
+        this.btnTips = '保存'
+      } else {
+        this.option.detail = true
+        console.log('true')
+        this.btnTips = '编辑'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/home/component/right1.vue

@@ -1,88 +0,0 @@
-<template>
-  <div class="flex flex-col">
-    <div class="flex flex-center flex-justify-between margin">
-      <span class="grey font-18 bold">项目详情</span>
-      <base-button icon="EditPen" width="60"/>
-    </div>
-    <div class="flex flex-col">
-      <div class="flex flex-center flex-justify-between margin">
-        <span class="grey font-18 bold">发行明细</span>
-        <base-button icon="Plus" title="新增" width="60"/>
-      </div>
-      <avue-crud ref="crud"
-                 v-model="form"
-                 v-model:page="page"
-                 :before-open="beforeOpen"
-                 :data="data"
-                 :option="option"
-                 :permission="permissionList"
-                 :table-loading="loading"
-                 @row-update="rowUpdate"
-                 @row-save="rowSave"
-                 @row-del="rowDel"
-                 @current-change="currentChange"
-                 @size-change="sizeChange"
-                 @refresh-change="refreshChange"
-                 @on-load="onLoad">
-      </avue-crud>
-    </div>
-  </div>
-</template>
-
-<script>
-import baseButton from '../../../components/base-button.vue'
-
-export default {
-  name: 'right1',
-  components: { baseButton },
-  data () {
-    return {
-      keyWords: '',
-      loading: false,
-      data: [],
-      form: {},
-      option: {
-        calcHeight: 30,
-        refreshBtn: false,
-        tip: false,
-        columnBtn: false,
-        searchShow: true,
-        editBtn: true,
-        addBtn: false,
-        delBtn: false,
-        border: true,
-        menu: false,
-        align: 'center',
-        viewBtn: true,
-        dialogClickModal: false,
-        column: [
-          {
-            label: '发行时间',
-            prop: 'name'
-          },
-          {
-            label: '发行金额（万元）',
-            prop: 'totalAmount'
-          },
-          {
-            label: '发行期限',
-            prop: 'issueCumulative'
-          },
-          {
-            label: '发行利率',
-            prop: 'issueTerm'
-          }]
-      },
-      page: {
-        pageSize: 15,
-        currentPage: 1,
-        total: 0
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>

src/views/home/details.vue

@@ -1,10 +1,10 @@
 <template>
   <div class='flex flex-justify-start full-height'>
     <div class="full-height">
-      <left-bar/>
+      <left-bar :id="id"/>
     </div>
-    <div class="full-height full-width white-bg padding-left padding-top" style="margin-left: 270px">
-      <right1 v-if="type === 0"/>
+    <div class="full-height full-width white-bg padding-left padding-top" style="margin-left: 300px">
+      <proinfo v-if="type === 0" :data="data"/>
       <right2 v-else/>
     </div>
   </div>
@@ -17,17 +17,42 @@ name:'项目详情',
 </route>
 
 <script>
-import leftBar from './component/left.vue'
-import right1 from './component/right1.vue'
+import leftBar from './component/left_bar.vue'
+import proinfo from './component/proinfo.vue'
 import right2 from './component/right2.vue'
 
 export default {
   name: 'test',
-  components: { leftBar, right1, right2 },
-  data () {
+  components: {leftBar, proinfo, right2},
+  data() {
     return {
-      type: 1
+      type: 0,
+      id: '',
+      data: {},
+      list: null
     }
+  },
+  created() {
+    this.id = this.$route.query.id
+    this.proInfo()
+    this.issueList()
+  },
+  methods: {
+    proInfo() {
+      this.$api.project.projectInfo(this.id).then(res => {
+        if (res.code === 200) {
+          this.data = res.data
+        }
+      })
+    },
+    issueList() {
+      this.$api.project.issuanceDetail({projectId: this.id}).then(res => {
+        if (res.code === 200) {
+          this.list = res.data
+          console.log(this.list)
+        }
+      })
+    },
   }
 }
 </script>

src/views/home/track.vue

@@ -3,19 +3,19 @@
     <div class="full-height">
       <left-bar/>
     </div>
-    <div class="flex flex-col full-height full-width" style="margin-left: 270px">
+    <div class="flex flex-col full-height full-width" style="margin-left: 300px">
       <div class="white-bg padding-left padding-top flex flex-col">
         <div class="flex flex-center full-width">
           <!------tab------>
-          <div class="flex flex-center mt-15">
-            <div class="flex flex-center orange-bg">
+          <div class="flex flex-center mt-15 full-width mb-20">
+            <div class="flex flex-center" style="flex: 3">
               <div v-for="(item,index) in tab" class="flex flex-center tab">
                 <div :class="active === index ? 'tab-active' : ''"
                      @click="change(index)">{{ item.name }}
                 </div>
               </div>
             </div>
-            <div class="flex flex-center mr-10 blue-bg">
+            <div class="flex flex-center ml-20 mr-10" style="flex: 1">
               <base-button icon="Plus" title="添加文件夹" type="0"/>
               <base-button class="ml-20" icon="User" title="批量授权"/>
             </div>
@@ -37,7 +37,7 @@ name:'跟踪审计',
 </route>
 
 <script>
-import leftBar from "./component/left.vue";
+import leftBar from "./component/left_bar.vue";
 import folder_list from './component/folder_list.vue'
 import files_list from './component/files_list.vue'
 import baseButton from '../../components/base-button.vue'