按钮样式调整

back/src/views/modules/abilityStatistics/index.vue

@@ -3,10 +3,15 @@
     <div class="container">
 <!--能力上架统计1 能力使用统计 2-->
       <el-form :inline="true" v-if="this.departmentId === 1 || this.departmentId === 2">
-        <a-row>
+        <!--日期-->
+        <el-form-item>
+          <span>日期：</span>
+          <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
+            end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+          </el-date-picker>
+        </el-form-item>
          
          <!--上架部门-->  
-         <a-col :span="8">
         <el-form-item>
           <span v-if="this.departmentId === 1 ">上架部门：</span>
           <span v-else>申请部门：</span>
@@ -16,16 +21,7 @@
               v-bind="item"></el-option>
           </el-select>
         </el-form-item>
-        </a-col>
-        <a-col :span="8">
-        <el-form-item>
-          <span>日期：</span>
-          <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
-            end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
-          </el-date-picker>
-        </el-form-item>
-        </a-col>
-        <a-col :span="8">
+
               <!--操作按钮查询-->
          <el-form-item>
           <el-button type="primary" @click="getDataList()">{{ $t('query') }}</el-button>
@@ -39,16 +35,20 @@
         <!-- 导出 -->
         <a class='export'
           :href="exportExcel + exportExcelType + '?' + exportExcelCondition + '&token=' + token">导出全部</a>
-        </a-col>
-        </a-row>
       </el-form>
   
       <!--能力上架明细3 能力使用明细 4-->
-        <el-form  :inline="true"  v-else>
-        <a-row>
+      <div v-else> 
+        <el-form  :inline="true"  >
+          <!--日期-->
+          <el-form-item>
+          <span>日期：</span>
+          <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
+            end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
+          </el-date-picker>
+        </el-form-item>
         
         <!--审核状态-->
-        <a-col :span="6">
         <el-form-item v-if="this.departmentId === 3 || this.departmentId === 4">
           <span>审核状态：</span>
           <el-select v-model="examineStatus" placeholder="请选审核状态" clearable>
@@ -58,9 +58,7 @@
             <el-option label="不通过" value="2"></el-option>
           </el-select>
         </el-form-item>
-        </a-col>
            <!--上架部门-->
-           <a-col :span="6">
         <el-form-item>
           <span v-if=" this.departmentId === 3">上架部门：</span>
           <span v-else>申请部门：</span>
@@ -70,22 +68,23 @@
               v-bind="item"></el-option>
           </el-select>
         </el-form-item>
-        </a-col>
+  
          <!--能力使用统计明细--添加提供部门-->
         
-        <a-col :span="12">
-        <el-form-item>
-          <span>日期：</span>
-          <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
-            end-placeholder="结束日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd">
-          </el-date-picker>
+         <el-form-item v-if=" this.departmentId === 4">
+          <span >提供部门：</span>
+          <el-select v-model="provideDepartment" placeholder="请选择部门" filterable clearable>
+            <el-option label="全部" value=""></el-option>
+            <el-option v-for="item in provideSelects" :key="item.label" :label="item.label" :value="item.value"
+              v-bind="item"></el-option>
+          </el-select>
         </el-form-item>
-        </a-col> 
-      </a-row>
-        <!--资源类型-->
-        <a-row>
+        </el-form>
       
-          <a-col :span="6">
+      
+  
+        <el-form :inline="true" >
+        <!--资源类型-->
         <el-form-item >
           <span>资源类型：</span>
           <el-select  @change="changeIiem" v-if="this.departmentId === 4"   v-model="abilityType" placeholder="请选择资源类型" clearable>
@@ -101,25 +100,14 @@
             </el-option>
           </el-select>
         </el-form-item>
-        </a-col>
+
         <!--资源名称 仅明细添加-->
-        <a-col :span="6">
+
         <el-form-item >
           <span>资源名称：</span>
           <el-input style="width:70%;"  v-model="resourceName" placeholder="请输入资源名称" clearable></el-input>
         </el-form-item>
