sa ve

src/components/common/inquirylist.vue

+<template>
+  <div class="inquirylist">
+    <el-row>
+      <el-col :span="8" v-for="(o, index) in 1  " :key="o" :offset="index > 0 ? 2 : 0">
+          <el-card shadow="always" :body-style="{ padding: '0px' }">
+            <div class="inquiryname">
+              <div class="inquiryinfo">
+                <div class="infone">问诊单2520 <span>(内科) </span></div>
+                <div class="talk">语音问诊</div>
+                <div class="time">{{time}}</div>
+              </div>
+              <div class="inquirystatus">
+                <span class="status">状态：{{inquiry.status}}</span>
+                <div class="inquiryimg" v-if="inquiry.status==''">图片</div>
+                <div class="inquirytime" v-if="inquiry.time"><span></span> 00:00:15</div>
+              </div>
+            </div>
+            <div class="inquirydoctor">
+              <div class="visitingdoctor"></div>
+              <div class="helpdoctor"> </div>
+            </div>
+            <div class="inquiryroom">
+              <span class="goroom">进入诊室</span>
+              <span class="suggest">诊断建议</span>
+            </div>
+          </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+
+export default {
+   data() {
+    return {
+      time:new Date().getFullYear()+'-07-14  14:00-15:00',
+      inquiry:{
+        status:'异常',
+        time:'1'
+      }
+    };
+  },
+  created() {
+    // vm = this;
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+ .inquirylist{
+  display: flex;
+  margin-bottom: 10px;
+  margin: 20px 30px 0px;
+  padding: 10px 5px;
+  background: #fff;
+  overflow: hidden !important;
+  .el-row{
+    flex-basis: 31%;
+    .el-col{
+      width: 100%;
+      height: 295px;
+      .el-card{
+        height: 100%;
+      }
+    }
+    .el-col-offset-2{
+      margin-left: 1%;
+    }
+  }
+  
+   .inquiryname{
+      display: flex;
+      height: 100px;
+      border-bottom: rgb(209, 208, 208) 1px solid;
+      .inquiryinfo{
+        padding: 8px 7px;  
+        .infone{
+          font-size: 18px;
+          font-weight: 700;
+          margin-bottom: 20px;
+          >span{
+            font-size: 14px;
+            color: #b2aeae;
+          }
+        }
+        .talk{
+          font-size: 14px;
+          color: #b2aeae;
+          margin-bottom: 7px;
+        }
+        .time{
+          color: #b2aeae;
+          font-size: 14px;
+        }
+      }
+      .inquirystatus{
+        .status{
+          position: absolute;
+          right: 24px;
+          top: 12px;
+        }
+        .inquiryimg{
+          position: absolute;
+          right: 24px;
+          top: 60px;
+        }
+        .inquirytime{
+          position: absolute;
+          right: 24px;
+          top: 40px;
+          font-size: 14px;
+          color: #b2aeae;
+        }
+      }
+   }
+   .inquirydoctor{
+      height: 140px;
+      border-bottom: rgb(209, 208, 208) 1px solid;
+
+   }
+   .inquiryroom{
+     height: 55px;
+     display: flex;
+      .goroom{
+        display: inline-block;
+        font-weight: 700;
+        flex-basis: 50%;
+        text-align: center;
+        height: 100%;
+        line-height: 55px;
+        border-right: rgb(209, 208, 208) 1px solid;
+      }
+      .suggest{
+        cursor:pointer;
+        font-weight: 700;
+        flex-basis: 50%;
+        display: inline-block;
+        text-align: center;
+        height: 100%;
+        line-height: 55px;
+      }
+   }
+ }
+   
+</style>
\ No newline at end of file

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

@@ -275,167 +275,13 @@
         <span v-else>收起筛选<i class="el-icon-arrow-up"></i></span>
       </div>
     </div>
+  <inquirylist></inquirylist>
     
-    <div class="component-content screenSet" id="screenSet">
-      <el-tabs v-model="activeName" @tab-click="handleClick">
-        <el-tab-pane label="全部" name="first">
-          <table-component
-            :tData="tableData"
-            :pageNo="searchParam.pageNo"
-            :pageSize="searchParam.pageSize"
-            :totalRows="totalRows"
-            :loading="loading"
-            :tableHeight="tableHeight"
-            @timeHandle="timeHandle"
-            @endDiagnosis="endDiagnosis"
-            @callAll="callAll"
-            @jionCommunicate="jionCommunicate"
-            @sendMessage="sendMessage"
-            @selectBtn="selectBtn"
-            @goEditor="goEditor"
-            @cancelBtn="cancelBtn"
-            @handleSizeChange="handleSizeChange"
-            @handleCurrentChange="handleCurrentChange"
-          ></table-component>
-        </el-tab-pane>
-        <el-tab-pane label="信息待完善" name="second">
-          <table-component
-            :tData="tableData"
-            :pageNo="searchParam.pageNo"
-            :pageSize="searchParam.pageSize"
-            :totalRows="totalRows"
-            :loading="loading"
-            :tableHeight="tableHeight"
-            @timeHandle="timeHandle"
-            @endDiagnosis="endDiagnosis"
-            @callAll="callAll"
-            @jionCommunicate="jionCommunicate"
-            @sendMessage="sendMessage"
-            @selectBtn="selectBtn"
-            @goEditor="goEditor"
-            @cancelBtn="cancelBtn"
-            @handleSizeChange="handleSizeChange"
-            @handleCurrentChange="handleCurrentChange"
-          ></table-component>
-        </el-tab-pane>
-        <el-tab-pane label="待完成" name="three">
-          <table-component
-            :tData="tableData"
-            :pageNo="searchParam.pageNo"
-            :pageSize="searchParam.pageSize"
-            :totalRows="totalRows"
-            :loading="loading"
-            :tableHeight="tableHeight"
-            @timeHandle="timeHandle"
-            @endDiagnosis="endDiagnosis"
-            @callAll="callAll"
-            @jionCommunicate="jionCommunicate"
-            @sendMessage="sendMessage"
-            @selectBtn="selectBtn"
-            @goEditor="goEditor"
-            @cancelBtn="cancelBtn"
-            @handleSizeChange="handleSizeChange"
-            @handleCurrentChange="handleCurrentChange"
-          ></table-component>
-        </el-tab-pane>
-        <el-tab-pane label="已完成" name="four">
-          <table-component
-            :tData="tableData"
-            :pageNo="searchParam.pageNo"
-            :pageSize="searchParam.pageSize"
-            :totalRows="totalRows"
-            :loading="loading"
-            :tableHeight="tableHeight"
-            @timeHandle="timeHandle"
-            @endDiagnosis="endDiagnosis"
-            @callAll="callAll"
-            @jionCommunicate="jionCommunicate"
-            @sendMessage="sendMessage"
-            @selectBtn="selectBtn"
-            @goEditor="goEditor"
-            @handleSizeChange="handleSizeChange"
-            @handleCurrentChange="handleCurrentChange"
-          ></table-component>
-        </el-tab-pane>
-        <el-tab-pane label="已取消" name="five">
-          <table-component
-            :tData="tableData"
-            :pageNo="searchParam.pageNo"
-            :pageSize="searchParam.pageSize"
-            :totalRows="totalRows"
-            :loading="loading"
-            :tableHeight="tableHeight"
-            @timeHandle="timeHandle"
-            @endDiagnosis="endDiagnosis"
-            @callAll="callAll"
-            @jionCommunicate="jionCommunicate"
-            @sendMessage="sendMessage"
-            @selectBtn="selectBtn"
-            @goEditor="goEditor"
-            @handleSizeChange="handleSizeChange"
-            @handleCurrentChange="handleCurrentChange"
-          ></table-component>
-        </el-tab-pane>
-      </el-tabs>
-
-      <!-- 预约时间 -->
-      <el-dialog title="预约时间" :visible.sync="timeVisible" width="40%">
-        <el-row
-          :gutter="30"
-          class="row search"
-          type="flex"
-          style="margin-bottom: 0"
-        >
-          <el-form
-            ref="timeForm"
-            :rules="timeRules"
-            :model="timeForm"
-            label-width="150px"
-            label-suffix=":"
-            label-position="right"
-            size="mini"
-            style="width: 100%"
-          >
-            <el-col :span="24">
-              <el-form-item label="开始时间" prop="beginTime">
-                <el-date-picker
-                  v-model="timeForm.beginTime"
-                  type="datetime"
-                  placeholder="请选择开始时间"
-                  value-format="yyyy-MM-dd HH:mm:ss"
-                  @change="changeBeginTime"
-                >
-                </el-date-picker>
-                <p v-if="beginFlag" style="color: red; font-size: 12px">
-                  开始时间不能大于结束时间
-                </p>
-              </el-form-item>
-              <el-form-item label="结束时间" prop="endTime">
-                <el-date-picker
-                  v-model="timeForm.endTime"
-                  type="datetime"
-                  placeholder="请选择结束时间"
-                  value-format="yyyy-MM-dd HH:mm:ss"
-                  @change="changeEndTime"
-                >
-                </el-date-picker>
-                <p v-if="endFlag" style="color: red; font-size: 12px">
-                  结束时间不能小于开始时间
-                </p>
-              </el-form-item>
-            </el-col>
-          </el-form>
-        </el-row>
-        <span slot="footer" class="dialog-footer">
-          <el-button @click="timeVisible = false">取 消</el-button>
-          <el-button type="primary" @click="confirmTime">确 定</el-button>
-        </span>
-      </el-dialog>
-    </div>
   </div>
 </template>
 <script>
 import TableComponent from "@/components/list/table-component";
+import Inquirylist from "@/components/common/inquirylist";
 import {
   TYPE_LIST,
   IS_FLLOW,
@@ -446,6 +292,7 @@ import {
 export default {
   components: {
     TableComponent,
+    Inquirylist
   },
   data() {
     return {