若依代碼生成

在若依框架中，以下是這些代碼的作用及它們在程序運行中的關聯方式：

1. `domain.java`：通常用于定義實體類，它描述了與數據庫表對應的對象結構，包含屬性和對應的訪問方法。作用是封裝數據，為數據的操作提供基礎。

2. `mapper.java`：定義了與數據庫操作相關的接口方法，如查詢、插入、更新、刪除等。是數據訪問層的接口定義。

3. `service.java`：定義業務邏輯的接口，規定了系統提供的服務方法，描述了系統應具備的業務功能。

4. `serviceImpl.java`：實現了 `service.java` 中定義的接口方法，處理具體的業務邏輯，是服務層的具體實現。

5. `controller.java`：接收前端的請求，調用 `service` 層的方法進行處理，并將結果返回給前端。它是前后端交互的橋梁。

6. `mapper.xml`：編寫具體的 SQL 語句，實現 `mapper.java` 中定義的方法，用于數據庫的實際操作。

7. `api.js`：如果是前端的 API 請求文件，用于向前端發送請求和處理響應，實現與后端的數據交互。

8. `index.vue`：前端頁面的 Vue 組件，負責頁面的展示和與后端的交互，是用戶直接操作和查看的界面。

在程序運行過程中的關聯方式如下：

當用戶在 `index.vue` 頁面進行操作，觸發相關事件時，通過 `api.js` 向后端發送請求。請求到達后端的 `controller.java` ，`controller` 接收到請求后，調用 `service.java` 中定義的業務方法，而具體的業務邏輯實現則在 `serviceImpl.java` 中。`serviceImpl` 可能會調用 `mapper.java` 中的方法，通過 `mapper.xml` 中編寫的 SQL 語句對數據庫進行操作，獲取或更新數據。最后，`controller` 將處理結果返回給前端，前端的 `index.vue` 根據返回的數據進行頁面的更新和展示。

例如，用戶在 `index.vue` 頁面點擊查詢按鈕，通過 `api.js` 發送查詢請求到 `controller.java` ，`controller` 調用 `service` 的查詢方法，`serviceImpl` 執行具體邏輯并通過 `mapper` 從數據庫獲取數據，`controller` 將數據返回給前端，`index.vue` 展示查詢結果。

domain.java

package com.ruoyi.hrm.domain;import org.apache.commons.lang3.builder.ToStringBuilder;
import org.apache.commons.lang3.builder.ToStringStyle;
import com.ruoyi.common.annotation.Excel;
import com.ruoyi.common.core.domain.BaseEntity;/*** 面試情況對象 hrm_interview* * @author wxq* @date 2024-07-03*/
public class HrmInterview extends BaseEntity
{private static final long serialVersionUID = 1L;/** id */private Long id;/** 應聘人 */@Excel(name = "應聘人")private String name;/** 性別 */@Excel(name = "性別")private Long gender;/** 最高學歷 */@Excel(name = "最高學歷")private String highestEdu;/** 畢業院校 */@Excel(name = "畢業院校")private String college;/** 面試分值 */@Excel(name = "面試分值")private String score;/** 面試情況 */@Excel(name = "面試情況")private String condition;/** 面試是否通過 */@Excel(name = "面試是否通過")private Long pass;public void setId(Long id) {this.id = id;}public Long getId() {return id;}public void setName(String name) {this.name = name;}public String getName() {return name;}public void setGender(Long gender) {this.gender = gender;}public Long getGender() {return gender;}public void setHighestEdu(String highestEdu) {this.highestEdu = highestEdu;}public String getHighestEdu() {return highestEdu;}public void setCollege(String college) {this.college = college;}public String getCollege() {return college;}public void setScore(String score) {this.score = score;}public String getScore() {return score;}public void setCondition(String condition) {this.condition = condition;}public String getCondition() {return condition;}public void setPass(Long pass) {this.pass = pass;}public Long getPass() {return pass;}@Overridepublic String toString() {return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE).append("id", getId()).append("name", getName()).append("gender", getGender()).append("highestEdu", getHighestEdu()).append("college", getCollege()).append("score", getScore()).append("condition", getCondition()).append("pass", getPass()).append("remark", getRemark()).toString();}
}

