问诊台调整ui

src/views/IM/diagnosis-admin/workbench-new.vue

@@ -73,8 +73,26 @@
             <el-button>确定</el-button>
           </div>
         </div>
-        <div v-else>
-          111111
+        <div
+          v-else
+          class="workbench-content"
+        >
+          <div
+            v-if="currentDiagList"
+            class="workbench-li-c"
+          >
+            <!--  1111 -->
+            <div class="grid-c">
+              <div
+                v-for="(item, index) in currentDiagList"
+                :key="index"
+                class="workbench-li"
+              >
+                <consultation-card :item="item" />
+              </div>
+            </div>
+            <!-- 1111 -->
+          </div>
         </div>
       </div>
 
@@ -90,21 +108,6 @@
           暂时没有问诊
         </div>
       </div>
-      <!-- <div
-        v-if="allSize > 0"
-        class="pagination-container"
-      >
-        <el-pagination
-          background
-          :current-page="searchParam.pageNo"
-          :page-sizes="[6, 12, 18, 24]"
-          :page-size="searchParam.pageSize"
-          layout="prev, pager, next, sizes, jumper"
-          :total="allSize"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-        />
-      </div> -->
     </div>
   </div>
 </template>
@@ -113,11 +116,11 @@
   import { createNamespacedHelpers } from 'vuex';
   const { mapState } = createNamespacedHelpers('main');
   import storejs from 'storejs';
-  // import InquiryListComponent from '../../../components/common/inquirylist.vue';
+  import consultationCard from '@/components/common/consultationCard.vue';
   import { conditionUpdate } from '@/api/workbench';
   export default {
     components: {
-    // InquiryListComponent,
+      consultationCard,
     },
     data() {
       const s = storejs.get('soketQuest');
@@ -399,15 +402,16 @@
     }
   }
   .workbench-content {
-    padding: 20px 10px;
+    padding: 10px;
     .workbench-li-c {
       width: 100%;
       .grid-c {
+        width: 100%;
         display: grid;
+        grid-template-columns: 33% 33% 33%;
         grid-row-gap: 20px;
         grid-column-gap: 20px;
-        padding: 25px 50px;
-        background: #fff;
+        padding: 0px 7px;
         .el-checkbox-group {
           .el-checkbox {
             width: 20%;

src/views/IM/diagnosis-admin/workbench.vue

@@ -51,7 +51,6 @@
           </div>
         </div>
       </div>
-
       <div
         v-else
         class="nodata-container"
@@ -82,7 +81,6 @@
     </div>
   </div>
 </template>
-
 <script>
   import { createNamespacedHelpers } from 'vuex';
   const { mapState } = createNamespacedHelpers('main');