+ 实现批量审核功能

ruoyi-ui/src/views/cp/usrApply/index.scss

@@ -23,4 +23,10 @@
       }
     }
   }
+  .el-descriptions-item__label.is-bordered-label{
+    width: 130px;
+  }
+  .el-descriptions-item__content{
+    width: 300px;
+  }
 }

ruoyi-ui/src/views/cp/usrApply/index.vue

@@ -336,82 +336,108 @@
       </div>
     </el-dialog>
     <el-dialog :title="title" class="detail-content" :visible.sync="openDetail" width="900px" append-to-body>
-      <el-row type="flex" justify="start">
-        <el-col :span="12">
-          <span class="label">参会人</span>
-          <span class="value">{{ form.usrName }}</span>
-        </el-col>
-        <el-col :span="12">
-          <span class="label">联系电话</span>
-          <span class="value">{{ form.tel }}</span>
-        </el-col>
-      </el-row>
-      <el-row type="flex">
-        <el-col :span="12">
-          <span class="label">参会人单位</span>
-          <span class="value">{{ form.orgUnitName }}</span>
-        </el-col>
-        <el-col :span="12">
-          <span class="label">参会人职务</span>
-          <span class="value">{{ form.uniLevel }}</span>
-        </el-col>
-      </el-row>
-      <el-row type="flex">
-        <el-col :span="12">
-          <span class="label">邮箱信息</span>
-          <span class="value">{{ form.email }}</span>
-        </el-col>
-        <el-col :span="12">
-          <span class="label">参会人角色</span>
-          <span class="value"> <dict-tag :options="dict.type.met_usr_type" :value="form.usrType" /></span>
-        </el-col>
-      </el-row>
-      <el-row type="flex" v-if="this.applyType == 1">
-        <el-col :span="12">
-          <span class="label">现场调研</span>
-          <span class="value"> <dict-tag :options="dict.type.conference_flag" :value="form.conferenceFlag" /></span>
-        </el-col>
-        <el-col :span="12">
-          <span class="label">会场信息</span>
-          <span class="value">{{ form.contentTitle }}</span>
-        </el-col>
-      </el-row>
-      <el-row type="flex">
-        <el-col :span="12">
-          <span class="label">审核状态</span>
-          <span class="value"> <dict-tag :options="dict.type.review_state" :value="form.reviewState" /></span>
-        </el-col>
-        <el-col :span="12">
-          <span class="label">审核信息</span>
-          <span class="value">{{ form.reviewMsg }}</span>
-        </el-col>
-      </el-row>
-      <el-row type="flex">
-        <el-col :span="12">
-          <span class="label">来程方式</span>
-          <span class="value"> <dict-tag :options="dict.type.tfc_type" :value="form.wayComing" /></span>
-        </el-col>
-        <el-col :span="12">
-          <span class="label">车次/航班/高速公路出入口</span>
-          <span class="value">{{ form.comInfo }}</span>
-        </el-col>
-      </el-row>
-      <el-row type="flex">
-        <el-col :span="12">
-          <span class="label">返程方式</span>
-          <span class="value"> <dict-tag :options="dict.type.tfc_type" :value="form.wayBack" /></span>
-        </el-col>
-        <el-col :span="12">
-          <span class="label">车次/航班/高速公路出入口</span>
-          <span class="value">{{ form.backInfo }}</span>
-        </el-col>
-      </el-row>
-      <el-row type="flex">
-        <el-col :span="24">
-          <span class="label">备注</span>
-          <span class="value">{{ form.remark }}</span>
-        </el-col>
-      </el-row>
+      <el-descriptions class="margin-top" :column="2" border>
+        <el-descriptions-item>
+          <template slot="label">
+            <i class="el-icon-user"></i>
+            参会人
+          </template>
+          {{ form.usrName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            <i class="el-icon-phone"></i>
+            联系电话
+          </template>
+          {{ form.tel }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            <i class="el-icon-bank-card"></i>
+            参会人单位
+          </template>
+          {{ form.orgUnitName }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            <i class="el-icon-bank-card"></i>
+            参会人职务
+          </template>
+          {{ form.uniLevel }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            <i class="el-icon-message"></i>
+            邮箱信息
+          </template>
+          {{ form.email }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            <i class="el-icon-user"></i>
+            参会人角色
+          </template>
+          <dict-tag :options="dict.type.met_usr_type" :value="form.usrType" />
+        </el-descriptions-item>
+        <template v-if="this.applyType == 1">
+          <el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-user"></i>
+              现场调研
+            </template>
+            <dict-tag :options="dict.type.conference_flag" :value="form.conferenceFlag" />
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+              <i class="el-icon-coordinate"></i>
+              会场信息
+            </template>
+            {{ form.contentTitle }}
+          </el-descriptions-item>
+        </template>
+        <el-descriptions-item>
+          <template slot="label">
+            审核状态
+          </template>
+          <dict-tag :options="dict.type.review_state" :value="form.reviewState" />
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            审核信息
+          </template>
+          {{ form.reviewMsg }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            来程方式
+          </template>
+          <dict-tag :options="dict.type.tfc_type" :value="form.wayComing" />
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            车次/航班/高速公路出入口
+          </template>
+          {{ form.comInfo }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            返程方式
+          </template>
+          <dict-tag :options="dict.type.tfc_type" :value="form.wayBack" />
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            车次/航班/高速公路出入口
+          </template>
+          {{ form.backInfo }}
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            备注
+          </template>
+          {{ form.remark }}
+        </el-descriptions-item>
+      </el-descriptions>
     </el-dialog>
     <el-dialog title="拒绝用户参会申请" :visible.sync="openReject" width="700px" append-to-body>
       <el-form ref="rejectForm" :model="form" :rules="rules" label-width="120px">