mapper.java

package com.ruoyi.hrm.mapper;import java.util.List;
import com.ruoyi.hrm.domain.HrmInterview;/*** 面試情況Mapper接口* * @author wxq* @date 2024-07-03*/
public interface HrmInterviewMapper 
{/*** 查詢面試情況* * @param id 面試情況主鍵* @return 面試情況*/public HrmInterview selectHrmInterviewById(Long id);/*** 查詢面試情況列表* * @param hrmInterview 面試情況* @return 面試情況集合*/public List<HrmInterview> selectHrmInterviewList(HrmInterview hrmInterview);/*** 新增面試情況* * @param hrmInterview 面試情況* @return 結果*/public int insertHrmInterview(HrmInterview hrmInterview);/*** 修改面試情況* * @param hrmInterview 面試情況* @return 結果*/public int updateHrmInterview(HrmInterview hrmInterview);/*** 刪除面試情況* * @param id 面試情況主鍵* @return 結果*/public int deleteHrmInterviewById(Long id);/*** 批量刪除面試情況* * @param ids 需要刪除的數據主鍵集合* @return 結果*/public int deleteHrmInterviewByIds(Long[] ids);
}

service.java

package com.ruoyi.hrm.service;import java.util.List;
import com.ruoyi.hrm.domain.HrmInterview;/*** 面試情況Service接口* * @author wxq* @date 2024-07-03*/
public interface IHrmInterviewService 
{/*** 查詢面試情況* * @param id 面試情況主鍵* @return 面試情況*/public HrmInterview selectHrmInterviewById(Long id);/*** 查詢面試情況列表* * @param hrmInterview 面試情況* @return 面試情況集合*/public List<HrmInterview> selectHrmInterviewList(HrmInterview hrmInterview);/*** 新增面試情況* * @param hrmInterview 面試情況* @return 結果*/public int insertHrmInterview(HrmInterview hrmInterview);/*** 修改面試情況* * @param hrmInterview 面試情況* @return 結果*/public int updateHrmInterview(HrmInterview hrmInterview);/*** 批量刪除面試情況* * @param ids 需要刪除的面試情況主鍵集合* @return 結果*/public int deleteHrmInterviewByIds(Long[] ids);/*** 刪除面試情況信息* * @param id 面試情況主鍵* @return 結果*/public int deleteHrmInterviewById(Long id);
}

serviceImpl.java

package com.ruoyi.hrm.service.impl;import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.ruoyi.hrm.mapper.HrmInterviewMapper;
import com.ruoyi.hrm.domain.HrmInterview;
import com.ruoyi.hrm.service.IHrmInterviewService;/*** 面試情況Service業務層處理* * @author wxq* @date 2024-07-03*/
@Service
public class HrmInterviewServiceImpl implements IHrmInterviewService 
{@Autowiredprivate HrmInterviewMapper hrmInterviewMapper;/*** 查詢面試情況* * @param id 面試情況主鍵* @return 面試情況*/@Overridepublic HrmInterview selectHrmInterviewById(Long id){return hrmInterviewMapper.selectHrmInterviewById(id);}/*** 查詢面試情況列表* * @param hrmInterview 面試情況* @return 面試情況*/@Overridepublic List<HrmInterview> selectHrmInterviewList(HrmInterview hrmInterview){return hrmInterviewMapper.selectHrmInterviewList(hrmInterview);}/*** 新增面試情況* * @param hrmInterview 面試情況* @return 結果*/@Overridepublic int insertHrmInterview(HrmInterview hrmInterview){return hrmInterviewMapper.insertHrmInterview(hrmInterview);}/*** 修改面試情況* * @param hrmInterview 面試情況* @return 結果*/@Overridepublic int updateHrmInterview(HrmInterview hrmInterview){return hrmInterviewMapper.updateHrmInterview(hrmInterview);}/*** 批量刪除面試情況* * @param ids 需要刪除的面試情況主鍵* @return 結果*/@Overridepublic int deleteHrmInterviewByIds(Long[] ids){return hrmInterviewMapper.deleteHrmInterviewByIds(ids);}/*** 刪除面試情況信息* * @param id 面試情況主鍵* @return 結果*/@Overridepublic int deleteHrmInterviewById(Long id){return hrmInterviewMapper.deleteHrmInterviewById(id);}
}

