报销功能修改

src/views/modules/cw/reimbursementApproval/info/InfoList.vue

@@ -20,13 +20,13 @@
           end-placeholder="结束日期">
         </el-date-picker>
       </el-form-item>
-      <el-form-item label="经办人" prop="handled">
+      <el-form-item v-if="showHideItem" label="经办人" prop="handled">
         <UserSelect :limit='1' :userName="searchForm.handled" @getValue='(value, label) => {searchForm.handled = label}'></UserSelect>
       </el-form-item>
-      <el-form-item label="报销人" prop="reimBy">
+      <el-form-item v-if="showHideItem" label="报销人" prop="reimBy">
         <UserSelect :limit='1' :userName="searchForm.reimBy" @getValue='(value, label) => {searchForm.reimBy = label}'></UserSelect>
       </el-form-item>
-      <el-form-item label="报销状态" prop="type">
+      <el-form-item v-if="showHideItem" label="报销状态" prop="type">
         <el-select v-model="searchForm.type" placeholder="请选择" style="width:100%;">
           <el-option
             v-for="item in $dictUtils.getDictList('status')"
@@ -36,7 +36,7 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="报销部门" prop="department">
+      <el-form-item v-if="showHideItem" label="报销部门" prop="department">
         <SelectTree
           ref="officeTree"
           :props="{
@@ -50,7 +50,7 @@
           :accordion="true"
           @getValue="(value,label) => {searchForm.department=label}"/>
       </el-form-item>
-      <el-form-item label="报销类型" prop="sourceType">
+      <el-form-item v-if="showHideItem" label="报销类型" prop="sourceType">
         <el-select size="small" v-model="searchForm.sourceType" placeholder="请选择报销类型">
           <el-option
             v-for="item in $dictUtils.getDictList('cw_reimbursement_source_type')"
@@ -60,7 +60,7 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="报销类别" prop="remiType">
+      <el-form-item v-if="showHideItem" label="报销类别" prop="remiType">
         <SelectTree
           ref="areaTree"
           :props="{
@@ -74,14 +74,15 @@
           :accordion="true"
           @getValue="(value, label) => {searchForm.remiType=label}"/>
       </el-form-item>
-      <el-form-item label="报销金额" prop="amounts">
+      <el-form-item v-if="showHideItem" label="报销金额" prop="amounts">
         <InputNumber :disabled="false" :precision="num" v-model="searchForm.amounts"></InputNumber>
       </el-form-item>
-      <el-form-item label="报告号" prop="reportNumber">
+      <el-form-item v-if="showHideItem" label="报告号" prop="reportNumber">
         <el-input size="small" v-model="searchForm.reportNumber" placeholder="请输入报告号" clearable></el-input>
       </el-form-item>
 
       <el-form-item>
+        <el-button type="default" @click="showHide" size="small" :icon="showHideIcon">{{showHideName}}</el-button>
         <el-button type="primary" @click="refreshList()" size="small" icon="el-icon-search">查询</el-button>
         <el-button @click="resetSearch()" size="small" icon="el-icon-refresh-right">重置</el-button>
       </el-form-item>
@@ -200,6 +201,9 @@
   export default {
     data () {
       return {
+        showHideItem: false,
+        showHideIcon: 'el-icon-arrow-down',
+        showHideName: '展示',
         num: 0,
         visable: false,
         gridData: [],
@@ -264,6 +268,17 @@
       }
     },
     methods: {
+      showHide () {
+        if (this.showHideItem === false) {
+          this.showHideItem = true
+          this.showHideIcon = 'el-icon-arrow-up'
+          this.showHideName = '隐藏'
+        } else {
+          this.showHideItem = false
+          this.showHideIcon = 'el-icon-arrow-down'
+          this.showHideName = '展示'
+        }
+      },
       viewContract (id) {
         this.$refs.contractNameForm.init('view', id)
       },