弹框样式调整

src/views/caseManagement/components/formateCourtDialog.vue

@@ -4,9 +4,9 @@
     <el-dialog
       title="组庭审核"
       :visible="showformateCourt"
-      width="800px"
       @close="cancel"
       :destroy-on-close="true"
+      center
     >
       <el-form label-width="150px">
         <el-form-item label="是否同意组庭：">
@@ -63,9 +63,12 @@
           type="primary"
           @click="submitForm"
           :disabled="!this.arbitrators.length > 0 && isAgreePendTral == 0"
-          >确 定</el-button
+          class="endbutton"
+          ><span>确 定</span></el-button
+        >
+        <el-button @click="cancel" class="endbutton1"
+          ><span>取 消</span></el-button
         >
-        <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
   </div>
@@ -127,7 +130,7 @@ export default {
       pendTralCheck(this.paramsdata).then((res) => {
         this.cancel();
         this.$modal.msgSuccess("组庭成功");
-        this.$emit("getcaseApply",this.queryParams);
+        this.$emit("getcaseApply", this.queryParams);
       });
       // }
     },
@@ -141,4 +144,39 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+::v-deep .el-dialog {
+  width: 422px;
+  height: 245px;
+  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;
+  }
+}
+.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>