controller.java

package com.ruoyi.hrm.controller;import java.util.List;
import javax.servlet.http.HttpServletResponse;
import org.springframework.security.access.prepost.PreAuthorize;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import com.ruoyi.common.annotation.Log;
import com.ruoyi.common.core.controller.BaseController;
import com.ruoyi.common.core.domain.AjaxResult;
import com.ruoyi.common.enums.BusinessType;
import com.ruoyi.hrm.domain.HrmInterview;
import com.ruoyi.hrm.service.IHrmInterviewService;
import com.ruoyi.common.utils.poi.ExcelUtil;
import com.ruoyi.common.core.page.TableDataInfo;/*** 面試情況Controller* * @author wxq* @date 2024-07-03*/
@RestController
@RequestMapping("/hrm/interview")
public class HrmInterviewController extends BaseController
{@Autowiredprivate IHrmInterviewService hrmInterviewService;/*** 查詢面試情況列表*/@PreAuthorize("@ss.hasPermi('hrm:interview:list')")@GetMapping("/list")public TableDataInfo list(HrmInterview hrmInterview){startPage();List<HrmInterview> list = hrmInterviewService.selectHrmInterviewList(hrmInterview);return getDataTable(list);}/*** 導出面試情況列表*/@PreAuthorize("@ss.hasPermi('hrm:interview:export')")@Log(title = "面試情況", businessType = BusinessType.EXPORT)@PostMapping("/export")public void export(HttpServletResponse response, HrmInterview hrmInterview){List<HrmInterview> list = hrmInterviewService.selectHrmInterviewList(hrmInterview);ExcelUtil<HrmInterview> util = new ExcelUtil<HrmInterview>(HrmInterview.class);util.exportExcel(response, list, "面試情況數據");}/*** 獲取面試情況詳細信息*/@PreAuthorize("@ss.hasPermi('hrm:interview:query')")@GetMapping(value = "/{id}")public AjaxResult getInfo(@PathVariable("id") Long id){return success(hrmInterviewService.selectHrmInterviewById(id));}/*** 新增面試情況*/@PreAuthorize("@ss.hasPermi('hrm:interview:add')")@Log(title = "面試情況", businessType = BusinessType.INSERT)@PostMappingpublic AjaxResult add(@RequestBody HrmInterview hrmInterview){return toAjax(hrmInterviewService.insertHrmInterview(hrmInterview));}/*** 修改面試情況*/@PreAuthorize("@ss.hasPermi('hrm:interview:edit')")@Log(title = "面試情況", businessType = BusinessType.UPDATE)@PutMappingpublic AjaxResult edit(@RequestBody HrmInterview hrmInterview){return toAjax(hrmInterviewService.updateHrmInterview(hrmInterview));}/*** 刪除面試情況*/@PreAuthorize("@ss.hasPermi('hrm:interview:remove')")@Log(title = "面試情況", businessType = BusinessType.DELETE)@DeleteMapping("/{ids}")public AjaxResult remove(@PathVariable Long[] ids){return toAjax(hrmInterviewService.deleteHrmInterviewByIds(ids));}
}

