修改样式

src/views/modules/itemList/CompletionInformationList.vue

@@ -2,7 +2,8 @@
   <div>
       <el-form :inline="true" v-show="isSearchCollapse" class="query-form" ref="searchForm" :model="searchForm" @keyup.enter.native="refreshList()" @submit.native.prevent>
             <!-- 搜索框-->
-		     <el-form-item prop="projectYear">
+        <el-col :span="8">
+		     <el-form-item label="工程年度" prop="projectYear">
            <el-date-picker
              v-model="searchForm.projectYear"
              type="year"
@@ -11,25 +12,46 @@
              placeholder="选择年份">
            </el-date-picker>
 		     </el-form-item>
-		     <el-form-item prop="itemCode">
+        </el-col>
+        <el-col :span="8">
+		     <el-form-item label="项目编码" prop="itemCode">
                 <el-input size="small" v-model="searchForm.itemCode" placeholder="项目编码" clearable></el-input>
 		     </el-form-item>
-		     <el-form-item prop="projectType">
+        </el-col>
+        <el-col :span="8">
+		     <el-form-item label="项目类型" prop="projectType">
                 <el-input size="small" v-model="searchForm.projectType" placeholder="项目类型" clearable></el-input>
 		     </el-form-item>
-		     <el-form-item prop="entryName">
+        </el-col>
+        <el-col :span="8">
+		     <el-form-item label="项目名称" prop="entryName">
                 <el-input size="small" v-model="searchForm.entryName" placeholder="项目名称" clearable></el-input>
 		     </el-form-item>
-		     <el-form-item prop="constructionUnit">
+        </el-col>
+        <el-col :span="8">
+		     <el-form-item label="施工单位"  prop="constructionUnit">
                 <el-input size="small" v-model="searchForm.constructionUnit" placeholder="施工单位" clearable></el-input>
 		     </el-form-item>
-		     <el-form-item prop="beginContractAmount">
+        </el-col>
+        <el-col :span="8">
+        <el-form-item label="是否超期" prop="overdue">
+          <el-select size="small" name="status" id="status" v-model="searchForm.overdue">
+            <el-option value="">请选择</el-option>
+            <el-option value="是">是</el-option>
+            <el-option value="否">否</el-option>
+          </el-select>
+        </el-form-item>
+        </el-col>
+        <el-col :span="12">
+		     <el-form-item label="合同金额" prop="beginContractAmount">
               <el-input size="small" v-model="searchForm.beginContractAmount" placeholder="开始 合同金额" clearable></el-input>
 		     </el-form-item>
-        <el-form-item prop="endContractAmount">
-              <el-input size="small" v-model="searchForm.endContractAmount" placeholder="结束 合同金额" clearable></el-input>
-        </el-form-item>
-        <el-form-item prop="beginCompletionDate">
+          <el-form-item label="-" prop="endContractAmount">
+            <el-input size="small" v-model="searchForm.endContractAmount" placeholder="结束 合同金额" clearable></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+        <el-form-item label="完工日期" prop="beginCompletionDate">
           <el-date-picker
             v-model="searchForm.beginCompletionDate"
             type="date"
@@ -38,7 +60,7 @@
             placeholder="开始 完工日期">
           </el-date-picker>
         </el-form-item>
-		     <el-form-item prop="endCompletionDate">
+		     <el-form-item label="-" prop="endCompletionDate">
            <el-date-picker
              v-model="searchForm.endCompletionDate"
              type="date"
@@ -47,19 +69,16 @@
              placeholder="结束 完工日期">
            </el-date-picker>
 		     </el-form-item>
-        <el-form-item prop="beginRemainingDate">
+        </el-col>
+        <el-col :span="12">
+        <el-form-item label="剩余日期" prop="beginRemainingDate">
           <el-input size="small" type="number" v-model="searchForm.beginRemainingDate" placeholder="开始 剩余日期" clearable></el-input>
         </el-form-item>
-		     <el-form-item prop="endRemainingDate">
+		     <el-form-item label="-" prop="endRemainingDate">
            <el-input size="small" type="number" v-model="searchForm.endRemainingDate" placeholder="结束 剩余日期" clearable></el-input>
 		     </el-form-item>
-        <el-form-item prop="overdue">
-          <el-select size="small" name="status" id="status" v-model="searchForm.overdue">
-            <el-option value="">请选择</el-option>
-            <el-option value="是">是</el-option>
-            <el-option value="否">否</el-option>
-          </el-select>
-        </el-form-item>
+        </el-col>
+
           <el-form-item>
             <el-button type="primary" @click="refreshList()" size="small">查询</el-button>
             <el-button @click="resetSearch()" size="small">重置</el-button>
@@ -126,17 +145,17 @@
         show-overflow-tooltip
         sortable="custom"
         label="工程年度">
-            <template slot-scope="scope">
-              <el-link  type="primary" :underline="false" v-if="hasPermission('sys:completionInformation:edit')" @click="edit(scope.row.id)">{{scope.row.projectYear}}</el-link>
-              <el-link  type="primary" :underline="false" v-else-if="hasPermission('sys:completionInformation:view')"  @click="view(scope.row.id)">{{scope.row.projectYear}}</el-link>
-              <span v-else>{{scope.row.projectYear}}</span>
-            </template>
       </el-table-column>
 	  <el-table-column
         prop="itemCode"
         show-overflow-tooltip
         sortable="custom"
         label="项目编码">
+        <template slot-scope="scope">
+          <el-link  type="primary" :underline="false" v-if="hasPermission('sys:completionInformation:edit')" @click="edit(scope.row.id)">{{scope.row.itemCode}}</el-link>
+          <el-link  type="primary" :underline="false" v-else-if="hasPermission('sys:completionInformation:view')"  @click="view(scope.row.id)">{{scope.row.itemCode}}</el-link>
+          <span v-else>{{scope.row.itemCode}}</span>
+        </template>
       </el-table-column>
 	  <el-table-column
         prop="projectType"