damon227 3 тижнів тому
батько
коміт
b76ef42c35
1 змінених файлів з 27 додано та 11 видалено
  1. 27 11
      src/views/modules/home/workboard.vue

+ 27 - 11
src/views/modules/home/workboard.vue

@@ -1,18 +1,17 @@
 <template>
-  <div >
-    
-    <div >
+  <div>
+    <div>
       <div>
         <el-row>
           <el-col :span="12"
             ><el-button @click="handleUser">选择用户</el-button></el-col
           >
-          <el-col :span="12"
-            >
+          <el-col :span="12">
             <!-- <span>当前时间:</span><span>2025-05-12</span> -->
-            </el-col
+          </el-col>
+          <el-button @click="fullScreen" class="full-screen-btn"
+            >全屏</el-button
           >
-          <el-button @click="fullScreen" class="full-screen-btn">全屏</el-button>
         </el-row>
       </div>
       <div class="mod-home" id="customer-content">
@@ -56,10 +55,15 @@
       :visible.sync="chooseUserVisible"
       :close-on-click-modal="false"
     >
-      <div>
+      <div class="dialog">
         <el-form>
           <el-form-item label="选择用户" prop="">
-            <el-select v-model="selectedUsers" placeholder="请选择" multiple>
+            <el-select
+              v-model="selectedUsers"
+              placeholder="请选择"
+              multiple
+              style="width: 100%"
+            >
               <el-option
                 v-for="item in userOptions"
                 :key="item.value"
@@ -70,7 +74,7 @@
             </el-select>
           </el-form-item>
         </el-form>
-        <span slot="footer" class="">
+        <span slot="footer" class="dialog-footer2">
           <el-button type="primary" @click="userSubmit()">提交</el-button>
         </span>
       </div>
@@ -187,7 +191,7 @@ export default {
   /* line-height: 1.5; */
   height: 100%;
   position: relative;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
 }
 
 .full-screen-btn {
@@ -198,4 +202,16 @@ export default {
   padding: 0 0;
   border-radius: 0;
 }
+
+.dialog {
+  height: 330px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.dialog-footer2 {
+  display: flex;
+  justify-content: end;
+}
 </style>