教师管理查看表单手机端

src/components/pages/test/check/index.vue

@@ -24,7 +24,7 @@
           <div class="r_pub_button_retrun" @click="retrunCourse">返回</div>
         </div>
         <div class="step_box" ref="stepBox" v-loading="pdfLoading">
-          <div class="test_title">
+          <div class="test_title" :style="!isDesktop?'justify-content: center;':''">
             <div class="left">
               <div class="title">{{ testJson.title }}</div>
               <div class="info"  v-if="isDesktop">
@@ -61,7 +61,7 @@
               </div>
             </div>
           </div>
-          <div class="search_nav">
+          <div class="search_nav" v-if="isDesktop">
             <div class="right">
               <span :class="{ active: stype == 1 }" @click="checkDataType(1)">按题目查看</span>
               <span :class="{ active: stype == 2 }" @click="checkDataType(2)">按人员查看</span>
@@ -118,7 +118,15 @@
               <div class="btnA" v-if="stype == 3" @click="exportAllWord2">导出人员数据</div>
             </div>
           </div>
-          <div class="title_content" v-if="stype == 1">
+          <div class="search_nav" style="display:flex;justify-content:space-evenly;border: none;" v-if="!isDesktop">
+            <div class="right">
+              <span :class="{ active: stype == 1 }" @click="checkDataType(1)">按题目查看</span>
+              <span :class="{ active: stype == 2 }" @click="checkDataType(2)">按人员查看</span>
+              <span :class="{ active: stype == 3 }" @click="checkDataType(3)" v-show="false">按数量查看</span>
+            </div>
+          </div>
+
+          <div class="title_content" v-if="stype == 1 && isDesktop" v-loading="isLoading">
             <div class="title_box" v-if="!testArray.length"
               style="display: flex;align-items: center;justify-content: center;height: 500px;">
               暂无内容
@@ -276,7 +284,183 @@
               </div>
             </div>
           </div>
