'页面UI优化'

src/views/caseManagement/caseList.vue

     // 是否进行缴费
     payStatus(val) {
       this.getDetail({ id: val.id });
-      // this.payTitle = "缴费";
-          this.openPay = true;
+      this.payTitle = "缴费";
+      this.openPay = true;
     },
     getDetail(parms) {
       caseApplicationDetail(parms).then((res) => {

src/views/caseManagement/components/formateCourtDialog.vue

       <el-tag type="warning" v-if="noArbitrator">当前案件未指定仲裁员，请先指定仲裁员！</el-tag>
       <p></p>
       <!-- <el-form ref="form"> -->
+      <div v-if="isAgreePendTral == 0 || noArbitrator" style="display:inline-flex;  margin-bottom: 8px;">
+          <div class="infoIcon"></div>
+          <div>仲裁员信息列表</div>
+      </div>
       <el-table
         :data="dataList"
         style="width: 100%"
     color: #959595;
   }
 }
+.infoIcon {
+  width: 4px;
+  // height: 17px;
+  background-color: #0072ff;
+  margin-right: 5px;
+}
 </style>

src/views/caseManagement/components/payDialog.vue

         <el-descriptions-item label="被申请人">{{
           form.respondentName
         }}</el-descriptions-item>
-        <el-descriptions-item label="案件状态">{{
-          form.caseStatusName
-        }}</el-descriptions-item>
+        <el-descriptions-item label="案件状态">
+          <el-tag size="mini" type='danger' effect="dark">
+            {{ form.caseStatusName }}
+          </el-tag>
+        </el-descriptions-item>
         <el-descriptions-item label="申请人仲裁诉求">{{
           form.arbitratClaims
         }}</el-descriptions-item>