'页面样式调整'

src/views/paymentManagement/components/paymentdetailsDialog.vue

@@ -3,40 +3,35 @@
     <el-dialog
       :title="title"
       :visible="openDialog"
-      width="800px"
       @close="cancel"
       :destroy-on-close="true"
       center
     >
-      <el-form ref="form" :model="form" label-width="150px" :disabled="true">
+      <el-form ref="form" :model="form" label-width="90px" :disabled="true">
         <el-form-item label="案件编号：" prop="caseNum">
           <el-input v-model="form.caseNum" placeholder="" />
         </el-form-item>
         <el-form-item label="案件标的：" prop="caseSubjectAmount">
-          <el-input-number
-            v-model="form.caseSubjectAmount"
-            controls-position="right"
-            :min="0"
-          />
+          <el-input v-model="form.caseSubjectAmount" />
         </el-form-item>
         <el-form-item label="缴费人：" prop="caseNum">
           <el-input v-model="form.caseNum" placeholder="" />
         </el-form-item>
         <el-form-item label="缴费金额：" prop="feePayable">
-          <el-input-number
-            v-model="form.feePayable"
-            controls-position="right"
-            :min="0"
-          />
+          <el-input v-model="form.feePayable" />
         </el-form-item>
         <!-- <el-form-item label="缴费截图：" prop="respondent">
           <el-input v-model="form.Respondent" placeholder="" />
         </el-form-item> -->
         <el-form-item label="案件状态：" prop="caseStatusName">
-          <el-input v-model="form.caseStatusName" placeholder="" />
+          <!-- <el-input v-model="form.caseStatusName" placeholder="" /> -->
+          <el-tag>{{ form.caseStatusName }}</el-tag>
         </el-form-item>
         <el-form-item label="支付状态：" prop="paymentStatusName">
-          <el-input v-model="form.paymentStatusName" placeholder="" />
+          <!-- <el-input v-model="form.paymentStatusName" placeholder="" /> -->
+          <el-tag effect="dark" type="success">
+            {{ form.paymentStatusName }}
+          </el-tag>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -67,10 +62,7 @@ export default {
     detailform: {
       handler(val) {
         if (val) {
-          setTimeout(() => {
-            this.form = this.detailform;
-            console.log(this.form, "this.form");
-          }, 1000);
+          this.form = val;
         }
       },
     },
@@ -98,7 +90,7 @@ export default {
 
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
-  width: 800px;
+  width: 50%;
   background: #ffffff;
   border-radius: 20px;
 }