-          <div class="table_content" v-if="stype == 2">
+          <div class="title_content" v-if="stype == 1 && !isDesktop" v-loading="isLoading">
+            <div class="title_box" v-if="!testArray.length"
+              style="display: flex;align-items: center;justify-content: center;height: 500px;">
+              暂无内容
+            </div>
+            <div class="title_box" v-for="(item, index) in testArray" :key="index">
+              <div class="title" style="font-size: 16px;display: flex;justify-content: space-between;align-items: center;">
+                <!-- <el-tooltip :content="selectType(item)" placement="top" effect="dark">
+                  <span class="test_icon"
+                    :class="{ test_icon_check: item.type == 1 && item.atype == 2, test_icon_checkO: item.type == 1 && item.atype == 1, test_icon_gap: item.type == 3, test_icon_file: item.type == 5, test_course_file: item.type == 6, test_eva_file: item.type == 7,test_icon_time: item.type == 8 }"></span>
+                </el-tooltip> -->
+                <div style="display: flex;">
+                  <div style="margin-right: 5px;color: rgba(0, 0, 0, 0.9);">第{{ index+1 }}题:</div>
+                  <div style="width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{ item.title }}</div>
+                </div>
+                <div style="display: flex;">
+                  <!-- <div v-if="item.type==7" style="right:0;position: absolute;">平均分：{{ getAverageScore(index) }}</div> -->
+                  <div style="color: rgba(0, 0, 0, 0.4);display: flex;align-items: center;">[{{ selectType(item) }}]</div>
+                  <!-- <el-button style="padding: 5px;" v-if="item.type == 5 && item.array.length>0" class="title_downBtn" type="primary" size="small" @click.stop="downloadFileType5(item.array,item.title)">批量下载附件</el-button> -->
+                </div>
+              </div>
+              <div class="detail" v-if="item.detail">{{ item.detail }}</div>
+              <div class="content1" style="width:100%;display: block;" v-if="item.type == 1">
+                <div class="left" style="width:100%" v-if="!item.cut">
+                  <div class="isDesktopTitle">
+                    <div>选项</div>
+                    <div>小计</div>
+                    <div>比例</div>
+                  </div>
+                  <div class="isDesktopTitle" v-for="(data, index2) in item.array" :key="index + '-' + index2">
+                    <!-- <span> -->
+                      <el-tooltip :content="data.name" placement="top" effect="dark">
+                        <!-- content to trigger tooltip here -->
+                        <div>{{ data.name }}</div>
+                      </el-tooltip>
+                    <!-- </span> -->
+                    <div>{{ data.count }}</div>
+                    <div>
+                      {{ data.count ? parseFloat(((data.count / item.count) * 100).toFixed(2)) : 0 }}
+                       <!-- <el-progress style="display: flex;align-items: center;" :stroke-width="12" color="#3681fc"
+                        :percentage="data.count ? parseFloat(((data.count / item.count) * 100).toFixed(2)) : 0"></el-progress> -->
+                    </div>
+                  </div>
+                </div>
+                <div class="right isDesktopRight" v-if="item.cut">
+                  <checkPie :dataJ="item.array"></checkPie>
+                </div>
+                <div class="cutBtnBlockCss">
+                  <div class="cutBtnCss" @click="item.cut=!item.cut">{{ item.cut?'查看详情':'查看视图' }}</div>
+                </div>
+              </div>
+              <div class="content2"  style="width:100%;display: block;" v-if="item.type == 3">
+                <div class="left" style="width:100%" v-if="!item.cut">
+                  <div class="title">
+                    <span>序号</span>
+                    <span>词频</span>
+                    <span>答案文本</span>
+                  </div>
+                  <div class="data" v-for="(data, index2) in item.array" :key="index + '-' + index2">
+                    <span>{{ index2 + 1 }}</span>
+                    <span>{{ data.count }}次</span>
+                    <el-tooltip :content="data.name" placement="top" effect="dark">
+                      <!-- content to trigger tooltip here -->
+                      <span>{{ data.name }}</span>
+                    </el-tooltip>
+                  </div>
+                </div>
+                <div class="right isDesktopRight" v-if="item.cut">
+                  <wordcloud :data="item.array" nameKey="name" valueKey="count" :showTooltip="false"
+                    :wordClick="wordClickHandler">
+                  </wordcloud>
+                </div>
+                <div class="cutBtnBlockCss">
+                  <div class="cutBtnCss" @click="item.cut=!item.cut">{{ item.cut?'查看详情':'查看视图' }}</div>
+                </div>
+              </div>
+              <div class="content3" v-if="item.type == 5">
+                <div class="file" v-for="(file, index2) in item.array" :key="index + '-' + index2"
+                  @click.stop="checkFile(file)">
+                  <img class="download" src="../../../../assets/icon/fileIcon/download.png"
+                    @click.stop="downloadFile(file)" :style="{ right: '10px' }" />
+                  <img class="img" :src="wordIcon" alt="" v-if="file.type == 1" />
+                  <img class="img" :src="videoIcon" alt="" v-if="file.type == 2" />
+                  <img class="img" :src="file.url" alt="" v-if="file.type == 3" />
+                  <img class="img" :src="wordIcon" alt="" v-if="file.type == 4" />
+                  <img class="img" :src="fileIcon" alt="" v-if="file.type == 5" />
+                  <div class="name">
+                    <el-tooltip :content="file.name" placement="top" effect="dark">
+                      <span>{{ file.name }}</span>
+                    </el-tooltip>
+                  </div>
+                </div>
+              </div>
+              <div class="content4" v-if="item.type == 6">
+                <div class="out_box" v-for="(item, index) in item.courseArray" :key="index + '-' + index2">
+                  <div class="tup">
+                    <img :src="item.cover != null && item.cover != ''
+    ? JSON.parse(item.cover).length > 0
+      ? JSON.parse(item.cover)[0].url
+      : mr
+    : mr
+    " alt />
+                    <div class="bottom_box">
+                      <div>
+                        <el-tooltip :content="item.title" popper-class="text_tooltip" placement="top" effect="dark">
+                          <span>{{ item.title }}</span>
+                        </el-tooltip>
+                      </div>
+                      <div class="kc_t">
+                        <span>{{ item.username }}</span>
+                        <span>{{ item.state == 1 ? '阶段模式' : item.state == 2 ? '任务模式' : '极简模式' }}</span>
+                      </div>
+                      <div class="kc_time">
+                        <span style="color: #717C8D">创建日期:</span>{{ item.time }}
+                      </div>
+                      <div class="kc_time">
+                        <span style="color: #717C8D">修改日期:</span>{{ item.update_at }}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- <div class="courses" v-for="(courses, index2) in item.array" :key="index + '-' + index2">
+                  {{ courses }}
+                </div> -->
+              </div>
+              <div class="content1" style="width:100%;display: block;" v-if="item.type == 7">
+                <div class="left" style="width:100%" v-if="!item.cut">
+                  <div class="isDesktopTitle">
+                    <div>评分</div>
+                    <div>小计</div>
+                    <div style="width: 120px;">比例</div>
+                  </div>
+                  <div class="isDesktopTitle" v-for="(data, index2) in item.array" :key="index + '-' + index2">
+                    <!-- <span> -->
+                    <div>{{ data.name }}</div>
+                    <!-- </span> -->
+                    <div>{{ data.count }}</div>
+                    <div style="width: 120px;">
+                      {{ data.count ? parseFloat(((data.count / item.count) * 100).toFixed(2)) : 0 }}
+                      <!-- <el-progress style="display: flex;align-items: center;" :stroke-width="12" color="#3681fc"
+                        :percentage="data.count ? parseFloat(((data.count / item.count) * 100).toFixed(2)) : 0"></el-progress> -->
+                    </div>
+                  </div>
+                </div>
+                <div class="right isDesktopRight"  v-if="item.cut">
+                  <checkPie :dataJ="item.array"></checkPie>
+                </div>
+                <div class="cutBtnBlockCss">
+                  <div class="cutBtnCss" @click="item.cut=!item.cut">{{ item.cut?'查看详情':'查看视图' }}</div>
+                </div>
+
+              </div>
+              <div class="content2" v-if="item.type == 8">
+                <div class="left">
+                  <div class="title">
+                    <span>序号</span>
+                    <span>词频</span>
+                    <span>日期</span>
+                  </div>
+                  <div class="data" v-for="(data, index2) in item.array" :key="index + '-' + index2">
+                    <span>{{ index2 + 1 }}</span>
+                    <span>{{ data.count }}次</span>
+                    <el-tooltip :content="data.name" placement="top" effect="dark">
+                      <!-- content to trigger tooltip here -->
+                      <span>{{ data.name }}</span>
+                    </el-tooltip>
+                  </div>
+                </div>
+                <div class="right">
+                  <wordcloud :data="item.array" nameKey="name" valueKey="count" :showTooltip="false"
+                    :wordClick="wordClickHandler">
+                  </wordcloud>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="table_content" v-if="stype == 2 && isDesktop">
             <el-table class="el-table" ref="table" :data="worksArray" border :fit="true" :key="2" v-loading="isLoading"
               style="width: 100%" :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
               @filter-change="handleFilterChange">
