【修改】家用押金列表

src/views/deposit_home/deposit_list.vue

@@ -5,8 +5,8 @@
       <div>
         <Collapse :screen-form="screenForm">
           <template #right_btn>
-            <el-button size="mini" @click="resetScreenForm">清空 </el-button>
-            <el-button size="mini" type="primary" @click="submitScreenForm">搜索 </el-button>
+            <el-button size="mini" @click="resetScreenForm">清空</el-button>
+            <el-button size="mini" type="primary" @click="submitScreenForm">搜索</el-button>
           </template>
           <template #left_btn>
             <el-radio-group v-model="deduction" size="mini" @change="handleRadio">
@@ -311,9 +311,17 @@
                       </div>
                     </el-form-item>
                   </el-col>
-                  <el-col :xs="24" :sm="12" :lg="6">
-                    <el-form-item label="结算编号" prop="settlementNo">
-                      <el-input v-model="screenForm.settlementNo" placeholder="请输入结算编号" />
+                  <el-col v-if="!isCustomer" :xs="24" :sm="12" :lg="6">
+                    <el-form-item label="结算编号" style="margin-bottom: 0">
+                      <div class="fanwei">
+                        <el-form-item prop="startSettlementNo">
+                          <el-input v-model="screenForm.startSettlementNo" placeholder="开始" />
+                        </el-form-item>
+                        <span>-</span>
+                        <el-form-item prop="endSettlementNo">
+                          <el-input v-model="screenForm.endSettlementNo" placeholder="结束" />
+                        </el-form-item>
+                      </div>
                     </el-form-item>
                   </el-col>
                   <el-col :xs="24" :sm="12" :lg="6">
@@ -380,7 +388,7 @@
       </div>
       <!-- 按钮 -->
       <div class="btn-group clearfix" style="display: flex">
-        <el-button type="primary" size="mini" @click="hanleDownloadFiles">导出 </el-button>
+        <el-button type="primary" size="mini" @click="hanleDownloadFiles">导出</el-button>
         <!--       -->
 
         <el-upload
@@ -627,7 +635,7 @@
             </el-table-column>
             <el-table-column align="left" label="是否退押" prop="isRefundDeposit" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
-                <el-tag v-if="scope.row.isRefundDeposit" type="success" size="small">是 </el-tag>
+                <el-tag v-if="scope.row.isRefundDeposit" type="success" size="small">是</el-tag>
                 <el-tag v-else type="warning" size="small">否</el-tag>
               </template>
             </el-table-column>
@@ -652,11 +660,11 @@
 
             <el-table-column align="left" label="状态" prop="examineStatus" min-width="160" show-overflow-tooltip>
               <template slot-scope="scope">
-                <el-tag v-if="scope.row.examineStatus == 'SAVE'" type="success" size="small">保存 </el-tag>
-                <el-tag v-if="scope.row.examineStatus == 'WAIT'" type="warning" size="small">待审核 </el-tag>
-                <el-tag v-if="scope.row.examineStatus == 'OK'" type="warning" size="mini">通过 </el-tag>
-                <el-tag v-if="scope.row.examineStatus == 'FAIL'" type="warning" size="small">不通过 </el-tag>
-                <el-tag v-if="scope.row.examineStatus == 'CLOSE'" type="warning" size="small">关闭 </el-tag>
+                <el-tag v-if="scope.row.examineStatus == 'SAVE'" type="success" size="small">保存</el-tag>
+                <el-tag v-if="scope.row.examineStatus == 'WAIT'" type="warning" size="small">待审核</el-tag>
+                <el-tag v-if="scope.row.examineStatus == 'OK'" type="warning" size="mini">通过</el-tag>
+                <el-tag v-if="scope.row.examineStatus == 'FAIL'" type="warning" size="small">不通过</el-tag>
+                <el-tag v-if="scope.row.examineStatus == 'CLOSE'" type="warning" size="small">关闭</el-tag>
               </template>
             </el-table-column>
             <el-table-column align="right" label="订单数量" prop="itemQty" min-width="160" show-overflow-tooltip />
@@ -716,13 +724,13 @@
             <el-table-column align="right" label="上交资料" prop="itemDataQty" min-width="160" show-overflow-tooltip />
             <el-table-column align="center" label="操作" min-width="160" fixed="right" show-overflow-tooltip>
               <template slot-scope="scope">
-                <el-button type="text" class="textColor" size="mini" @click="detailFn(scope.row)">详情 </el-button>
+                <el-button type="text" class="textColor" size="mini" @click="detailFn(scope.row)">详情</el-button>
                 <el-button
                   v-if="scope.row.examineStatus == 'SAVE' && $checkBtnRole('apply', $route.meta.roles)"
                   type="text"
                   class="textColor"
                   @click="surrenderFn(scope.row)"
-                  >申请退押
+                >申请退押
                 </el-button>
                 <!-- <el-button type="text" class="textColor" slot="reference"
                   >免扣退押</el-button
@@ -815,6 +823,8 @@ export default {
         endSettlementDate: [],
         startInFactoryDate: [],
         endInFactoryDate: [],
+        startSettlementNo: [],
+        endSettlementNo: [],
         inFactoryType: ''
       }, // 搜索表单
       listLoading: false, // 列表加载loading
@@ -963,6 +973,7 @@ export default {
 .app-container {
   padding: 40px 20px;
 }
+
 .fanwei {
   display: flex;
 
@@ -982,6 +993,7 @@ export default {
 .import-btn {
   margin-left: 10px;
 }
+
 span {
   line-height: 28px;
 }