|
|
@@ -3,12 +3,14 @@
|
|
|
<div class="d-flex mb-16 flex-cln">
|
|
|
<div class="info-title">可参会单位类型</div>
|
|
|
<div class="bg-#fafafa pd-20">
|
|
|
- <template v-for="item,index in form?.conditions?.typeCheck" :key="index">
|
|
|
- <span class="pr-5" v-if="item.check =='1'">{{ selectDictLabel(lm_check_join_type, item?.vipLevel) }}</span>
|
|
|
+ <template v-for="item, index in form?.conditions?.typeCheck" :key="index">
|
|
|
+ <span class="pr-5" v-if="item.check == '1'">{{ selectDictLabel(lm_check_join_type, item?.vipLevel)
|
|
|
+ }}</span>
|
|
|
</template>
|
|
|
</div>
|
|
|
<div class="info-title">报名限制条件</div>
|
|
|
- <div class="bg-#fafafa pd-20" v-if="form?.conditions?.totalCheck == '0' || !form?.conditions?.totalCheck">无</div>
|
|
|
+ <div class="bg-#fafafa pd-20" v-if="form?.conditions?.totalCheck == '0' || !form?.conditions?.totalCheck">无
|
|
|
+ </div>
|
|
|
<div class="bg-#fafafa pd-20 d-flex flex-cln" v-else>
|
|
|
<div class="pd-5 pb-15" v-if="form?.conditions?.total">报名总人数 : {{ form?.conditions?.total }}人</div>
|
|
|
<div class="d-flex">
|
|
|
@@ -17,9 +19,9 @@
|
|
|
<div class="d-flex a-c pd-5" v-if="+item.check">
|
|
|
<span>所有
|
|
|
<span class="f-w-6">
|
|
|
- {{ selectDictLabels(lm_check_join_type,item.vipLevel,',') }}
|
|
|
+ {{ selectDictLabels(lm_check_join_type, item.vipLevel, ',') }}
|
|
|
</span>
|
|
|
- 参会人数 ≤{{ item.total}}
|
|
|
+ 参会人数 ≤{{ item.total }}
|
|
|
</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -28,8 +30,8 @@
|
|
|
<template v-for="(item, index) in form?.conditions?.cpyCheck" :key="index">
|
|
|
<div class="d-flex a-c pd-5" v-if="+item.check">
|
|
|
<span>
|
|
|
- <span class="f-w-6">{{ selectDictLabels(lm_check_join_type,item.vipLevel,',') }}
|
|
|
- </span>限制每家单位人数≤{{ item.total}}
|
|
|
+ <span class="f-w-6">{{ selectDictLabels(lm_check_join_type, item.vipLevel, ',') }}
|
|
|
+ </span>限制每家单位人数≤{{ item.total }}
|
|
|
</span>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -40,11 +42,15 @@
|
|
|
<div class="d-flex mb-16 ">
|
|
|
<div class="info-title">
|
|
|
<span>参会人员信息</span>
|
|
|
- <span class="f-s-14 c-666">(提交报名:{{ form?.submitCount || 0 }}人 | 审核通过:{{ form?.joinCount || 0 }}人 | 签到:{{form?.signCount || 0}}人 | 领取证书:{{ form?.certCount || 0 }}人)</span>
|
|
|
+ <span class="f-s-14 c-666">(提交报名:{{ form?.submitCount || 0 }}人 | 审核通过:{{ form?.joinCount || 0 }}人 |
|
|
|
+ 签到:{{ form?.signCount || 0 }}人 | 领取证书:{{ form?.certCount || 0 }}人)</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="d-flex j-sb">
|
|
|
- <div><searchTabs v-if="form?.conditions?.totalCheck == '1'" v-model="queryParams.res" @change="handleQuery" :list="tabs" key-label="name" key-count="num" key-value="type"></searchTabs></div>
|
|
|
+ <div>
|
|
|
+ <searchTabs v-if="form?.conditions?.totalCheck == '1'" v-model="queryParams.res" @change="handleQuery"
|
|
|
+ :list="tabs" key-label="name" key-count="num" key-value="type"></searchTabs>
|
|
|
+ </div>
|
|
|
<span style="width: 1px;"></span>
|
|
|
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="auto">
|
|
|
<el-form-item label="姓名:" prop="name">
|
|
|
@@ -55,7 +61,8 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="参会状态:" prop="signupStatus">
|
|
|
<el-select v-model="queryParams.signupStatus" placeholder="请选择参会状态" clearable style="width: 180px">
|
|
|
- <el-option v-for="item in dm_training_signup_status_list" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ <el-option v-for="item in dm_training_signup_status_list" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value" />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
@@ -93,33 +100,39 @@
|
|
|
</vxe-column>
|
|
|
<vxe-column v-if="form?.conditions?.totalCheck == '1'" title="审核状态" min-width="100" fixed="right">
|
|
|
<template #default="{ row }">
|
|
|
- <div class="d-flex a-c">
|
|
|
- <DictTag :options="cpy_res_status" :value="row?.res"></DictTag>
|
|
|
+ <div class="d-flex a-c ">
|
|
|
+ <DictTag :class="{ 'c-red': row?.res === '0' }" :options="cpy_res_status" :value="row?.res" />
|
|
|
<el-tooltip class="box-item" effect="dark" :content="row?.msg" placement="top">
|
|
|
- <el-icon v-show="row?.res == '2'"><QuestionFilled /></el-icon>
|
|
|
+ <el-icon v-show="row?.res == '2'">
|
|
|
+ <QuestionFilled />
|
|
|
+ </el-icon>
|
|
|
</el-tooltip>
|
|
|
</div>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
<vxe-column v-if="form?.conditions?.totalCheck == '1'" title="操作" width="250" align="center" fixed="right">
|
|
|
<template #default="{ row }">
|
|
|
- <el-button color="orange" size="small" v-if="row?.res !== '0'" @click="openDialog(row)" style="color: white" >重审</el-button>
|
|
|
- <el-button size="small" type="danger" @click="openDialog(row)" v-else>审核</el-button>
|
|
|
+ <el-button type="danger" size="small" v-if="row?.res !== '0'" @click="openDialog(row)"
|
|
|
+ style="color: white">重审</el-button>
|
|
|
+ <el-button size="small" color="#33aeeb" @click="openDialog(row)" style="color: white"
|
|
|
+ v-else>审核</el-button>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
</vxe-table>
|
|
|
- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
|
|
+ <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
|
|
+ v-model:limit="queryParams.pageSize" @pagination="getList" />
|
|
|
</div>
|
|
|
<el-dialog v-model="dialogVisible" title="审核信息" width="500" center>
|
|
|
<el-form ref="formRef" :model="fromvalue" :rules="rules" label-width="80px">
|
|
|
<el-form-item label="审核结果" prop="res">
|
|
|
<el-radio-group v-model="fromvalue.res">
|
|
|
<el-radio value="1" border>通过</el-radio>
|
|
|
- <el-radio value="2" border :class="{'reject-radio': fromvalue.res === '2'}">不通过</el-radio>
|
|
|
+ <el-radio value="2" border :class="{ 'reject-radio': fromvalue.res === '2' }">不通过</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="理由" prop="msg" :rules="fromvalue.res === '2' ? rules.msgRequired : rules.msgOptional">
|
|
|
- <el-input v-model="fromvalue.msg" type="textarea" :rows="4" placeholder="请填写不通过的理由" maxlength="50" show-word-limit />
|
|
|
+ <el-input v-model="fromvalue.msg" type="textarea" :rows="4" placeholder="请填写不通过的理由" maxlength="50"
|
|
|
+ show-word-limit />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
@@ -129,10 +142,11 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
- <registrationInfo v-if="showTemporary" v-model:show="showTemporary" :info="temporaryRegistration"></registrationInfo>
|
|
|
+ <registrationInfo v-if="showTemporary" v-model:show="showTemporary" :info="temporaryRegistration">
|
|
|
+ </registrationInfo>
|
|
|
</template>
|
|
|
<script setup name="MeetingDetailInfo" lang="ts">
|
|
|
-import { ref, onMounted,reactive } from 'vue';
|
|
|
+import { ref, onMounted, reactive } from 'vue';
|
|
|
import { signupCount, trainingMembers, signupApproval, exportTrainingMembers } from '@/api/training';
|
|
|
import { searchTabs } from '@/views/models';
|
|
|
import { colNoData } from '@/utils/noData';
|
|
|
@@ -149,22 +163,22 @@ const props = defineProps({
|
|
|
});
|
|
|
|
|
|
const rules = reactive({
|
|
|
- res: [
|
|
|
- { required: true, message: '请选择审核结果', trigger: 'blur' }
|
|
|
- ],
|
|
|
- msgRequired: [ // For "不通过" (value="2")
|
|
|
- { required: true, message: '请填写不通过的理由', trigger: 'blur' }
|
|
|
- ],
|
|
|
- msgOptional: [ // For "通过" (value="1")
|
|
|
- { required: false, trigger: 'blur' }
|
|
|
- ]
|
|
|
+ res: [
|
|
|
+ { required: true, message: '请选择审核结果', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ msgRequired: [ // For "不通过" (value="2")
|
|
|
+ { required: true, message: '请填写不通过的理由', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ msgOptional: [ // For "通过" (value="1")
|
|
|
+ { required: false, trigger: 'blur' }
|
|
|
+ ]
|
|
|
})
|
|
|
const showTemporary = ref(false);
|
|
|
const dialogVisible = ref(false);
|
|
|
const temporaryRegistration = ref();
|
|
|
const fromvalue = ref({
|
|
|
targetId: '',
|
|
|
- msg: ''
|
|
|
+ msg: ''
|
|
|
})
|
|
|
const checkRegostrationInfo = (row) => {
|
|
|
temporaryRegistration.value = row;
|
|
|
@@ -199,7 +213,7 @@ const getList = async () => {
|
|
|
if (!res || res.code !== 200) return;
|
|
|
list.value = res.rows;
|
|
|
console.log(list.value);
|
|
|
-
|
|
|
+
|
|
|
total.value = res.total;
|
|
|
loading.value = false;
|
|
|
};
|
|
|
@@ -253,19 +267,21 @@ onMounted(() => {
|
|
|
.border-botttom {
|
|
|
border-bottom: 1px solid #d7d7d7;
|
|
|
}
|
|
|
+
|
|
|
.reject-radio :deep(.el-radio__label) {
|
|
|
- color: #F56C6C;
|
|
|
+ color: #F56C6C;
|
|
|
}
|
|
|
|
|
|
.reject-radio :deep(.el-radio__inner) {
|
|
|
- border-color: #F56C6C;
|
|
|
- background: #F56C6C;
|
|
|
+ border-color: #F56C6C;
|
|
|
+ background: #F56C6C;
|
|
|
}
|
|
|
|
|
|
.reject-radio :deep(.el-radio__border) {
|
|
|
- border-color: #F56C6C;
|
|
|
+ border-color: #F56C6C;
|
|
|
}
|
|
|
- :deep(.reject-radio.el-radio.is-bordered.is-checked){
|
|
|
+
|
|
|
+:deep(.reject-radio.el-radio.is-bordered.is-checked) {
|
|
|
border-color: #F56C6C !important;
|
|
|
}
|
|
|
</style>
|