@@ -341,6 +525,205 @@
               </el-table-column>
             </el-table>
           </div>
+          <div class="table_content" v-if="stype == 2 && !isDesktop">
+
+            <div v-for="(i,index) in worksArray"  :key="i.id" class="isDesktopTable_content">
+              <div class="isDTitle" :class="i.cut?'':'CutCss'">
+                <div style="font-size: 16px;font-weight: 600;">{{ i.name }}</div>
+                <div :style="'font-size: 14px',i.cut?'color:rgba(54, 129, 252, 1)':'color: rgba(0, 0, 0, 0.6);'">{{ i.time }}</div>
+                <div @click="i.cut=!i.cut">
+                  <img v-if="!i.cut" src="../../../../assets/icon/fileIcon/downImg.png" alt="">
+                  <img v-else src="../../../../assets/icon/fileIcon/upImg.png" alt="">
+                </div>
+              </div>
+              <div v-if="i.cut">
+                <div class="isDBri">
+                  <div>序号:{{ i.time }}</div>
+                  <div>提交时间:{{ i.time }}</div>
+                  <div>评课人:</div>
+                </div>
+                <div style="height: 1px;background-color: #717C8D;width: 100%;margin-bottom: 10px;"></div>
+                <div>
+                  <div v-for="(k,kin) in chapters" :key="k.id" class="isCTiBlc">
+                    <div v-if="k.type == 1">
+                      <div class="isDTitle2">
+                        <div style="display: flex;justify-content: space-between;">
+                          <div style="display: flex;">
+                            <span class="topicTitCss">第{{kin+1}}题:</span>
+                            <div class="isDTitle2JsonTit">
+                              {{ k.json.title }}
+                            </div>
+                          </div>
+                          <div style="color: rgba(0, 0, 0, 0.4);">[{{ selectType2(k.type,k.json.type) }}]</div>  
+                        </div>
+                        <div class="IsDAnswer">
+                          <div v-for="(r, index2) in i.array[kin].json.answer2"
+                          :key="index + '-' + index2">
+                          {{ i.array[kin].json.array[r].option }}
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div v-if="k.type == 3 || k.type == 8">
+                      <div class="isDTitle2">
+                        <div style="display: flex;justify-content: space-between;">
+                          <div style="display: flex;">
+                            <span>第{{kin+1}}题:</span>
+                            <div class="isDTitle2JsonTit">
+                              {{ k.json.title }}
+                            </div>
+                          </div>
+                          <div style="color: rgba(0, 0, 0, 0.4);">[{{ selectType2(k.type,k.json.type) }}]</div>
+                        </div>
+                        <div class="IsDAnswer">
+                          {{ i.array[kin].json.answer2 }}
+                        </div>
+                      </div>
+                    </div>
+                    <div v-if="k.type == 5">
+                      <div class="isDTitle2">
+                        <div style="display: flex;justify-content: space-between;">
+                          <div style="display: flex;">
+                            <span>第{{kin+1}}题:</span>
+                            <div class="isDTitle2JsonTit">
+                              {{ k.json.title }}
+                            </div>
+                          </div>
+                          <div style="color: rgba(0, 0, 0, 0.4);">[{{ selectType2(k.type,k.json.type) }}]</div>
+                        </div>
+                        <div class="IsDAnswer">
+                          <div class="IsDFile" v-for="(file, index2) in i.array[kin].json.file"
+                            :key="index + '-' + index2" @click.stop="checkFile(file)">
+                            <img class="IsDownload" src="../../../../assets/icon/fileIcon/download.png"
+                              @click.stop="downloadFile(file)" :style="{ right: '10px' }" />
+                            <img class="IsDImg" :src="wordIcon" alt="" v-if="file.type == 1" />
+                            <img class="IsDImg" :src="videoIcon" alt="" v-if="file.type == 2" />
+                            <img class="IsDImg" :src="file.url" alt="" v-if="file.type == 3" />
+                            <img class="IsDImg" :src="wordIcon" alt="" v-if="file.type == 4" />
+                            <img class="IsDImg" :src="fileIcon" alt="" v-if="file.type == 5" />
+                            <div class="name" style="height: 30px;background-color: #ccc;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
+                              <!-- <el-tooltip :content="file.name" placement="top" effect="dark"> -->
+                                {{ file.name }}
+                              <!-- </el-tooltip> -->
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div v-if="k.type.type == 6">
+                      <div class="isDTitle2">
+                        <div style="display: flex;justify-content: space-between;">
+                          <div style="display: flex;">
+                            <span>第{{kin+1}}题:</span>
+                            <div class="isDTitle2JsonTit">
+                              {{ k.json.title }}
+                            </div>
+                          </div>
+                          <div style="color: rgba(0, 0, 0, 0.4);">[{{ selectType2(k.type,k.json.type) }}]</div>
+                        </div>
+                        <div class="IsDAnswer">
+                          {{ i.array[kin].json.answer2 }}
+                        </div>
+                      </div>
+                    </div>
+                    <div v-if="k.type == 7">
+                      <div class="isDTitle2">
+                        <div style="display: flex;justify-content: space-between;">
+                          <div style="display: flex;">
+                            <span>第{{kin+1}}题:</span>
+                            <div class="isDTitle2JsonTit">
+                              {{ k.json.title }}
+                            </div>
+                          </div>
+                          <div style="color: rgba(0, 0, 0, 0.4);">[{{ selectType2(k.type,k.json.type) }}]</div>
+                        </div>
+                        <div class="IsDAnswer">
+                          {{ getScore(i.array[index].json) }}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                </div>
+                
+                <div style="width: 100%;display: flex;justify-content: end;">
+                  <div @click="i.cut=!i.cut" style="display: flex;flex-direction: column;align-items: center">
+                    <img src="../../../../assets/icon/fileIcon/retractImg.png" alt="">
+                    <div style="color: rgba(0, 0, 0, 0.4);font-size: 16px;">收起</div>
+                  </div>
+                </div>
+              </div>
+
+              <div style="height: 1px;background-color: #717C8D;width: 100%;margin-bottom: 10px;"></div>
+
+            </div>
+
+
+
+            <!-- <el-table class="el-table" ref="table" :data="worksArray" border :fit="true" :key="2" v-loading="isLoading"
+              style="width: 100%" :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
+              @filter-change="handleFilterChange">
+              <el-table-column fixed label="序号" width="80px" align="left">
+                <template slot-scope="scope">
+                  {{ scope.$index + 1 }}
+                </template>
+              </el-table-column>
+              <el-table-column fixed prop="name" label="提交人" width="120px" align="left">
+              </el-table-column>
+              <el-table-column prop="time" label="提交时间" width="170px" align="left">
+								<template slot-scope="scope">
+									<span :style="`${testJson.overtime&&new Date(testJson.overtime)<new Date(scope.row.time)?'color:#d12920':''}`">{{ scope.row.time }}</span>
+								</template>
+              </el-table-column>
+              <el-table-column v-for="(item, index) in chapters" :key="index" :label="item.json.title"
+                :min-width="item.type == 5 ? 200 : 150" align="left" :filters="item.type == 1 ? item.nameFilters : item.type ==  6? item.nameFilters : null"
+                :filter-method="item.type == 1 ? (value, row) => { return filterName(value, row, index) } : item.type == 6?(value, row) => { return filterCourse(value, row, index)}:null"
+                :filter-placement="item.type == 1 || item.type ==6 ? filterPlacement : null">
+
+                <template slot-scope="scope">
+                  <div v-if="scope.row.array[index].type == 1" style="display: flex; flex-wrap: wrap;">
+                    <span class="answer_type" v-for="(answer2, index2) in scope.row.array[index].json.answer2"
+                      :key="index + '-' + index2">{{ scope.row.array[index].json.array[answer2].option }}</span>
+                  </div>
+                  <div v-if="scope.row.array[index].type == 3 || scope.row.array[index].type == 8" style="display: flex; flex-wrap: wrap;">
+                    {{ scope.row.array[index].json.answer2 }}
+                  </div>
+                  <div v-if="scope.row.array[index].type == 5" style="display: flex; flex-wrap: wrap;"
+                    class="table_file">
+                    <div class="file" v-for="(file, index2) in scope.row.array[index].json.file"
+                      :key="index + '-' + index2" @click.stop="checkFile(file)">
+                      <img class="download" src="../../../../assets/icon/fileIcon/download.png"
+                        @click.stop="downloadFile(file)" :style="{ right: '10px' }" />
+                      <img class="img" :src="wordIcon" alt="" v-if="file.type == 1" />
+                      <img class="img" :src="videoIcon" alt="" v-if="file.type == 2" />
+                      <img class="img" :src="file.url" alt="" v-if="file.type == 3" />
+                      <img class="img" :src="wordIcon" alt="" v-if="file.type == 4" />
+                      <img class="img" :src="fileIcon" alt="" v-if="file.type == 5" />
+                      <div class="name">
+                        <el-tooltip :content="file.name" placement="top" effect="dark">
+                          <span>{{ file.name }}</span>
+                        </el-tooltip>
+                      </div>
+                    </div>
+                  </div>
+                  <div v-if="scope.row.array[index].type == 6" style="display: flex; flex-wrap: wrap;">
+                    {{ scope.row.array[index].json.answer2}}
+                  </div>
+                  <div v-if="scope.row.array[index].type == 7" style="display: flex; flex-wrap: wrap;">
+                    {{ getScore(scope.row.array[index].json) }}
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" width="300px" fixed="right" v-if="isN!=1">
+
+                <template slot-scope="scope">
+                  <el-button @click="getTest(scope.row)" type="primary" size="small">查看</el-button>
+                  <el-button @click="setWordHtml(scope.row)" type="primary" size="small">导出答题信息</el-button>
+                  <el-button @click="deleteTest(scope.row.id)" type="primary" size="small">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table> -->
+          </div>
           <div class="table_content" v-if="stype == 3">
             <div class="student_table">
               <el-table ref="table" :data="tableData" border :fit="true" v-loading="isLoading" style="width: 100%"
