index.vue 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. <template>
  2. <ContentWrap>
  3. <!-- 搜索工作栏 -->
  4. <el-form
  5. class="-mb-15px"
  6. :model="queryParams"
  7. ref="queryFormRef"
  8. :inline="true"
  9. label-width="68px"
  10. >
  11. <!-- <el-form-item label="账号" prop="userName">
  12. <el-select
  13. v-model="queryParams.userName"
  14. placeholder="请选择账号"
  15. clearable
  16. filterable
  17. class="!w-240px"
  18. >
  19. <el-option
  20. v-for="user in users"
  21. :key="user.id"
  22. :label="user.nickname"
  23. :value="user.nickname"
  24. />
  25. </el-select>
  26. </el-form-item> -->
  27. <el-form-item label="成果名称" prop="achievementName">
  28. <el-input
  29. v-model="queryParams.achievementName"
  30. placeholder="请输入成果名称"
  31. clearable
  32. @keyup.enter="handleQuery"
  33. class="!w-240px"
  34. />
  35. </el-form-item>
  36. <el-form-item label="成果类型" prop="achievementType">
  37. <el-select
  38. v-model="queryParams.achievementType"
  39. placeholder="请选择成果类型"
  40. clearable
  41. class="!w-240px"
  42. >
  43. <el-option :label="'北大中文核心期刊论文'" :value="1" />
  44. <el-option :label="'SCI、EI、SSCI、A&HCI国际学术期刊论文'" :value="2" />
  45. <el-option :label="'SCI、EI、ISIP会议论文'" :value="3" />
  46. <el-option :label="'专利'" :value="4" />
  47. <el-option :label="'著作'" :value="5" />
  48. <el-option :label="'竞赛'" :value="6" />
  49. </el-select>
  50. </el-form-item>
  51. <el-form-item label="署名" prop="sort">
  52. <el-select
  53. v-model="queryParams.sort"
  54. placeholder="请选择署名"
  55. clearable
  56. class="!w-240px"
  57. >
  58. <el-option :label="'第一作者'" :value="1" />
  59. <el-option :label="'第二作者'" :value="2" />
  60. </el-select>
  61. </el-form-item>
  62. <!-- <el-form-item label="创建时间" prop="createTime">
  63. <el-date-picker
  64. v-model="queryParams.createTime"
  65. value-format="YYYY-MM-DD HH:mm:ss"
  66. type="daterange"
  67. start-placeholder="开始日期"
  68. end-placeholder="结束日期"
  69. :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
  70. class="!w-220px"
  71. />
  72. </el-form-item> -->
  73. <el-form-item>
  74. <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
  75. <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
  76. <!-- <el-button
  77. type="primary"
  78. plain
  79. @click="openForm('create')"
  80. v-hasPermi="['system:user-achievement:create']"
  81. >
  82. <Icon icon="ep:plus" class="mr-5px" /> 新增
  83. </el-button> -->
  84. <el-button
  85. type="success"
  86. plain
  87. @click="handleExport"
  88. :loading="exportLoading"
  89. v-hasPermi="['system:user-achievement:export']"
  90. >
  91. <Icon icon="ep:download" class="mr-5px" /> 导出
  92. </el-button>
  93. </el-form-item>
  94. </el-form>
  95. </ContentWrap>
  96. <!-- 列表 -->
  97. <ContentWrap>
  98. <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
  99. <el-table-column type="index" width="50" />
  100. <el-table-column label="Id" align="center" prop="id" />
  101. <el-table-column label="用户 Id" align="center" prop="userId" v-if="false" />
  102. <!-- <el-table-column label="姓名" align="center" prop="userName" /> -->
  103. <el-table-column label="成果名称" align="center" prop="achievementName" />
  104. <el-table-column label="成果类型" align="center" prop="achievementType">
  105. <template #default="rowData">
  106. <span>
  107. {{
  108. rowData.row.achievementType == 1
  109. ? '北大中文核心期刊论文'
  110. : rowData.row.achievementType == 2
  111. ? 'SCI、EI、SSCI、A&HCI国际学术期刊论文'
  112. : rowData.row.achievementType == 3
  113. ? 'SCI、EI、ISIP会议论文'
  114. : rowData.row.achievementType ==4
  115. ? '专利'
  116. : rowData.row.achievementType == 5
  117. ? '著作'
  118. : rowData.row.achievementType == 6
  119. ? '竞赛'
  120. : '未知类型'
  121. }}
  122. </span>
  123. </template>
  124. </el-table-column>
  125. <el-table-column label="署名" align="center" prop="sort">
  126. <template #default="rowData">
  127. <span>
  128. {{
  129. rowData.row.sort == 1
  130. ? '第一作者'
  131. : rowData.row.sort == 2
  132. ? '第二作者'
  133. : '其他'
  134. }}</span>
  135. </template>
  136. </el-table-column>
  137. <el-table-column label="是否达成毕业条件" align="center" prop="isGraduate">
  138. <template #default="scope">
  139. <dict-tag :type="DICT_TYPE.SYSTEM_STUDENT_GRADUATE_STATUS" :value="scope.row.isGraduate" />
  140. </template>
  141. </el-table-column>
  142. <el-table-column
  143. label="创建时间"
  144. align="center"
  145. prop="createTime"
  146. :formatter="dateFormatter"
  147. width="180px"
  148. />
  149. <el-table-column label="图片材料" align="center">
  150. <!-- #default获取当前·行数据 -->
  151. <template #default="{ row }">
  152. <a :href="row.detail" target="_blank" v-if="row.detail">{{ row.detail }}</a>
  153. </template>
  154. </el-table-column>
  155. <!-- <el-table-column label="操作" align="center" min-width="120px">
  156. <template #default="rowData">
  157. <el-button
  158. link
  159. type="primary"
  160. @click="openForm('update', rowData.row.id)"
  161. v-hasPermi="['system:user-achievement:update']"
  162. >
  163. 编辑
  164. </el-button>
  165. <el-button
  166. link
  167. type="danger"
  168. @click="handleDelete(rowData.row.id)"
  169. v-hasPermi="['system:user-achievement:delete']"
  170. >
  171. 删除
  172. </el-button>
  173. </template>
  174. </el-table-column> -->
  175. </el-table>
  176. <!-- 分页 -->
  177. <Pagination
  178. :total="total"
  179. v-model:page="queryParams.pageNo"
  180. v-model:limit="queryParams.pageSize"
  181. @pagination="getList"
  182. />
  183. </ContentWrap>
  184. <!-- 表单弹窗:添加/修改 -->
  185. <UserAchievementForm ref="formRef" @success="getList" />
  186. </template>
  187. <script setup lang="ts">
  188. import { dateFormatter } from '@/utils/formatTime'
  189. import download from '@/utils/download'
  190. import { UserAchievementApi, UserAchievementVO } from '@/api/system/userAchievement'
  191. import UserAchievementForm from './UserAchievementForm.vue'
  192. import * as UserApi from '@/api/system/user'
  193. import { useRoute } from 'vue-router'
  194. /** 成果 列表 */
  195. defineOptions({ name: 'UserAchievement' })
  196. const message = useMessage() // 消息弹窗
  197. const { t } = useI18n() // 国际化
  198. const route = useRoute()
  199. const id = route.query.id
  200. const loading = ref(true) // 列表的加载中
  201. const list = ref<UserAchievementVO[]>([]) // 列表的数据
  202. const total = ref(0) // 列表的总页数
  203. const queryParams = reactive({
  204. pageNo: 1,
  205. pageSize: 10,
  206. userId: id,
  207. achievementName: undefined,
  208. achievementType: undefined,
  209. userName: undefined,
  210. createTime: [],
  211. detail: undefined,
  212. sort: undefined,
  213. })
  214. const queryFormRef = ref() // 搜索的表单
  215. const exportLoading = ref(false) // 导出的加载中
  216. const users = ref()
  217. const getDeptUser = async () => {
  218. try {
  219. const response = await UserApi.getDeptUser()
  220. users.value = response
  221. } catch (error) {
  222. console.error('Error fetching user data:', error)
  223. }
  224. }
  225. const getList = async () => {
  226. loading.value = true
  227. try {
  228. const data = await UserAchievementApi.getUserAchievementPage(queryParams)
  229. list.value = data.list
  230. total.value = data.total
  231. } finally {
  232. loading.value = false
  233. }
  234. }
  235. const handleQuery = () => {
  236. queryParams.pageNo = 1
  237. getList()
  238. }
  239. const resetQuery = () => {
  240. queryFormRef.value.resetFields()
  241. handleQuery()
  242. }
  243. const formRef = ref()
  244. const openForm = (type: string, id?: number) => {
  245. formRef.value.open(type, id)
  246. }
  247. const handleDelete = async (id: number) => {
  248. try {
  249. await message.delConfirm()
  250. await UserAchievementApi.deleteUserAchievement(id)
  251. message.success(t('common.delSuccess'))
  252. await getList()
  253. } catch {}
  254. }
  255. const handleExport = async () => {
  256. try {
  257. await message.exportConfirm()
  258. exportLoading.value = true
  259. const data = await UserAchievementApi.exportUserAchievement(queryParams)
  260. download.excel(data, '成果.xls')
  261. } catch {
  262. } finally {
  263. exportLoading.value = false
  264. }
  265. }
  266. onMounted(() => {
  267. getList()
  268. getDeptUser()
  269. })
  270. </script>