|
@@ -4,7 +4,7 @@
|
|
|
<div class="evaluation-header">
|
|
<div class="evaluation-header">
|
|
|
<h1 class="evaluation-title">{{ activityRegistrationDetail.planName || '' }}</h1>
|
|
<h1 class="evaluation-title">{{ activityRegistrationDetail.planName || '' }}</h1>
|
|
|
<div class="evaluation-meta">
|
|
<div class="evaluation-meta">
|
|
|
- <span>考核部门: {{ activityRegistrationDetail.responsibleDeptName || '-' }}</span>
|
|
|
|
|
|
|
+ <span>分类名称: {{ activityRegistrationDetail.categoryName || '-' }}</span>
|
|
|
<span>创建人: {{ activityRegistrationDetail.createdByName || '-' }}</span>
|
|
<span>创建人: {{ activityRegistrationDetail.createdByName || '-' }}</span>
|
|
|
<span>创建时间: {{ formatDateTime(activityRegistrationDetail.createdAt) || '-' }}</span>
|
|
<span>创建时间: {{ formatDateTime(activityRegistrationDetail.createdAt) || '-' }}</span>
|
|
|
</div>
|
|
</div>
|
|
@@ -16,14 +16,27 @@
|
|
|
<div class="act-search">
|
|
<div class="act-search">
|
|
|
<section class="select-box">
|
|
<section class="select-box">
|
|
|
<div class="select-box--item">
|
|
<div class="select-box--item">
|
|
|
- <span>员工工号/名称:</span>
|
|
|
|
|
- <el-input v-model="tableQuery.queryParam.keyword" placeholder="搜索员工工号或名称" class="act-search-input" />
|
|
|
|
|
|
|
+ <span>部门名称:</span>
|
|
|
|
|
+ <el-cascader
|
|
|
|
|
+ v-model="tableQuery.queryParam.responsibleDepartmentId"
|
|
|
|
|
+ style="width: 170px"
|
|
|
|
|
+ ref="cascaderRef"
|
|
|
|
|
+ :options="firstLevelDepts"
|
|
|
|
|
+ :props="cascaderProp"
|
|
|
|
|
+ :show-all-levels="false"
|
|
|
|
|
+ filterable
|
|
|
|
|
+ @change="(val) => handleChangeDept(val, 'responsibleDepartmentId')"
|
|
|
|
|
+ />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="select-box--item">
|
|
<div class="select-box--item">
|
|
|
<span>报名日期:</span>
|
|
<span>报名日期:</span>
|
|
|
<el-date-picker v-model="tableQuery.queryParam.dateRange" type="daterange" range-separator="至"
|
|
<el-date-picker v-model="tableQuery.queryParam.dateRange" type="daterange" range-separator="至"
|
|
|
start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" format="YYYY-MM-DD" />
|
|
start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" format="YYYY-MM-DD" />
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="select-box--item">
|
|
|
|
|
+ <span>员工工号/名称:</span>
|
|
|
|
|
+ <el-input v-model="tableQuery.queryParam.keyword" placeholder="搜索员工工号或名称" class="act-search-input" />
|
|
|
|
|
+ </div>
|
|
|
</section>
|
|
</section>
|
|
|
<section class="search-btn">
|
|
<section class="search-btn">
|
|
|
<el-button type="primary" @click="handleSearch">查询</el-button>
|
|
<el-button type="primary" @click="handleSearch">查询</el-button>
|
|
@@ -74,8 +87,8 @@
|
|
|
<el-input v-model="normalForm.employeeContact" placeholder="请输入11位手机号码" maxlength="11"
|
|
<el-input v-model="normalForm.employeeContact" placeholder="请输入11位手机号码" maxlength="11"
|
|
|
@input="handlePhoneInput" />
|
|
@input="handlePhoneInput" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="个人先进描述:" prop="remark">
|
|
|
|
|
- <el-input v-model="normalForm.remark" type="textarea" :rows="4" placeholder="请填写个人先进获取内容描述。" maxlength="300"
|
|
|
|
|
|
|
+ <el-form-item label="备注:" prop="remark">
|
|
|
|
|
+ <el-input v-model="normalForm.remark" type="textarea" :rows="4" placeholder="请填写备注。" maxlength="300"
|
|
|
show-word-limit />
|
|
show-word-limit />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
@@ -135,6 +148,8 @@ const tableQuery = reactive<QueryPageRequest<any>>({
|
|
|
dateRange: null as any,
|
|
dateRange: null as any,
|
|
|
startTime: '',
|
|
startTime: '',
|
|
|
endTime: '',
|
|
endTime: '',
|
|
|
|
|
+ responsibleDepartmentId: '',
|
|
|
|
|
+ deptName: '',
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
|
|
|
|
@@ -179,16 +194,16 @@ const normalFormRules: FormRules = {
|
|
|
{ required: true, message: '请输入员工联系方式', trigger: 'blur' },
|
|
{ required: true, message: '请输入员工联系方式', trigger: 'blur' },
|
|
|
{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的11位手机号码', trigger: 'blur' },
|
|
{ pattern: /^1[3-9]\d{9}$/, message: '请输入正确的11位手机号码', trigger: 'blur' },
|
|
|
],
|
|
],
|
|
|
- remark: [
|
|
|
|
|
- { required: true, message: '请输入个人先进描述', trigger: 'blur' },
|
|
|
|
|
- { max: 300, message: '最多输入300个字符', trigger: 'blur' },
|
|
|
|
|
- ],
|
|
|
|
|
|
|
+ // remark: [
|
|
|
|
|
+ // { required: true, message: '请输入备注', trigger: 'blur' },
|
|
|
|
|
+ // { max: 300, message: '最多输入300个字符', trigger: 'blur' },
|
|
|
|
|
+ // ],
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
const cascaderProp = {
|
|
const cascaderProp = {
|
|
|
expandTrigger: 'click',
|
|
expandTrigger: 'click',
|
|
|
checkStrictly: true,
|
|
checkStrictly: true,
|
|
|
- // emitPath: false,
|
|
|
|
|
|
|
+ emitPath: false,
|
|
|
value: 'id',
|
|
value: 'id',
|
|
|
label: 'deptName',
|
|
label: 'deptName',
|
|
|
};
|
|
};
|
|
@@ -217,6 +232,9 @@ async function getTableData() {
|
|
|
keyword: tableQuery.queryParam.keyword,
|
|
keyword: tableQuery.queryParam.keyword,
|
|
|
startDate: tableQuery.queryParam.startTime,
|
|
startDate: tableQuery.queryParam.startTime,
|
|
|
endDate: tableQuery.queryParam.endTime,
|
|
endDate: tableQuery.queryParam.endTime,
|
|
|
|
|
+ deptId: tableQuery.queryParam.responsibleDepartmentId,
|
|
|
|
|
+ deptName: tableQuery.queryParam.deptName,
|
|
|
|
|
+ activityId: activityRegistrationId.value,
|
|
|
},
|
|
},
|
|
|
};
|
|
};
|
|
|
|
|
|
|
@@ -249,6 +267,8 @@ function handleSearch() {
|
|
|
const handleReset = () => {
|
|
const handleReset = () => {
|
|
|
tableQuery.queryParam.keyword = '';
|
|
tableQuery.queryParam.keyword = '';
|
|
|
tableQuery.queryParam.dateRange = null;
|
|
tableQuery.queryParam.dateRange = null;
|
|
|
|
|
+ tableQuery.queryParam.responsibleDepartmentId = '';
|
|
|
|
|
+ tableQuery.queryParam.deptName = '';
|
|
|
handleSearch();
|
|
handleSearch();
|
|
|
};
|
|
};
|
|
|
|
|
|
|
@@ -423,7 +443,8 @@ const handleChangeDept = (val, prop) => {
|
|
|
const deptInfo = cascader?.getCheckedNodes();
|
|
const deptInfo = cascader?.getCheckedNodes();
|
|
|
if (deptInfo && deptInfo.length > 0) {
|
|
if (deptInfo && deptInfo.length > 0) {
|
|
|
normalForm.employeeDeptName = deptInfo[0].label;
|
|
normalForm.employeeDeptName = deptInfo[0].label;
|
|
|
- normalForm.deptId = val[val.length - 1]
|
|
|
|
|
|
|
+ normalForm.deptId = val[val.length - 1];
|
|
|
|
|
+ // normalForm.deptName = deptInfo[0].label;
|
|
|
} else {
|
|
} else {
|
|
|
normalForm.employeeDeptName = '';
|
|
normalForm.employeeDeptName = '';
|
|
|
}
|
|
}
|