@@ -509,17 +892,6 @@ export default {
         // `this` 指向 vm 实例
         return this.TeachingOptions.filter(i => {return i.id == this.TeachingValue})
     },
-    // TeachNameCpt(){
-    //   return function (val) {
-    //     let a = this.TeachingOptions.filter(i => {
-    //       if (i.id == val) {
-    //          return i.name  
-    //       }}
-    //     )
-    //     console.log('aaaaaaaaaaaaaa',a);
-    //     return a;
-    //   };
-    // },
     // vcWords() {
     //   return function (array) {
     //     let _array = [];
@@ -564,6 +936,25 @@ export default {
           return '日期'
         }
       };
+    },
+    selectType2() {
+      return function (val1,val2) {
+        if (val1 == 1 && val2 == 2) {
+          return '多选题'
+        } else if (val1 == 1 && val2 == 1) {
+          return '单选题'
+        } else if (val1 == 3) {
+          return '问答题'
+        } else if (val1 == 5) {
+          return '附件'
+        } else if (val1 == 6) {
+          return '课程'
+        } else if (val1 == 7) {
+          return '评分'
+        } else if (val1 == 8) {
+          return '日期'
+        }
+      };
     },
 		// 获取评分的平均分
 		getAverageScore(){
@@ -753,6 +1144,7 @@ export default {
                 name: this.works[i].username ? this.works[i].username : '匿名',
                 time: this.works[i].time,
                 array: _json,
+                cut:0,
                 courseJson: JSON.parse(this.works[i].courseJson),
               })
             }