@RestController：這是一個組合注解，表明這個類是一個處理 RESTful 請求的控制器，并且返回的數據會直接以 JSON 或其他適合的格式響應給客戶端，而不是跳轉頁面。
@RequestMapping("/hrm/interview")：用于定義控制器類的基本請求路徑，即所有該控制器處理的請求 URL 都以?/hrm/interview?開頭。
@PreAuthorize("@ss.hasPermi('hrm:interview:list')")：這是一個基于 Spring Security 的權限控制注解。表示在執行被注解的方法（如?list?方法）之前，會檢查當前用戶是否具有?'hrm:interview:list'?權限，如果沒有則拒絕訪問。
@PathVariable：用于獲取請求路徑中的參數值。例如在?getInfo?方法中，通過?@PathVariable("id") Long id?獲取路徑中?{id}?的值，并綁定到?id?參數上。

mapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.ruoyi.hrm.mapper.HrmInterviewMapper"><resultMap type="HrmInterview" id="HrmInterviewResult"><result property="id"    column="id"    /><result property="name"    column="name"    /><result property="gender"    column="gender"    /><result property="highestEdu"    column="highestEdu"    /><result property="college"    column="college"    /><result property="score"    column="score"    /><result property="condition"    column="condition"    /><result property="pass"    column="pass"    /><result property="remark"    column="remark"    /></resultMap><sql id="selectHrmInterviewVo">select id, name, gender, highestEdu, college, score, condition, pass, remark from hrm_interview</sql><select id="selectHrmInterviewList" parameterType="HrmInterview" resultMap="HrmInterviewResult"><include refid="selectHrmInterviewVo"/><where>  <if test="name != null  and name != ''"> and name like concat('%', #{name}, '%')</if><if test="gender != null "> and gender = #{gender}</if><if test="highestEdu != null  and highestEdu != ''"> and highestEdu = #{highestEdu}</if><if test="college != null  and college != ''"> and college like concat('%', #{college}, '%')</if><if test="score != null  and score != ''"> and score = #{score}</if><if test="condition != null  and condition != ''"> and condition = #{condition}</if><if test="pass != null "> and pass = #{pass}</if></where></select><select id="selectHrmInterviewById" parameterType="Long" resultMap="HrmInterviewResult"><include refid="selectHrmInterviewVo"/>where id = #{id}</select><insert id="insertHrmInterview" parameterType="HrmInterview" useGeneratedKeys="true" keyProperty="id">insert into hrm_interview<trim prefix="(" suffix=")" suffixOverrides=","><if test="name != null">name,</if><if test="gender != null">gender,</if><if test="highestEdu != null">highestEdu,</if><if test="college != null">college,</if><if test="score != null">score,</if><if test="condition != null">condition,</if><if test="pass != null">pass,</if><if test="remark != null">remark,</if></trim><trim prefix="values (" suffix=")" suffixOverrides=","><if test="name != null">#{name},</if><if test="gender != null">#{gender},</if><if test="highestEdu != null">#{highestEdu},</if><if test="college != null">#{college},</if><if test="score != null">#{score},</if><if test="condition != null">#{condition},</if><if test="pass != null">#{pass},</if><if test="remark != null">#{remark},</if></trim></insert><update id="updateHrmInterview" parameterType="HrmInterview">update hrm_interview<trim prefix="SET" suffixOverrides=","><if test="name != null">name = #{name},</if><if test="gender != null">gender = #{gender},</if><if test="highestEdu != null">highestEdu = #{highestEdu},</if><if test="college != null">college = #{college},</if><if test="score != null">score = #{score},</if><if test="condition != null">condition = #{condition},</if><if test="pass != null">pass = #{pass},</if><if test="remark != null">remark = #{remark},</if></trim>where id = #{id}</update><delete id="deleteHrmInterviewById" parameterType="Long">delete from hrm_interview where id = #{id}</delete><delete id="deleteHrmInterviewByIds" parameterType="String">delete from hrm_interview where id in <foreach item="id" collection="array" open="(" separator="," close=")">#{id}</foreach></delete>
</mapper>

