2023-08-29

src/views/project/componens/info4.vue

@@ -14,22 +14,22 @@
       @click="openFundsList"
     >
       更多到位资金>>
+      <el-dialog v-model="show">
+        <fundsDetail :id="this.projectId" />
+      </el-dialog>
     </div>
-    <el-form class="mt-20" :disabled="disabled">
-      <div style="display: flex; align-items: center">
-        <el-button-group>
-          <el-button type="primary" @click="getFundsList(1)"
-            >到位资金</el-button
-          >
-          <el-button type="primary" @click="getFundsList(2)"
-            >筹措资金<i class="el-icon-arrow-right el-icon--right"></i
-          ></el-button>
-        </el-button-group>
-        <div style="margin-left: 20px">
-          * 点击对应按钮，查看到位资金、筹措资金详情
-        </div>
+    <div style="display: flex; align-items: center">
+      <el-button-group>
+        <el-button type="primary" @click="getFundsList(1)">到位资金</el-button>
+        <el-button type="primary" @click="getFundsList(2)"
+          >筹措资金<i class="el-icon-arrow-right el-icon--right"></i
+        ></el-button>
+      </el-button-group>
+      <div style="margin-left: 20px">
+        * 点击对应按钮，查看到位资金、筹措资金详情
       </div>
-
+    </div>
+    <el-form class="mt-20" :disabled="disabled">
       <div class="body_title">政策投资: {{ totalZC }}万元</div>
       <div class="flex flex-justify-center">
         <el-form-item class="full-width flex-child-average">
@@ -141,10 +141,12 @@
 
 <script>
 import wtCard from '@/components/wt-card/index.vue'
+import fundsDetail from '@/views/funds/detail.vue'
 
 export default {
   components: {
-    wtCard
+    wtCard,
+    fundsDetail
   },
   props: {
     projectId: {
@@ -165,6 +167,8 @@ export default {
   },
   data() {
     return {
+      canUpdate: false,
+      show: false,
       styleObject: {
         visibility: 'visible'
       },
@@ -186,6 +190,16 @@ export default {
   },
   methods: {
     getFundsList(type) {
+      if (type === 1) {
+        this.disabled = true
+      } else {
+        if (this.canUpdate) {
+          this.disabled = true
+        } else {
+          this.disabled = false
+        }
+      }
+
       this.type = type
       this.totalDF = 0
       this.totalZC = 0
@@ -282,14 +296,18 @@ export default {
       }
     },
     change(res) {
-      this.disabled = res
+      this.canUpdate = res
+      if (this.type === 2) {
+        this.disabled = res
+      }
     },
     openFundsList() {
-      const data = this.$router.resolve({
-        path: '/funds/detail',
-        query: { id: this.projectId }
-      })
-      window.open(data.href, '_blank')
+      this.show = true
+      // const data = this.$router.resolve({
+      //   path: '/funds/detail',
+      //   query: { id: this.projectId }
+      // })
+      // window.open(data.href, '_blank')
     }
   }
 }