@@ -762,6 +1154,7 @@ export default {
             let el = this.chapters[i]
             let topic = {
               type: el.type,
+              cut: 0,
               title: el.json ? el.json.title : '',
               detail: el.json ? el.json.detail : '',
               atype: el.json ? el.json.type : '',
@@ -859,7 +1252,7 @@ export default {
                 }
               }
             }
-            console.log(topic)
+            console.log('topictopictopictopic',topic)
             testArray.push(topic)
           }
           this.testArray = testArray
@@ -1640,7 +2033,65 @@ export default {
   height: 100% !important;
   /* margin: 0 20px 0 20px; */
 }
+.cutBtnBlockCss{
+  width: 100%;display: flex;justify-content: end;
+}
+.cutBtnCss{
+  width: 68px;
+  height: 27px;
+  font-size: 14px;
+  border-radius: 5px;
+  display: flex;
+  color: rgba(54, 129, 252, 1);
+  justify-content: center;
+  align-items: center;
+  margin-top: 10px;
+  border: 1px rgba(54, 129, 252, 1) solid;
+}
+.isDesktopRight{
+  width:100% !important;
+  margin:0 !important;
+  height: 300px !important;
+  border: none !important;
+}
+.isDTitle2JsonTit{
+  width: 130px;
+  color: rgba(0, 0, 0, 0.9);
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.IsDAnswer{
+  margin: 20px 0 30px;color: rgba(0, 0, 0, 0.6);
+}
 
+.CutCss{
+  height: 60px;
+  line-height: 60px;
+}
+.topicTitCss{
+  color:  rgba(0, 0, 0, 0.9);
+}
+.IsDFile{
+  width: 150px;
+  height: 120px;
+  border-radius: 10px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.IsDownload{
+  position: absolute;
+  width: 30px;
+  top: 5px;
+  right: 5px;
+}
+.IsDImg{
+  width: 100%;
+  height: 70px;
+  flex: 1;
+}
 .pb_content_body {
   width: 100% !important;
   height: 100%;
@@ -1816,7 +2267,11 @@ export default {
   cursor: pointer;
   position: relative;
 }
-
+.search_nav>.isDesktopRightCut{
+  display: flex;
+  justify-content: space-between;
+  width: 60%;
+}
 .search_nav>.right>span+span {
   margin-left: 35px;
 }
@@ -1945,6 +2400,27 @@ export default {
 .title_content>.title_box>.content1>.left>.data>span:nth-child(3) {
   width: 320px;
 }
+.isDesktopTitle{
+  display: flex;
+  justify-content: space-around;
+}
+.isDesktopTitle >div {
+  width: 60px;
+  height: 30px;
+  line-height: 30px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+/* .isDesktopTitle:nth-child(1){
+  width: 60px;
+}
+.isDesktopTitle:nth-child(2){
+  width: 60px;
+}
+.isDesktopTitle:nth-child(3){
+  flex: 1;
+} */
 
 .title_content>.title_box>.content1>.left>.title {
   font-weight: 700;
@@ -2097,6 +2573,22 @@ export default {
 .table_content>>>.el-table td {
   padding: 5px 0;
 }
+.isDesktopTable_content{
+  width: 100%;
+}
+.isDTitle{
+  display: flex;
+  justify-content: space-between;
+}
+.isDBri{
+  display: flex;
+  padding: 15px 0;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.4);
+  flex-direction: column;
+  height: 80px;
+  justify-content: space-between;
+}
 
 .answer_type {
   background: #F0F2F5;