sql

-- 菜單 SQL
insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('面試情況', '2055', '1', 'interview', 'hrm/interview/index', 1, 0, 'C', '0', '0', 'hrm:interview:list', '#', 'admin', sysdate(), '', null, '面試情況菜單');-- 按鈕父菜單ID
SELECT @parentId := LAST_INSERT_ID();-- 按鈕 SQL
insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('面試情況查詢', @parentId, '1',  '#', '', 1, 0, 'F', '0', '0', 'hrm:interview:query',        '#', 'admin', sysdate(), '', null, '');insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('面試情況新增', @parentId, '2',  '#', '', 1, 0, 'F', '0', '0', 'hrm:interview:add',          '#', 'admin', sysdate(), '', null, '');insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('面試情況修改', @parentId, '3',  '#', '', 1, 0, 'F', '0', '0', 'hrm:interview:edit',         '#', 'admin', sysdate(), '', null, '');insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('面試情況刪除', @parentId, '4',  '#', '', 1, 0, 'F', '0', '0', 'hrm:interview:remove',       '#', 'admin', sysdate(), '', null, '');insert into sys_menu (menu_name, parent_id, order_num, path, component, is_frame, is_cache, menu_type, visible, status, perms, icon, create_by, create_time, update_by, update_time, remark)
values('面試情況導出', @parentId, '5',  '#', '', 1, 0, 'F', '0', '0', 'hrm:interview:export',       '#', 'admin', sysdate(), '', null, '');

api.js

import request from '@/utils/request'// 查詢面試情況列表
export function listInterview(query) {return request({url: '/hrm/interview/list',method: 'get',params: query})
}// 查詢面試情況詳細
export function getInterview(id) {return request({url: '/hrm/interview/' + id,method: 'get'})
}// 新增面試情況
export function addInterview(data) {return request({url: '/hrm/interview',method: 'post',data: data})
}// 修改面試情況
export function updateInterview(data) {return request({url: '/hrm/interview',method: 'put',data: data})
}// 刪除面試情況
export function delInterview(id) {return request({url: '/hrm/interview/' + id,method: 'delete'})
}

index.vue

