0925_1

src/Food/expertReviewPage.vue

@@ -17,7 +17,7 @@
                 </div>
             </div>
         </div>
-        <div style="display: flex;justify-content: center;flex-direction: row">
+        <div style="width: 40vw;display: flex;justify-content: center;flex-direction: row">
             <div style="width: 50px;height: 600px;background-color: #B8CADB;margin-top: 50px">
                 <div class="rounds_div"><span class="rounds_font">第一轮</span></div>
                 <div class="rounds_div"><span class="rounds_font">第二轮</span></div>
@@ -26,7 +26,7 @@
                 <div class="rounds_div"><span class="rounds_font">第五轮</span></div>
                 <div class="rounds_div"><span class="rounds_font">第六轮</span></div>
             </div>
-            <div style="width: 800px;height: 650px; display: flex;flex-direction: column;background-color: #304156;">
+            <div style="width: 600px;height: 650px; display: flex;flex-direction: column;background-color: #304156;">
                 <div class="my_div" style="height: 50px">
                     <span class="my_div_span">房间号</span>
                 </div>
@@ -50,79 +50,86 @@
                 </div>
             </div>
         </div>
-        <!--设置专家人数弹窗-->
-        <el-dialog v-model="numberExpertsVisible" title="设置专家总人数" width="400">
-            <div style="margin-top: 15px;">
-                <el-form :model="formNumberExperts" style="display: flex;flex-direction: row">
-                    <div>
-                        <el-form-item label="总人数" label-width="100px" >
-                            <el-input v-model="formNumberExperts.totalNumber" autocomplete="off" placeholder="请输入总人数"/>
-                        </el-form-item>
-                        <el-form-item label="专家人数" label-width="100px">
-                            <el-input v-model="formNumberExperts.aNumber" autocomplete="off" placeholder="请输入专家人数"/>
-                        </el-form-item>
-                        <el-form-item label="专家助理人数" label-width="100px">
-                            <el-input v-model="formNumberExperts.bNumber" autocomplete="off" placeholder="请输入专家助理人数"/>
-                        </el-form-item>
-                    </div>
-                </el-form>
-            </div>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button type="primary" @click="numberExpert">
-                        确定
-                    </el-button>
-                    <el-button @click="numberExpertsVisible = false">取消</el-button>
+
+
+        <div style="width: 40vw;background-color: #42b983">
+
+        </div>
+
+
+    </div>
+    <!--设置专家人数弹窗-->
+    <el-dialog v-model="numberExpertsVisible" title="设置专家总人数" width="400">
+        <div style="margin-top: 15px;">
+            <el-form :model="formNumberExperts" style="display: flex;flex-direction: row">
+                <div>
+                    <el-form-item label="总人数" label-width="100px" >
+                        <el-input v-model="formNumberExperts.totalNumber" autocomplete="off" placeholder="请输入总人数"/>
+                    </el-form-item>
+                    <el-form-item label="专家人数" label-width="100px">
+                        <el-input v-model="formNumberExperts.aNumber" autocomplete="off" placeholder="请输入专家人数"/>
+                    </el-form-item>
+                    <el-form-item label="专家助理人数" label-width="100px">
+                        <el-input v-model="formNumberExperts.bNumber" autocomplete="off" placeholder="请输入专家助理人数"/>
+                    </el-form-item>
                 </div>
-            </template>
-        </el-dialog>
-        <!--设置专家出席弹窗-->
-        <el-dialog v-model="attendExpertsVisible" title="指定出席的专家" width="400">
-            <div style="margin-top: 15px;">
-                <el-form :model="formAttendExpert" style="display: flex;flex-direction: row">
-                    <div>
-                        <el-form-item label="专家名称" label-width="100px" >
-                            <el-input v-model="formAttendExpert.name" autocomplete="off" placeholder="请输入专家名称"/>
-                        </el-form-item>
-                        <el-form-item label="专家编号" label-width="100px">
-                            <el-input v-model="formAttendExpert.id" autocomplete="off" placeholder="请输入专家编号"/>
-                        </el-form-item>
-                    </div>
-                </el-form>
+            </el-form>
+        </div>
+        <template #footer>
+            <div class="dialog-footer">
+                <el-button type="primary" @click="numberExpert">
+                    确定
+                </el-button>
+                <el-button @click="numberExpertsVisible = false">取消</el-button>
             </div>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button type="primary" @click="attendExpert">
-                        确定
-                    </el-button>
-                    <el-button @click="numberExpertsVisible = false">取消</el-button>
+        </template>
+    </el-dialog>
+    <!--设置专家出席弹窗-->
+    <el-dialog v-model="attendExpertsVisible" title="指定出席的专家" width="400">
+        <div style="margin-top: 15px;">
+            <el-form :model="formAttendExpert" style="display: flex;flex-direction: row">
+                <div>
+                    <el-form-item label="专家名称" label-width="100px" >
+                        <el-input v-model="formAttendExpert.name" autocomplete="off" placeholder="请输入专家名称"/>
+                    </el-form-item>
+                    <el-form-item label="专家编号" label-width="100px">
+                        <el-input v-model="formAttendExpert.id" autocomplete="off" placeholder="请输入专家编号"/>
+                    </el-form-item>
                 </div>
-            </template>
-        </el-dialog>
-        <!--设置专家禁止弹窗-->
-        <el-dialog v-model="banExpertsVisible" title="禁止出席的专家" width="400">
-            <div style="margin-top: 15px;">
-                <el-form :model="formBanExpert" style="display: flex;flex-direction: row">
-                    <div>
-                        <el-form-item label="专家名称" label-width="100px" >
-                            <el-input v-model="formBanExpert.name" autocomplete="off" placeholder="请输入专家名称"/>
-                        </el-form-item>
-                        <el-form-item label="专家编号" label-width="100px">
-                            <el-input v-model="formBanExpert.id" autocomplete="off" placeholder="请输入专家编号"/>
-                        </el-form-item>
-                    </div>
-                </el-form>
+            </el-form>
+        </div>
+        <template #footer>
+            <div class="dialog-footer">
+                <el-button type="primary" @click="attendExpert">
+                    确定
+                </el-button>
+                <el-button @click="numberExpertsVisible = false">取消</el-button>
             </div>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button type="primary" @click="banExpert">
-                        确定
-                    </el-button>
-                    <el-button @click="numberExpertsVisible = false">取消</el-button>
+        </template>
+    </el-dialog>
+    <!--设置专家禁止弹窗-->
+    <el-dialog v-model="banExpertsVisible" title="禁止出席的专家" width="400">
+        <div style="margin-top: 15px;">
+            <el-form :model="formBanExpert" style="display: flex;flex-direction: row">
+                <div>
+                    <el-form-item label="专家名称" label-width="100px" >
+                        <el-input v-model="formBanExpert.name" autocomplete="off" placeholder="请输入专家名称"/>
+                    </el-form-item>
+                    <el-form-item label="专家编号" label-width="100px">
+                        <el-input v-model="formBanExpert.id" autocomplete="off" placeholder="请输入专家编号"/>
+                    </el-form-item>
                 </div>
-            </template>
-        </el-dialog>
-    </div>
+            </el-form>
+        </div>
+        <template #footer>
+            <div class="dialog-footer">
+                <el-button type="primary" @click="banExpert">
+                    确定
+                </el-button>
+                <el-button @click="numberExpertsVisible = false">取消</el-button>
+            </div>
+        </template>
+    </el-dialog>
 </template>
 
 <script>