|
|
@@ -8,10 +8,71 @@
|
|
|
:model="queryParams"
|
|
|
ref="queryFormRef"
|
|
|
:inline="true"
|
|
|
- label-width="120px"
|
|
|
>
|
|
|
+ <div>
|
|
|
+ <el-form-item label="企业" prop="enterpriseId">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.enterpriseId"
|
|
|
+ placeholder="请选择企业"
|
|
|
+ clearable
|
|
|
+ class="!w-240px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in enterpriseOption"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="部门" prop="deptId">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.deptId"
|
|
|
+ placeholder="请选择部门"
|
|
|
+ clearable
|
|
|
+ class="!w-240px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in deptOption"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用户" prop="userId">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.userId"
|
|
|
+ placeholder="请选择用户"
|
|
|
+ clearable
|
|
|
+ class="!w-240px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in userOption"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="职位" prop="jobId">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.jobId"
|
|
|
+ placeholder="请选择职位"
|
|
|
+ clearable
|
|
|
+ class="!w-240px"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in jobOption"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
<el-form-item label="" prop="dateType">
|
|
|
- <el-radio-group v-model="queryParams.dateType" @change="radioChange">
|
|
|
+ <el-radio-group v-model="queryParams.dateType" @change="radioChange" class="!w-240px">
|
|
|
<el-radio-button label="最近七天" value="0" />
|
|
|
<el-radio-button label="上个月" value="1" />
|
|
|
<el-radio-button label="上季度" value="2" />
|
|
|
@@ -123,7 +184,11 @@ const queryParams = reactive({
|
|
|
// pageNo: 1,
|
|
|
// pageSize: 10,
|
|
|
dateType: '0',
|
|
|
- dateRange: []
|
|
|
+ enterpriseId: undefined,
|
|
|
+ deptId: undefined,
|
|
|
+ userId: undefined,
|
|
|
+ jobId: undefined,
|
|
|
+ dateRange: [],
|
|
|
})
|
|
|
|
|
|
const queryFormRef = ref() // 搜索的表单
|
|
|
@@ -153,6 +218,23 @@ const dateRangeChange = (value) => {
|
|
|
handleQuery()
|
|
|
}
|
|
|
|
|
|
+const enterpriseOption = [
|
|
|
+ { label: '企业 1', value: '1' },
|
|
|
+ { label: '企业 2', value: '2' },
|
|
|
+]
|
|
|
+const deptOption = [
|
|
|
+ { label: '部门 1', value: '1' },
|
|
|
+ { label: '部门 2', value: '2' },
|
|
|
+]
|
|
|
+const userOption = [
|
|
|
+ { label: '用户 1', value: '1' },
|
|
|
+ { label: '用户 2', value: '2' },
|
|
|
+]
|
|
|
+const jobOption = [
|
|
|
+ { label: '职位 1', value: '1' },
|
|
|
+ { label: '职位 2', value: '2' },
|
|
|
+]
|
|
|
+
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.row {
|