<template><div class="app-container"><el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"><el-form-item label="應聘人" prop="name"><el-inputv-model="queryParams.name"placeholder="請輸入應聘人"clearable@keyup.enter.native="handleQuery"/></el-form-item><el-form-item label="性別" prop="gender"><el-select v-model="queryParams.gender" placeholder="請選擇性別" clearable><el-optionv-for="dict in dict.type.sys_user_sex":key="dict.value":label="dict.label":value="dict.value"/></el-select></el-form-item><el-form-item label="最高學歷" prop="highestEdu"><el-select v-model="queryParams.highestEdu" placeholder="請選擇最高學歷" clearable><el-optionv-for="dict in dict.type.tiptop_degree":key="dict.value":label="dict.label":value="dict.value"/></el-select></el-form-item><el-form-item label="畢業院校" prop="college"><el-inputv-model="queryParams.college"placeholder="請輸入畢業院校"clearable@keyup.enter.native="handleQuery"/></el-form-item><el-form-item label="面試分值" prop="score"><el-inputv-model="queryParams.score"placeholder="請輸入面試分值"clearable@keyup.enter.native="handleQuery"/></el-form-item><el-form-item label="面試情況" prop="condition"><el-inputv-model="queryParams.condition"placeholder="請輸入面試情況"clearable@keyup.enter.native="handleQuery"/></el-form-item><el-form-item label="面試是否通過" prop="pass"><el-select v-model="queryParams.pass" placeholder="請選擇面試是否通過" clearable><el-optionv-for="dict in dict.type.interview_state":key="dict.value":label="dict.label":value="dict.value"/></el-select></el-form-item><el-form-item><el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button><el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button></el-form-item></el-form><el-row :gutter="10" class="mb8"><el-col :span="1.5"><el-buttontype="primary"plainicon="el-icon-plus"size="mini"@click="handleAdd"v-hasPermi="['hrm:interview:add']">新增</el-button></el-col><el-col :span="1.5"><el-buttontype="success"plainicon="el-icon-edit"size="mini":disabled="single"@click="handleUpdate"v-hasPermi="['hrm:interview:edit']">修改</el-button></el-col><el-col :span="1.5"><el-buttontype="danger"plainicon="el-icon-delete"size="mini":disabled="multiple"@click="handleDelete"v-hasPermi="['hrm:interview:remove']">刪除</el-button></el-col><el-col :span="1.5"><el-buttontype="warning"plainicon="el-icon-download"size="mini"@click="handleExport"v-hasPermi="['hrm:interview:export']">導出</el-button></el-col><right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar></el-row><el-table v-loading="loading" :data="interviewList" @selection-change="handleSelectionChange"><el-table-column type="selection" width="55" align="center" /><el-table-column label="id" align="center" prop="id" /><el-table-column label="應聘人" align="center" prop="name" /><el-table-column label="性別" align="center" prop="gender"><template slot-scope="scope"><dict-tag :options="dict.type.sys_user_sex" :value="scope.row.gender"/></template></el-table-column><el-table-column label="最高學歷" align="center" prop="highestEdu"><template slot-scope="scope"><dict-tag :options="dict.type.tiptop_degree" :value="scope.row.highestEdu"/></template></el-table-column><el-table-column label="畢業院校" align="center" prop="college" /><el-table-column label="面試分值" align="center" prop="score" /><el-table-column label="面試情況" align="center" prop="condition" /><el-table-column label="面試是否通過" align="center" prop="pass"><template slot-scope="scope"><dict-tag :options="dict.type.interview_state" :value="scope.row.pass"/></template></el-table-column><el-table-column label="備注" align="center" prop="remark" /><el-table-column label="操作" align="center" class-name="small-padding fixed-width"><template slot-scope="scope"><el-buttonsize="mini"type="text"icon="el-icon-edit"@click="handleUpdate(scope.row)"v-hasPermi="['hrm:interview:edit']">修改</el-button><el-buttonsize="mini"type="text"icon="el-icon-delete"@click="handleDelete(scope.row)"v-hasPermi="['hrm:interview:remove']">刪除</el-button></template></el-table-column></el-table><paginationv-show="total>0":total="total":page.sync="queryParams.pageNum":limit.sync="queryParams.pageSize"@pagination="getList"/><!-- 添加或修改面試情況對話框 --><el-dialog :title="title" :visible.sync="open" width="500px" append-to-body><el-form ref="form" :model="form" :rules="rules" label-width="80px"><el-form-item label="應聘人" prop="name"><el-input v-model="form.name" placeholder="請輸入應聘人" /></el-form-item><el-form-item label="性別" prop="gender"><el-select v-model="form.gender" placeholder="請選擇性別"><el-optionv-for="dict in dict.type.sys_user_sex":key="dict.value":label="dict.label":value="parseInt(dict.value)"></el-option></el-select></el-form-item><el-form-item label="最高學歷" prop="highestEdu"><el-select v-model="form.highestEdu" placeholder="請選擇最高學歷"><el-optionv-for="dict in dict.type.tiptop_degree":key="dict.value":label="dict.label":value="dict.value"></el-option></el-select></el-form-item><el-form-item label="畢業院校" prop="college"><el-input v-model="form.college" placeholder="請輸入畢業院校" /></el-form-item><el-form-item label="面試分值" prop="score"><el-input v-model="form.score" placeholder="請輸入面試分值" /></el-form-item><el-form-item label="面試情況" prop="condition"><el-input v-model="form.condition" placeholder="請輸入面試情況" /></el-form-item><el-form-item label="面試是否通過" prop="pass"><el-select v-model="form.pass" placeholder="請選擇面試是否通過"><el-optionv-for="dict in dict.type.interview_state":key="dict.value":label="dict.label":value="parseInt(dict.value)"></el-option></el-select></el-form-item><el-form-item label="備注" prop="remark"><el-input v-model="form.remark" placeholder="請輸入備注" /></el-form-item></el-form><div slot="footer" class="dialog-footer"><el-button type="primary" @click="submitForm">確 定</el-button><el-button @click="cancel">取 消</el-button></div></el-dialog></div>
</template><script>
import { listInterview, getInterview, delInterview, addInterview, updateInterview } from "@/api/hrm/interview";export default {name: "Interview",dicts: ['interview_state', 'tiptop_degree', 'sys_user_sex'],data() {return {// 遮罩層loading: true,// 選中數組ids: [],// 非單個禁用single: true,// 非多個禁用multiple: true,// 顯示搜索條件showSearch: true,// 總條數total: 0,// 面試情況表格數據interviewList: [],// 彈出層標題title: "",// 是否顯示彈出層open: false,// 查詢參數queryParams: {pageNum: 1,pageSize: 10,name: null,gender: null,highestEdu: null,college: null,score: null,condition: null,pass: null,},// 表單參數form: {},// 表單校驗rules: {}};},created() {this.getList();},methods: {/** 查詢面試情況列表 */getList() {this.loading = true;listInterview(this.queryParams).then(response => {this.interviewList = response.rows;this.total = response.total;this.loading = false;});},// 取消按鈕cancel() {this.open = false;this.reset();},// 表單重置reset() {this.form = {id: null,name: null,gender: null,highestEdu: null,college: null,score: null,condition: null,pass: null,remark: null};this.resetForm("form");},/** 搜索按鈕操作 */handleQuery() {this.queryParams.pageNum = 1;this.getList();},/** 重置按鈕操作 */resetQuery() {this.resetForm("queryForm");this.handleQuery();},// 多選框選中數據handleSelectionChange(selection) {this.ids = selection.map(item => item.id)this.single = selection.length!==1this.multiple = !selection.length},/** 新增按鈕操作 */handleAdd() {this.reset();this.open = true;this.title = "添加面試情況";},/** 修改按鈕操作 */handleUpdate(row) {this.reset();const id = row.id || this.idsgetInterview(id).then(response => {this.form = response.data;this.open = true;this.title = "修改面試情況";});},/** 提交按鈕 */submitForm() {this.$refs["form"].validate(valid => {if (valid) {if (this.form.id != null) {updateInterview(this.form).then(response => {this.$modal.msgSuccess("修改成功");this.open = false;this.getList();});} else {addInterview(this.form).then(response => {this.$modal.msgSuccess("新增成功");this.open = false;this.getList();});}}});},/** 刪除按鈕操作 */handleDelete(row) {const ids = row.id || this.ids;this.$modal.confirm('是否確認刪除面試情況編號為"' + ids + '"的數據項？').then(function() {return delInterview(ids);}).then(() => {this.getList();this.$modal.msgSuccess("刪除成功");}).catch(() => {});},/** 導出按鈕操作 */handleExport() {this.download('hrm/interview/export', {...this.queryParams}, `interview_${new Date().getTime()}.xlsx`)}}
};
</script>

<!-- el-form-item 組件，用于展示需求部門的輸入框和標簽 -->
<el-form-item label="需求部門" prop="dept"> <!-- el-select 組件，用于選擇部門，v-model 綁定了 form 對象中的 dept 屬性 --><el-select v-model="form.dept" placeholder="請選擇部門"> <!-- 使用 v-for 指令遍歷 options 數組來生成選項 --><el-optionv-for="item in options":key="item.value"  <!-- 為每個選項提供唯一的 key 值，這里使用 item.value -->:label="item.label"  <!-- 選項顯示的文本內容，來自 item.label -->:value="item.value">  <!-- 選項的值，來自 item.value --></el-option></el-select>
</el-form-item>