视频审理页面完善

src/views/caseManagement/components/trialincourtDialog.vue

@@ -5,7 +5,6 @@
       :visible="showtrialincourt"
       @close="cancel"
       :destroy-on-close="true"
-      center
     >
       <el-form
         ref="form"
@@ -125,20 +124,137 @@
           </el-form-item>
         </el-col>
       </el-form>
-      <el-button @click="openmeeting"
+      <el-button @click="openmeeting" type="primary"
         >发起会议
         <!-- <iframe src="http://47.97.117.253:9005/#/">发起会议</iframe> -->
       </el-button>
-      <el-button>提交仲裁结果</el-button>
+      <el-button @click="openArbitrationresults" type="primary">提交仲裁结果</el-button>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="submitForm" class="endbutton"
+        <!-- <el-button @click="submitForm" class="endbutton"
           ><span>结束审理</span></el-button
-        >
+        > -->
         <el-button @click="cancel" class="endbutton1"
-          ><span>取 消</span></el-button
+          ><span>关 闭</span></el-button
         >
       </div>
     </el-dialog>
+    <el-dialog
+      title="仲裁结果"
+      :visible="showArbitrationresults"
+      @close="closeArbitrationresults"
+    >
+      <el-form ref="form2" :model="form2" label-width="150px">
+        <el-col :span="24">
+          <el-form-item
+            label="经庭审质证，对各方提供的证据认定如下："
+            prop="arbitrationResult"
+            :rules="[
+              {
+                required: true,
+                message: '请输入仲裁结果',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              :autosize="{ minRows: 4 }"
+              placeholder="请输入仲裁结果"
+              v-model="form2.arbitrationResult"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="仲裁庭经审理查明(写明仲裁庭认定的事实)："
+            prop="arbitrationResult"
+            :rules="[
+              {
+                required: true,
+                message: '请输入仲裁结果',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              :autosize="{ minRows: 4 }"
+              placeholder="请输入仲裁结果"
+              v-model="form2.arbitrationResult"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="综上所述："
+            prop="arbitrationResult"
+            :rules="[
+              {
+                required: true,
+                message: '请输入仲裁结果',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入仲裁结果"
+              v-model="form2.arbitrationResult"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="本庭认为："
+            prop="arbitrationResult"
+            :rules="[
+              {
+                required: true,
+                message: '请输入仲裁结果',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入仲裁结果"
+              v-model="form2.arbitrationResult"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            label="裁决如下："
+            prop="arbitrationResult"
+            :rules="[
+              {
+                required: true,
+                message: '请输入仲裁结果',
+                trigger: 'blur',
+              },
+            ]"
+          >
+            <el-input
+              type="textarea"
+              autosize
+              placeholder="请输入仲裁结果"
+              v-model="form2.arbitrationResult"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="submitForm">提交</el-button>
+        <el-button @click="closeArbitrationresults">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -149,33 +265,47 @@ export default {
   data() {
     return {
       formData: {},
-      user: ''
+      user: "",
+      showArbitrationresults: false,
+      form2: {},
     };
   },
   watch: {
     showtrialincourt: {
       handler(val) {
         if (val) {
-          this.formData = this.form
+          this.formData = this.form;
         }
-      }
+      },
-    }
+    },
   },
-  created () {
+  created() {
     this.getUser();
   },
   methods: {
     getUser() {
-      getUserProfile().then(response => {
+      getUserProfile().then((response) => {
-        console.log(response,'response');
         this.user = response.data.userName;
       });
     },
     // 打开会议
     openmeeting() {
-      window.open(`http://47.97.117.253:9005/#/home?name=${this.user}`)
+      window.open(`http://47.97.117.253:9005/#/home?name=${this.user}`);
+    },
+    // 提交仲裁结果
+    openArbitrationresults() {
+      this.showArbitrationresults = true;
+    },
+    closeArbitrationresults() {
+      this.showArbitrationresults = false;
+    },
+    submitForm() {
+      this.$refs["form2"].validate((valid) => {
+        if (valid) {
+          console.log(6666666666);
+        }
+      });
     },
-    submitForm() {},
     cancel() {
       this.$emit("canceltrialincourt");
     },