组庭确认下拉选择仲裁员

src/views/caseManagement/components/formateCourtDialog.vue

@@ -16,40 +16,58 @@
             <el-radio :label="0">否</el-radio>
           </el-radio-group>
         </el-form-item>
+        <el-tag type="warning" v-if="noArbitrator"
+          >当前案件未指定仲裁员，请先指定仲裁员！</el-tag
+        >
+        <p></p>
+        <!-- <el-form ref="form"> -->
+        <!-- v-if="isAgreePendTral == 0 || noArbitrator" -->
+        <div style="display: inline-flex; margin-bottom: 8px">
+          <div v-if="isAgreePendTral == 0">请选择仲裁员</div>
+          <div v-if="isAgreePendTral == 1 && formateCourtData.arbitratorName">
+            当前案件仲裁员
+          </div>
+        </div>
+        <div
+          v-if="isAgreePendTral == 1 && formateCourtData.arbitratorName"
+          class="nowarbitrator"
+        >
+          <el-tag size="medium">
+            {{ formateCourtData.arbitratorName }}
+          </el-tag>
+        </div>
+        <el-form-item
+          label="仲裁员："
+          v-if="noArbitrator || isAgreePendTral == 0"
+          :rules="[
+            {
+              required: true,
+              message: '仲裁员不能为空',
+              trigger: 'blur',
+            },
+          ]"
+        >
+          <el-select
+            placeholder="请选择仲裁员"
+            @change="changeArbitor"
+            v-model="Arbitor"
+          >
+            <el-option
+              v-for="item in dataList"
+              :key="item.value"
+              :label="item.nickName"
+              :value="item.userId"
+            ></el-option>
+          </el-select>
+        </el-form-item>
       </el-form>
-      <el-tag type="warning" v-if="noArbitrator"
-        >当前案件未指定仲裁员，请先指定仲裁员！</el-tag
-      >
-      <p></p>
-      <!-- <el-form ref="form"> -->
-      <!-- v-if="isAgreePendTral == 0 || noArbitrator" -->
-      <div style="display: inline-flex; margin-bottom: 8px">
-        <div v-if="isAgreePendTral == 0">
-          请选择仲裁员
-        </div>
-        <div v-if="isAgreePendTral == 1 && formateCourtData.arbitratorName">
-          当前案件仲裁员
-        </div>
-      </div>
-      <div v-if="isAgreePendTral == 1 && formateCourtData.arbitratorName" class="nowarbitrator">
-        <el-tag size="medium">
-          {{ formateCourtData.arbitratorName }}
-        </el-tag>
-      </div>
-      <div v-if="noArbitrator || isAgreePendTral == 0">
-        <el-form>
-          <el-form-item label="仲裁员：">
-            <el-select placeholder="请选择仲裁员" @change="changeArbitor" v-model="Arbitor">
-              <el-option v-for="item in dataList" :key="item.value" :label="item.nickName" :value="item.userId"></el-option>
-            </el-select>
-          </el-form-item>
-        </el-form>
-      </div>
       <div slot="footer" class="dialog-footer">
         <el-button
           type="primary"
           @click="submitForm"
-          :disabled="noArbitrator && isAgreePendTral == 0"
+          :disabled="
+            noArbitrator || (isAgreePendTral == 0 && arbitrators.length == 0)
+          "
           class="endbutton"
           ><span>确 定</span></el-button
         >
@@ -76,15 +94,15 @@ export default {
       isAgreePendTral: 1,
       paramsdata: {},
       noArbitrator: false,
-      Arbitor: ""
+      Arbitor: "",
     };
   },
   created() {
     this.getarbitrAtor();
   },
   watch: {
-    showformateCourt(val){
-      if(val){
+    showformateCourt(val) {
+      if (val) {
         this.isAgreePendTral = 1;
       }
     },
@@ -114,7 +132,7 @@ export default {
             arbitratorName: item.nickName,
           });
         }
-      })
+      });
     },
     // 确认
     submitForm() {