收入凭证调整

src/HDrpManagement/recvoucher/index.vue

@@ -11,34 +11,42 @@
           path:'/recvoucherDetails'
         }"
         @listCreate="list">
-      <div slot="custom" style="display:flex">
-        <label class="search__label " style="margin: auto;width: 70px;">账户类型:</label>
-        <el-select style="margin-right: 24px !important;" class="inline-16" @change="selectChange" v-model="selectParam.accountname" placeholder="请选择账户类型" size="small" clearable>
-          <el-option v-for="(item,index) in accountNameList" :key="index" :value="item.accountname" :label="item.accountname"></el-option>
-        </el-select>
-        <label class="search__label " style="margin: auto;width: 35px;">状态:</label>
-        <el-select style="margin-right: 24px !important;" class="inline-16" @change="selectChange" v-model="selectParam.status" placeholder="请选择状态" size="small" clearable>
-          <el-option v-for="(item,index) in statusData" :key="index" :value="item.value" :label="item.value"></el-option>
-        </el-select>
-        <label class="search__label " style="margin: auto;width: 70px;">核销状态:</label>
-        <el-select style="margin-right: 24px !important;" class="inline-16" @change="selectChange" v-model="selectParam.iswriteoffamount " placeholder="请选择核销状态" size="small" clearable>
-          <el-option value="已核销" label="已核销"></el-option>
-          <el-option value="未核销" label="未核销"></el-option>
-        </el-select>
-        <label class="search__label" style="margin: auto;width: 65px;">单据日期:</label>
-        <el-date-picker
-            style="margin-right: 24px !important;"
-            size="small"
-            @change="selectChange"
-            value-format="yyyy-MM-dd"
-            v-model="dateSelect"
-            type="daterange"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期"
-            clearable>
-        </el-date-picker>
-      </div>
+      <template #custom>
+        <div class="mt-10">
+          <label class="search__label " >账户类型:</label>
+          <el-select  class="inline-16" @change="selectChange" v-model="selectParam.accountname" placeholder="请选择账户类型" size="small" clearable>
+            <el-option v-for="(item,index) in accountNameList" :key="index" :value="item.accountname" :label="item.accountname"></el-option>
+          </el-select>
+        </div>
+        <div class="mt-10">
+          <label class="search__label " >状态:</label>
+          <el-select  class="inline-16" @change="selectChange" v-model="selectParam.status" placeholder="请选择状态" size="small" clearable>
+            <el-option v-for="(item,index) in statusData" :key="index" :value="item.value" :label="item.value"></el-option>
+          </el-select>
+        </div>
+        <div class="mt-10">
+          <label class="search__label " >核销状态:</label>
+          <el-select  class="inline-16" @change="selectChange" v-model="selectParam.iswriteoffamount " placeholder="请选择核销状态" size="small" clearable>
+            <el-option value="已核销" label="已核销"></el-option>
+            <el-option value="未核销" label="未核销"></el-option>
+          </el-select>
+        </div>
+        <div class="mt-10">
+          <label class="search__label" >单据日期:</label>
+          <el-date-picker
+              style="margin-right: 24px !important;"
+              size="small"
+              @change="selectChange"
+              value-format="yyyy-MM-dd"
+              v-model="dateSelect"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              clearable>
+          </el-date-picker>
+        </div>
+      </template>
       <template v-slot:tbList="scope">
         <div v-if="scope.data.column.columnname == 'amount'">
           <span :style="+scope.data.column.data.amount >= 0 ? 'color:green' : 'color:red'">{{ tool.formatAmount(scope.data.column.data.amount,2) }}</span>
@@ -132,4 +140,4 @@ export default {
 </script>
 
 <style scoped>
-</style>
+</style>