2023-08-23

src/views/project/componens/info4.vue

@@ -0,0 +1,210 @@
+<template>
+  <wt-card
+    title="投资基本情况"
+    class="mt-10"
+    :edit-btn="true"
+    @change="change"
+    @save="save"
+  >
+    <el-form class="mt-20" :disabled="disabled">
+      <div class="flex flex-justify-center">
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">中央预算内投资:</span>
+            <el-input
+              class="input"
+              placeholder="中央预算内投资"
+              v-model="form.zyBudgetInvestment"
+            ></el-input>
+          </div>
+        </el-form-item>
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">地方预算内投资:</span>
+            <el-input
+              class="input"
+              placeholder="地方预算内投资"
+              v-model="form.dfBudgetInvestment"
+            ></el-input>
+          </div>
+        </el-form-item>
+      </div>
+      <div class="flex flex-justify-center">
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">专项债券资金:</span>
+            <el-input
+              class="input"
+              placeholder="专项债券资金"
+              v-model="form.debtsAsCapital"
+            ></el-input>
+          </div>
+        </el-form-item>
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">抗疫特别国债资金:</span>
+            <el-input
+              class="input"
+              placeholder="抗疫特别国债资金"
+              v-model="form.treasuryFunds"
+            ></el-input>
+          </div>
+        </el-form-item>
+      </div>
+      <div class="flex flex-justify-center">
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">其他地方财政性建设资金:</span>
+            <el-input
+              class="input"
+              placeholder="其他地方财政性建设资金"
+              v-model="form.otherConstructionFunds"
+            ></el-input>
+          </div>
+        </el-form-item>
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">政策性开发性金融工具（基金）投资:</span>
+            <el-input
+              class="input"
+              placeholder="政策性开发性金融工具（基金）投资"
+              v-model="form.financialInvestment"
+            ></el-input>
+          </div>
+        </el-form-item>
+      </div>
+      <div class="flex flex-justify-center">
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">是否民间投资项目:</span>
+            <el-select
+              v-model="form.social_investment"
+              placeholder="是否民间投资项目"
+              class="full-width"
+            >
+              <el-option
+                v-for="item in yesOrNo"
+                :key="item.label"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+        </el-form-item>
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">是否产业项目:</span>
+            <div class="input">
+              <el-select
+                v-model="form.industrial_investment"
+                placeholder="是否产业项目"
+                class="full-width"
+              >
+                <el-option
+                  v-for="item in yesOrNo"
+                  :key="item.label"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </div>
+          </div>
+        </el-form-item>
+      </div>
+      <div class="flex flex-justify-center">
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">是否获得资金支持:</span>
+            <div class="input">
+              <el-select
+                v-model="form.is_funded_project"
+                placeholder="是否获得资金支持"
+                class="full-width"
+              >
+                <el-option
+                  v-for="item in yesOrNo"
+                  :key="item.label"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </div>
+          </div>
+        </el-form-item>
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item"></div>
+        </el-form-item>
+      </div>
+    </el-form>
+  </wt-card>
+</template>
+
+<script>
+import wtCard from '@/components/wt-card/index.vue'
+
+export default {
+  components: {
+    wtCard
+  },
+  props: {
+    info: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  watch: {
+    info: {
+      handler(val) {
+        this.form = val
+      },
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      yesOrNo: [
+        {
+          label: '否',
+          value: 0
+        },
+        {
+          label: '是',
+          value: 1
+        }
+      ],
+      disabled: true,
+      form: {}
+    }
+  },
+  methods: {
+    save() {
+      console.log('save')
+    },
+    change(res) {
+      this.disabled = res
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.title {
+  width: 240px;
+  padding-right: 10px;
+  text-align: right;
+}
+
+.title-textarea {
+  width: 85px;
+  text-align: left;
+}
+
+.item {
+  width: 90%;
+}
+.input {
+  width: 50%;
+}
+</style>

src/views/project/componens/info5.vue

@@ -0,0 +1,89 @@
+<template>
+  <wt-card
+    title="建成投产后效益测算"
+    class="mt-10"
+    :edit-btn="true"
+    @change="change"
+    @save="save"
+  >
+    <el-form class="mt-20" :disabled="disabled">
+      <div class="flex flex-justify-center">
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">年产值:</span>
+            <el-input></el-input>
+          </div>
+        </el-form-item>
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">年税收:</span>
+            <el-input></el-input>
+          </div>
+        </el-form-item>
+        <el-form-item class="full-width flex-child-average">
+          <div class="flex flex-center full-width item">
+            <span class="title">新增就业人数:</span>
+            <el-input></el-input>
+          </div>
+        </el-form-item>
+      </div>
+    </el-form>
+  </wt-card>
+</template>
+
+<script>
+import wtCard from '@/components/wt-card/index.vue'
+
+export default {
+  components: {
+    wtCard
+  },
+  props: {
+    info: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    }
+  },
+  watch: {
+    info: {
+      handler(val) {
+        this.form = val
+      },
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      disabled: true,
+      form: {}
+    }
+  },
+  methods: {
+    save() {
+      console.log('save')
+    },
+    change(res) {
+      this.disabled = res
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.title {
+  width: 120px;
+  padding-right: 10px;
+  text-align: right;
+}
+
+.title-textarea {
+  width: 85px;
+  text-align: left;
+}
+
+.item {
+  width: 90%;
+}
+</style>

src/views/project/index.vue

@@ -15,6 +15,8 @@
       <info1 :info="detail" />
       <info2 />
       <info3 :project-id="projectId" :stage-id="stageId" />
+      <info4 :info="detail" />
+      <info5 :info="detail" />
     </div>
     <!--    buttom-->
     <div class="bottom flex flex-center flex-justify-end">
@@ -42,9 +44,11 @@ import confing from '@/config/website.js'
 import Info1 from '@/views/project/componens/info1.vue'
 import Info2 from '@/views/project/componens/info2.vue'
 import info3 from '@/views/project/componens/info3.vue'
+import Info4 from '@/views/project/componens/info4.vue'
+import Info5 from '@/views/project/componens/info5.vue'
 
 export default {
-  components: { Info2, Info1, tipsCustom, top, info3 },
+  components: { Info2, Info1, Info4, Info5,tipsCustom, top, info3 },
   data() {
     return {
       projectId: '',