Prechádzať zdrojové kódy

调整用户申请页面表格列的显示

- 注释掉了部分表格列,如邮箱信息、现场调研和申请类型
- 修改了随行人员列的显示方式,使用el-tooltip组件以节省空间
-调整了部分列的宽度
chen.cheng 9 mesiacov pred
rodič
commit
ec3b67df38
1 zmenil súbory, kde vykonal 28 pridanie a 19 odobranie
  1. 28 19
      ruoyi-ui/src/views/cp/usrApply/index.vue

+ 28 - 19
ruoyi-ui/src/views/cp/usrApply/index.vue

@@ -148,17 +148,17 @@
       <el-table-column label="联系电话" align="center" prop="tel" width="120" fixed />
       <el-table-column label="参会人单位" align="center" prop="orgUnitName" width="150" fixed show-overflow-tooltip />
       <el-table-column label="参会人职务" align="center" prop="uniLevel" width="150" fixed />
-      <el-table-column label="邮箱信息" align="center" prop="email" width="100" />
+      <!--      <el-table-column label="邮箱信息" align="center" prop="email" width="100" />-->
       <el-table-column label="参会人类型" align="center" prop="usrType" width="100">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.met_usr_type" :value="scope.row.usrType" />
         </template>
       </el-table-column>
-      <el-table-column label="现场调研" align="center" prop="conferenceFlag" width="80">
-        <template slot-scope="scope">
-          <dict-tag :options="dict.type.conference_flag" :value="scope.row.conferenceFlag" />
-        </template>
-      </el-table-column>
+      <!--      <el-table-column label="现场调研" align="center" prop="conferenceFlag" width="80">-->
+      <!--        <template slot-scope="scope">-->
+      <!--          <dict-tag :options="dict.type.conference_flag" :value="scope.row.conferenceFlag" />-->
+      <!--        </template>-->
+      <!--      </el-table-column>-->
       <el-table-column label="审核状态" align="center" prop="reviewState" width="120">
         <template slot-scope="scope">
           <div style="display: flex;align-items: center; justify-content: center;">
@@ -177,22 +177,31 @@
 
         </template>
       </el-table-column>
-      <el-table-column label="随行人员" align="left" prop="follows" width="180">
-        <template slot-scope="scope">
-          <div v-for="(item,index) in JSON.parse(scope.row.followsJson)" :key="index">
-            <span>姓名:{{ item.usrName }}</span>
-            <br />
-            <span>手机号:{{ item.tel }}</span>
-            <br />
-            <span>单位职务:{{ item.usrLevel }}</span>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column label="申请类型" align="center" prop="applyType" width="100">
+      <el-table-column label="随行人员" align="left" prop="follows" width="120">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.apply_type" :value="scope.row.applyType" />
+          <el-tooltip placement="right">
+            <div slot="content">
+              <div v-for="(item,index) in JSON.parse(scope.row.followsJson) " :key="index" style="margin-bottom: 10px">
+                <span>姓名:{{ item.usrName }}</span>
+                <br />
+                <span>手机号:{{ item.tel }}</span>
+                <br />
+                <span>单位职务:{{ item.usrLevel }}</span>
+              </div>
+            </div>
+            <div>
+              <span v-if="scope.row.followsJson && JSON.parse(scope.row.followsJson).length>0">{{
+                  `随行人员共${JSON.parse(scope.row.followsJson).length}人`
+                }}</span>
+            </div>
+          </el-tooltip>
         </template>
       </el-table-column>
+      <!--      <el-table-column label="申请类型" align="center" prop="applyType" width="100">-->
+      <!--        <template slot-scope="scope">-->
+      <!--          <dict-tag :options="dict.type.apply_type" :value="scope.row.applyType" />-->
+      <!--        </template>-->
+      <!--      </el-table-column>-->
       <el-table-column label="审核信息" align="center" prop="reviewMsg" width="150" show-overflow-tooltip />
       <el-table-column label="来程方式" align="center" prop="wayComing" width="100">
         <template slot-scope="scope">