批量管理接口联调

src/views/batchManagement/components/reviewArbitrationMethod.vue

@@ -1,43 +1,79 @@
 <template>
-    <div>
-        <!-- 批量审核仲裁方式 -->
-        <el-dialog title="批量审核仲裁方式" :visible="caseVisableReviewl" @close="cancel" width="600px" center>
-            <div slot="footer" class="dialog-footer"> 
-                <el-button type="primary"  class="endbutton"><span>确认</span></el-button>
-                <el-button  class="endbutton" @click="cancel"><span>取 消</span></el-button>
-            </div>
-        </el-dialog>
-    </div>
+  <div>
+    <!-- 批量选择仲裁方式页面 -->
+    <el-dialog
+      title="批量审核仲裁方式"
+      :visible="caseVisableReviewl"
+      width="500px"
+      @close="cancel"
+      :destroy-on-close="true"
+    >
+        <div>
+          <el-form :model="form" :rules="rules" ref="form">
+            <el-form-item label="选择开庭方式:"  prop="arbitratMethod">
+                <el-radio-group v-model="form.arbitratMethod">
+                  <el-radio :label=2>书面审理</el-radio>
+                  <el-radio :label=1>开庭审理</el-radio>
+                </el-radio-group>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div slot="footer" class="dialog-footer">
+            <el-button type="primary" class="endbutton"  @click="determine">确定</el-button>
+            <el-button @click="cancel" class="endbutton">取消</el-button>
+        </div>
+    </el-dialog>
+  </div>
 </template>
-<script>
-export default { 
-    props: ["caseVisableReviewl","queryParams"],
-    data() {
-        return {
-           
-           
-        };
-    },
-    watch: {
-        caseVisableReviewl(val) {
-            if (val) {
-                
-            }
-        }
-    },
-    created() {
 
+<script>
+import { arbitrateMethod } from "@/api/caseManagement/caseManagement.js";
+import {methodBatch} from '@/api/batchManagement/batchManagement.js'
+export default {
+  name: "showchoosetrialmethodDialog",
+  props: ["caseVisableReviewl", "reviewMethod", "queryParams"],
+  data() {
+    return {
+      form:{},
+      rules:{
+        arbitratMethod: [
+            { required: true, message: '请选择开庭方式', trigger: 'change' }
+          ]
+      }
+    };
+  },
+  methods: {
+    // 审核仲裁方式 arbitrateMethod
+    determine(val){
+       this.$refs["form"].validate((valid) => {
+          if (valid) {
+             let dates = {
+                batchNumber: this.reviewMethod.batchNumber,
+                arbitratMethod:this.form.arbitratMethod
+            };
+            console.log(dates)
+          methodBatch(dates).then((res) => {
+              this.$modal.msgSuccess("提交成功");
+              this.cancel();
+              this.$emit("getList", this.queryParams);
+            })
+            .catch((err) => {});
+          } else {
+            return false;
+          }
+        });
     },
-    methods: {
-        cancel() {
-            this.$emit("cancelCaseReviewl");
-        },
+    cancel() {
+     this.form.arbitratMethod=""
+      this.$emit("cancelCaseReviewl");
     },
+  },
 };
 </script>
-  
+
 <style lang="scss" scoped>
 ::v-deep .el-dialog {
   background: #ffffff;
   border-radius: 20px;
-}</style>
+}
+</style>