-    </a-col>
-    <a-col :span="6">
-        <el-form-item v-if=" this.departmentId === 4">
-          <span >提供部门：</span>
-          <el-select v-model="provideDepartment" placeholder="请选择部门" filterable clearable>
-            <el-option label="全部" value=""></el-option>
-            <el-option v-for="item in provideSelects" :key="item.label" :label="item.label" :value="item.value"
-              v-bind="item"></el-option>
-          </el-select>
-        </el-form-item>
-        </a-col>  
-    <a-col :span="12">
+
               <!--操作按钮查询-->
          <el-form-item>
           <el-button type="primary" @click="getDataList()">{{ $t('query') }}</el-button>
@@ -133,10 +121,10 @@
         <!-- 导出 -->
         <a class='export'
           :href="exportExcel + exportExcelType + '?' + exportExcelCondition + '&token=' + token">导出全部</a>
-        </a-col>
-    </a-row>
+        </el-form> 
+  </div>
+
 
-  </el-form> 
       <el-card shadow="never" class="aui-card--fill" v-if="homeIsShow">
         <div class="mod-demand__bsdemand">
      

back/src/views/modules/assetReport/index.vue

@@ -30,10 +30,23 @@
       </div>
     </div>
     <el-form :inline="true">
-      <a-row>
+       <!--日期-->
+      <el-form-item>
+        <span>日期：</span>
+        <el-date-picker
+          v-model="dateList"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          format="yyyy-MM-dd"
+          value-format="yyyy-MM-dd"
+        >
+        </el-date-picker>
+      </el-form-item>
       
       <!--提供部门 传id-->
-      <a-col :span="6">
+
       <el-form-item>
         <span>提供部门：</span>
         <el-select
@@ -52,9 +65,9 @@
           ></el-option>
         </el-select>
       </el-form-item>
-</a-col>
+
       <!--申请部门 传汉字-->
-      <a-col :span="6">
+   
       <el-form-item>
         <span>申请部门：</span>
         <el-select
@@ -73,28 +86,9 @@
           ></el-option>
         </el-select>
       </el-form-item>
-      </a-col>
-      <a-col :span="12">
-      <el-form-item>
-        <span>日期：</span>
-        <el-date-picker
-          v-model="dateList"
-          type="daterange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd"
-        >
-        </el-date-picker>
-      </el-form-item>
-     </a-col>
-      <!--类型-->
     
-    </a-row>
-    <a-row>
-      <!--名称-->
-      <a-col :span="6">
+  
+      <!--资源类型-->
         <el-form-item>
         <span>资源类型：</span>
         <el-select
@@ -114,19 +108,11 @@
           </el-option>
         </el-select>
       </el-form-item>
-      </a-col>
-        <a-col :span="6">
-      <el-form-item>
-        <span>资源名称：</span>
-        <el-input
-          style="width: 70%"
-          v-model="dataForm.resourceName"
-          placeholder="请输入资源名称"
-          clearable
-        ></el-input>
-      </el-form-item>
-        </a-col>
-        <a-col :span="6">
+      </el-form>
+  
+
+      <el-form :inline="true">
+    <!--审核状态-->
       <el-form-item>
         <span>审核状态：</span>
         <el-select v-model="dataForm.applyResult" placeholder="请选审核状态" clearable>
@@ -135,8 +121,17 @@
             <el-option label="审核中" value="审核中"></el-option>  
           </el-select>
       </el-form-item>
-        </a-col>
-        <a-col :span="6">
+        <!--资源名称-->
+        <el-form-item>
+        <span>资源名称：</span>
+        <el-input
+          style="width: 70%"
+          v-model="dataForm.resourceName"
+          placeholder="请输入资源名称"
+          clearable
+        ></el-input>
+      </el-form-item>
+    
        <!--操作按钮查询-->
        <el-form-item>
         <el-button type="primary" @click="init()">{{
@@ -160,11 +155,11 @@
         "
         >导出全部</a
       >
-        </a-col>
-        </a-row>
+      
     </el-form>
     
     
+
     <div class="mod-activiti__process">
       <el-table
         :data="tableData"