弹框样式调整

src/views/paymentManagement/components/paymentdetailsDialog.vue

@@ -6,6 +6,7 @@
       width="800px"
       @close="cancel"
       :destroy-on-close="true"
+      center
     >
       <el-form ref="form" :model="form" label-width="150px" :disabled="true">
         <el-form-item label="案件编号：" prop="caseNum">
@@ -36,10 +37,10 @@
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm" v-if="flag == 0"
-          >提 交</el-button
+        <el-button type="primary" @click="submitForm" v-if="flag == 0" class="endbutton"
+          >确认已缴费</el-button
         >
-        <el-button @click="cancel">取 消</el-button>
+        <el-button @click="cancel" class="endbutton1">取 消</el-button>
       </div>
     </el-dialog>
   </div>
@@ -76,4 +77,39 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 800px;
+  background: #ffffff;
+  border-radius: 20px;
+}
+.endbutton {
+  width: 124px;
+  height: 37px;
+  background: #0072ff;
+  border-radius: 19px;
+  span {
+    width: 32px;
+    height: 15px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #ffffff;
+    // line-height: 48px;
+  }
+}
+.endbutton1 {
+  width: 124px;
+  height: 37px;
+  background: #ffffff;
+  border: 1px solid #d0d0d0;
+  border-radius: 19px;
+  span {
+    width: 31px;
+    height: 13px;
+    font-size: 16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: #959595;
+  }
+}
 </style>

src/views/paymentManagement/paymentList.vue

@@ -15,7 +15,7 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="案件状态" prop="caseStatus">
+      <!-- <el-form-item label="案件状态" prop="caseStatus">
         <el-select
           v-model="queryParams.caseStatus"
           placeholder="请选择案件状态"
@@ -29,10 +29,10 @@
             :value="dict.value"
           ></el-option>
         </el-select>
-      </el-form-item>
-      <el-form-item label="开庭日期" prop="hearDate">
+      </el-form-item> -->
+      <el-form-item label="立案日期" prop="registerDate">
         <el-date-picker
-          v-model="queryParams.hearDate"
+          v-model="queryParams.registerDate"
           type="daterange"
           range-separator="至"
           start-placeholder="开始日期"
@@ -79,8 +79,12 @@
         :show-overflow-tooltip="true"
       />
       <!-- 缴费人 -->
-      <el-table-column label="缴费人" align="center" prop="caseArbitrator" />
-      <el-table-column label="缴费状态" align="center" prop="caseStatus" />
+      <!-- <el-table-column label="缴费人" align="center" prop="caseArbitrator" /> -->
+      <el-table-column label="案件状态" align="center" prop="caseStatusName">
+        <template slot-scope="scope">
+          <el-tag type="warning">{{ scope.row.caseStatusName }}</el-tag>
+        </template>
+      </el-table-column>
       <el-table-column
         label="操作"
         align="center"
@@ -141,6 +145,7 @@ export default {
       queryParams: {
         caseNum: undefined,
         pageNum: 1,
+        caseStatusList: [3],
         registerDate: "",
         pageSize: 10,
       },