up

src/views/project/componens/info6.vue

@@ -7,7 +7,7 @@
     @save="save"
   >
     <el-form class="mt-20">
-      <div style="width: 1300px; text-align: left" class="mt-20 ml-10">
+      <div class="mt-20 ml-10">
         <span class="title">年份:</span>
         <el-select v-model="selectYear" @change="changeYear">
           <el-option
@@ -196,9 +196,8 @@ export default {
 }
 
 table {
-  width: 1280px;
+  width: 1200px;
   margin: 10px;
-  margin-top: 20px;
 }
 
 thead {
@@ -223,6 +222,7 @@ th {
   text-align: center;
   border: none;
 }
+
 :deep(.el-input__inner) {
   text-align: center;
 }

src/views/project/componens/info7.vue

@@ -9,212 +9,210 @@
     <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">
+      <div class="flex flex-center">
+        <el-form-item class="flex-child-average">
+          <div class="flex flex-center">
             <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>
+            <el-select
+              v-model="form.is_storage"
+              placeholder="是否入库"
+              style="width: 100%"
+            >
+              <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">
+        <el-form-item class="flex-child-average">
+          <div class="flex flex-center">
             <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"
+              style="width: 100%"
             />
           </div>
         </el-form-item>
-        <el-form-item class="full-width flex-child-average">
-          <div class="flex flex-center full-width item">
+        <el-form-item class="flex-child-average">
+          <div class="flex flex-center">
             <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"
+              style="width: 100%"
               @change="changeStorageTime"
             />
           </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 green-bg">-->
+      <!--        <el-form-item class="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <span class="title">项目代码:</span>-->
+      <!--            <el-input v-model="form.project_code"></el-input>-->
+      <!--          </div>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item class="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <span class="title">监管平台代码:</span>-->
+      <!--            <el-input v-model="form.regulatory_platform_code"></el-input>-->
+      <!--          </div>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item class="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <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="flex flex-justify-center">-->
+      <!--        <el-form-item class="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <span class="title">可研批复号:</span>-->
+      <!--            <el-input v-model="form.available_approval_id"></el-input>-->
+      <!--          </div>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item class="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <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="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <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"
-              @change="changeStartTime"
-            />
-          </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"
-              @change="changeCompletionTime"
-            />
-          </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>
+      <!--      &lt;!&ndash;    开工信息    &ndash;&gt;-->
+      <!--      <div class="body_title start">开工信息</div>-->
+      <!--      <div class="flex flex-justify-center">-->
+      <!--        <el-form-item class="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <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="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <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="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <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"-->
+      <!--              @change="changeStartTime"-->
+      <!--            />-->
+      <!--          </div>-->
+      <!--        </el-form-item>-->
+      <!--      </div>-->
+      <!--      <div class="flex flex-justify-center">-->
+      <!--        <el-form-item class="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <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="flex-child-average">-->
+      <!--          <div class="flex flex-center">-->
+      <!--            <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"-->
+      <!--              @change="changeCompletionTime"-->
+      <!--            />-->
+      <!--          </div>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item class="flex-child-average">-->
+      <!--          <div class="flex flex-center"></div>-->
+      <!--        </el-form-item>-->
+      <!--      </div>-->
     </el-form>
   </wt-card>
 </template>
@@ -340,7 +338,6 @@ export default {
 
 <style lang="scss" scoped>
 .body_title {
-  margin-left: 5%;
   margin-bottom: 10px;
   width: 90%;
   text-align: left;
@@ -351,17 +348,12 @@ export default {
 }
 
 .title {
-  width: 240px;
-  padding-right: 10px;
-  text-align: right;
+  width: 150px;
+  margin-right: 15px;
 }
 
 .title-textarea {
   width: 85px;
   text-align: left;
 }
-
-.item {
-  width: 90%;
-}
 </style>