2023-08-24

src/components/wt-card/index.vue

@@ -37,11 +37,11 @@ export default {
   },
   methods: {
     change() {
-      this.btnText = this.btnText === '编 辑' ? '保 存' : '编 辑'
-      this.$emit('change', this.btnText === '编 辑')
-      if (this.btnText === '保 存') {
+      if (this.btnText == '保 存') {
         this.$emit('save')
       }
+      this.btnText = this.btnText === '编 辑' ? '保 存' : '编 辑'
+      this.$emit('change', this.btnText === '编 辑')
     }
   }
 }

src/views/project/componens/info7.vue

@@ -1,32 +1,217 @@
 <template>
   <wt-card
-    title="建成投产后效益测算"
+    title="其他信息"
     class="mt-10"
     :edit-btn="true"
     @change="change"
     @save="save"
   >
     <el-form class="mt-20" :disabled="disabled">
+      <div class="body_title">入库信息</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 v-model="form.benefit_annual_output"></el-input>
+            <span class="title">是否入库:</span>
+            <div class="full-width">
+              <el-select
+                v-model="form.is_storage"
+                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">
-            <span class="title">年税收:</span>
-            <el-input v-model="form.benefit_annual_tax"></el-input>
+            <span class="title">计划入库时间:</span>
+            <el-date-picker
+              v-model="form.plan_storage_time"
+              type="date"
+              style="width: 100%"
+              placeholder="计划入库时间"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+            />
           </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 v-model="form.benefit_new_employment"></el-input>
+            <span class="title">实际入库时间:</span>
+            <el-date-picker
+              v-model="form.storage_time"
+              type="date"
+              style="width: 100%"
+              placeholder="实际入库时间"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+            />
           </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 v-model="form.project_code"></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 v-model="form.regulatory_platform_code"></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>
+            <div class="full-width">
+              <el-select
+                v-model="form.is_provincial_key"
+                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>
+            <el-input v-model="form.available_approval_id"></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-date-picker
+              v-model="form.available_approval_date"
+              type="date"
+              style="width: 100%"
+              placeholder="可研批复时间"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+            />
+          </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="full-width">
+              <el-select
+                v-model="form.is_provincial_level_construction"
+                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="body_title start">开工信息</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="full-width">
+              <el-select
+                v-model="form.is_start"
+                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">
+            <span class="title">计划开工时间:</span>
+            <el-date-picker
+              v-model="form.plan_commencement_time"
+              type="date"
+              style="width: 100%"
+              placeholder="计划开工时间"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+            />
+          </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-date-picker
+              v-model="form.start_time"
+              type="date"
+              style="width: 100%"
+              placeholder="实际开工时间"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+            />
+          </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-date-picker
+              v-model="form.plan_completion_time"
+              type="date"
+              style="width: 100%"
+              placeholder="计划竣工时间"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+            />
+          </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-date-picker
+              v-model="form.completion_time"
+              type="date"
+              style="width: 100%"
+              placeholder="实际竣工时间"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+            />
+          </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>
@@ -56,6 +241,16 @@ export default {
   },
   data() {
     return {
+      yesOrNo: [
+        {
+          label: '否',
+          value: 0
+        },
+        {
+          label: '是',
+          value: 1
+        }
+      ],
       disabled: true,
       form: {}
     }
@@ -79,8 +274,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.body_title {
+  margin-left: 5%;
+  margin-bottom: 10px;
+  width: 90%;
+  text-align: left;
+}
+
+.start {
+  margin-top: 20px;
+}
+
 .title {
-  width: 120px;
+  width: 240px;
   padding-right: 10px;
   text-align: right;
 }