sz-team/supervision-test-frontend-repo
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(bg): 列表页筛选区域标签和输入控件添加悬浮提示

Browse Source 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
wsm
2026-07-31 09:53:20 +08:00
co-authored by Claude Opus 4.7
parent ad753b53e5
commit 950e17e549
4 changed files with 123 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/bg/bgpartymatter/BgPartymatterList.vue
+26 -11
View File
@@ -5,34 +5,49 @@
<a-form ref="formRef" @keyup.enter="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24" class="search-form-row">
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="年份" name="year">
<a-date-picker v-model:value="queryParam.year" picker="year" value-format="YYYY" placeholder="请选择年份" allow-clear style="width: 100%" @change="searchQuery" />
<a-form-item name="year">
<template #label>
<a-tooltip title="按年份筛选">年份</a-tooltip>
</template>
<a-tooltip title="按年份筛选"><a-date-picker v-model:value="queryParam.year" picker="year" value-format="YYYY" placeholder="请选择年份" allow-clear style="width: 100%" @change="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="分管所领导" name="manageSuoleader">
<DeptRoleUserSelectDropDown v-model:value="queryParam.manageSuoleader" :deptId="PARTY_COMMITTEE_DEPT_ID" :roleId="CHARGE_LEADER_ROLE_ID" placeholder="请选择分管所领导" allow-clear style="width: 100%" @change="searchQuery" />
<a-form-item name="manageSuoleader">
<template #label>
<a-tooltip title="按所党委分管所领导筛选">分管所领导</a-tooltip>
</template>
<a-tooltip title="按所党委分管所领导筛选"><DeptRoleUserSelectDropDown v-model:value="queryParam.manageSuoleader" :deptId="PARTY_COMMITTEE_DEPT_ID" :roleId="CHARGE_LEADER_ROLE_ID" placeholder="请选择分管所领导" allow-clear style="width: 100%" @change="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="事项名称" name="title">
<JInput v-model:value="queryParam.title" type="like" placeholder="请输入事项名称" allow-clear trim @update:value="searchQuery" />
<a-form-item name="title">
<template #label>
<a-tooltip title="支持模糊查询，输入事项名称关键词">事项名称</a-tooltip>
</template>
<a-tooltip title="支持模糊查询，输入事项名称关键词"><JInput v-model:value="queryParam.title" type="like" placeholder="请输入事项名称" allow-clear trim @update:value="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="会议决议" name="content">
<JInput v-model:value="queryParam.content" type="like" placeholder="请输入会议决议" allow-clear trim @update:value="searchQuery" />
<a-form-item name="content">
<template #label>
<a-tooltip title="支持模糊查询，输入会议决议关键词">会议决议</a-tooltip>
</template>
<a-tooltip title="支持模糊查询，输入会议决议关键词"><JInput v-model:value="queryParam.content" type="like" placeholder="请输入会议决议" allow-clear trim @update:value="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col v-if="toggleSearchStatus" :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="完成状态" name="bpmStatus">
<JDictSelectTag
<a-form-item name="bpmStatus">
<template #label>
<a-tooltip title="按督办完成状态筛选">完成状态</a-tooltip>
</template>
<a-tooltip title="按督办完成状态筛选"><JDictSelectTag
v-model:value="queryParam.bpmStatus"
dictCode="super_status"
placeholder="请选择完成状态"
allow-clear
@change="searchQuery"
/>
/></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
src/views/bg/bqtakepulse/BgTakepulseList.vue
+20 -8
View File
@@ -5,23 +5,35 @@
<a-form ref="formRef" @keyup.enter="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="意见主题" name="title">
<JInput v-model:value="queryParam.title" type="like" placeholder="请输入意见主题" allow-clear trim @change="searchQuery" />
<a-form-item name="title">
<template #label>
<a-tooltip title="支持模糊查询，输入意见主题关键词">意见主题</a-tooltip>
</template>
<a-tooltip title="支持模糊查询，输入意见主题关键词"><JInput v-model:value="queryParam.title" type="like" placeholder="请输入意见主题" allow-clear trim @change="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="分管所领导" name="manageSuoleader">
<DeptRoleUserSelectDropDown v-model:value="queryParam.manageSuoleader" :deptId="PARTY_COMMITTEE_DEPT_ID" :roleId="CHARGE_LEADER_ROLE_ID" placeholder="请选择分管所领导" allow-clear style="width: 100%" @change="searchQuery" />
<a-form-item name="manageSuoleader">
<template #label>
<a-tooltip title="按所党委分管所领导筛选">分管所领导</a-tooltip>
</template>
<a-tooltip title="按所党委分管所领导筛选"><DeptRoleUserSelectDropDown v-model:value="queryParam.manageSuoleader" :deptId="PARTY_COMMITTEE_DEPT_ID" :roleId="CHARGE_LEADER_ROLE_ID" placeholder="请选择分管所领导" allow-clear style="width: 100%" @change="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="5" :lg="6" :md="8" :sm="12">
<a-form-item label="牵头部门" name="responDeptid">
<sz-select-dept placeholder="请选择牵头部门" v-model:value="selectedResponDept" checkStrictly allow-clear @change="handleResponDeptChange" />
<a-form-item name="responDeptid">
<template #label>
<a-tooltip title="按牵头部门筛选">牵头部门</a-tooltip>
</template>
<a-tooltip title="按牵头部门筛选"><sz-select-dept placeholder="请选择牵头部门" v-model:value="selectedResponDept" checkStrictly allow-clear @change="handleResponDeptChange" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="5" :lg="6" :md="8" :sm="12">
<a-form-item label="协办部门" name="assistDeptid">
<sz-select-dept placeholder="请选择协办部门" v-model:value="selectedAssistDept" checkStrictly allow-clear @change="handleAssistDeptChange" />
<a-form-item name="assistDeptid">
<template #label>
<a-tooltip title="按协办部门筛选">协办部门</a-tooltip>
</template>
<a-tooltip title="按协办部门筛选"><sz-select-dept placeholder="请选择协办部门" v-model:value="selectedAssistDept" checkStrictly allow-clear @change="handleAssistDeptChange" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
src/views/bg/fixcontact/FixedContact20260730List.vue
+56 -34
View File
@@ -5,49 +5,71 @@
<a-form ref="formRef" @keyup.enter="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24" class="search-form-row">
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="表单编号" name="formNo">
<JInput v-model:value="queryParam.formNo" type="like" placeholder="请输入表单编号" allow-clear trim @update:value="searchQuery" />
<a-form-item name="formNo">
<template #label>
<a-tooltip title="支持模糊查询">表单编号</a-tooltip>
</template>
<a-tooltip title="支持模糊查询"><JInput v-model:value="queryParam.formNo" type="like" placeholder="请输入表单编号" allow-clear trim @update:value="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="定点联系所领导" name="contactLeader">
<DeptRoleUserSelectDropDown
v-model:value="queryParam.contactLeader"
:deptId="PARTY_COMMITTEE_DEPT_ID"
:roleId="CHARGE_LEADER_ROLE_ID"
placeholder="请选择定点联系所领导"
allow-clear
style="width: 100%"
@change="searchQuery"
/>
<a-form-item name="contactLeader">
<template #label>
<a-tooltip title="按所党委分管所领导筛选">定点联系所领导</a-tooltip>
</template>
<a-tooltip title="按所党委分管所领导筛选">
<DeptRoleUserSelectDropDown
v-model:value="queryParam.contactLeader"
:deptId="PARTY_COMMITTEE_DEPT_ID"
:roleId="CHARGE_LEADER_ROLE_ID"
placeholder="请选择"
allow-clear
style="width: 100%"
@change="searchQuery"
/>
</a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="联系单位（部门）" name="contactDept">
<SzSelectDept v-model:value="queryParam.contactDept" placeholder="请选择联系单位" allow-clear style="width: 100%" @change="searchQuery" />
<a-form-item name="contactDept">
<template #label>
<a-tooltip title="按联系单位筛选">联系单位(部门)</a-tooltip>
</template>
<a-tooltip title="按联系单位筛选"><SzSelectDept v-model:value="queryParam.contactDept" placeholder="请选择" allow-clear style="width: 100%" @change="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="主办部门" name="hostDept">
<SzSelectDept v-model:value="queryParam.hostDept" placeholder="请选择主办部门" allow-clear style="width: 100%" @change="searchQuery" />
<a-form-item name="hostDept">
<template #label>
<a-tooltip title="按主办部门筛选">主办部门</a-tooltip>
</template>
<a-tooltip title="按主办部门筛选"><SzSelectDept v-model:value="queryParam.hostDept" placeholder="请选择" allow-clear style="width: 100%" @change="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col v-if="toggleSearchStatus" :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="相关分管所领导" name="relatedLeader">
<DeptRoleUserSelectDropDown
v-model:value="queryParam.relatedLeader"
:deptId="PARTY_COMMITTEE_DEPT_ID"
:roleId="CHARGE_LEADER_ROLE_ID"
placeholder="请选择相关分管所领导"
allow-clear
style="width: 100%"
@change="searchQuery"
/>
<a-form-item name="relatedLeader">
<template #label>
<a-tooltip title="按相关分管所领导筛选">相关分管所领导</a-tooltip>
</template>
<a-tooltip title="按相关分管所领导筛选">
<DeptRoleUserSelectDropDown
v-model:value="queryParam.relatedLeader"
:deptId="PARTY_COMMITTEE_DEPT_ID"
:roleId="CHARGE_LEADER_ROLE_ID"
placeholder="请选择"
allow-clear
style="width: 100%"
@change="searchQuery"
/>
</a-tooltip>
</a-form-item>
</a-col>
<a-col v-if="toggleSearchStatus" :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="协办部门" name="coDept">
<SzSelectDept v-model:value="queryParam.coDept" placeholder="请选择协办部门" allow-clear style="width: 100%" @change="searchQuery" />
<a-form-item name="coDept">
<template #label>
<a-tooltip title="按协办部门筛选">协办部门</a-tooltip>
</template>
<a-tooltip title="按协办部门筛选"><SzSelectDept v-model:value="queryParam.coDept" placeholder="请选择" allow-clear style="width: 100%" @change="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
@@ -576,14 +598,14 @@ import { showImportValidationErrors } from '/@/utils/helper/importError';
}
const labelCol = reactive({
xs: 24,
sm: 4,
xl: 6,
xxl: 8,
xs: { span: 24 },
sm: { span: 10 },
xl: { span: 10 },
xxl: { span: 10 },
});
const wrapperCol = reactive({
xs: 24,
sm: 20,
xs: { span: 24 },
sm: { span: 14 },
});
async function handleDownloadTemplate() {
src/views/bg/xispeak/BgXiSpeakList.vue
+21 -9
View File
@@ -5,18 +5,27 @@
<a-form ref="formRef" @keyup.enter="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="重要讲话指示批示情况" name="speakStatus">
<JInput v-model:value="queryParam.speakStatus" type="like" placeholder="请输入重要讲话指示批示情况" allow-clear trim @change="searchQuery" />
<a-form-item name="speakStatus">
<template #label>
<a-tooltip title="支持模糊查询，输入重要讲话指示批示情况关键词">重要讲话指示批示情况</a-tooltip>
</template>
<a-tooltip title="支持模糊查询，输入重要讲话指示批示情况关键词"><JInput v-model:value="queryParam.speakStatus" type="like" placeholder="请输入重要讲话指示批示情况" allow-clear trim @change="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="6" :lg="6" :md="8" :sm="12">
<a-form-item label="牵头部门" name="implDept">
<SzSelectDept v-model:value="selectedImplDept" :multiple="true" placeholder="选择牵头部门" allow-clear style="width: 100%" @change="handleImplDeptChange" />
<a-form-item name="implDept">
<template #label>
<a-tooltip title="按牵头部门筛选">牵头部门</a-tooltip>
</template>
<a-tooltip title="按牵头部门筛选"><SzSelectDept v-model:value="selectedImplDept" :multiple="true" placeholder="选择牵头部门" allow-clear style="width: 100%" @change="handleImplDeptChange" /></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item label="所党委责任领导" name="responsiblePerson">
<DeptRoleUserSelectDropDown v-model:value="queryParam.responsiblePerson" :deptId="PARTY_COMMITTEE_DEPT_ID" :roleId="SDW_LEADER_ROLE_ID" placeholder="请选择所党委责任领导" allow-clear style="width: 100%" @change="searchQuery" />
<a-form-item name="responsiblePerson">
<template #label>
<a-tooltip title="按所党委责任领导筛选">所党委责任领导</a-tooltip>
</template>
<a-tooltip title="按所党委责任领导筛选"><DeptRoleUserSelectDropDown v-model:value="queryParam.responsiblePerson" :deptId="PARTY_COMMITTEE_DEPT_ID" :roleId="SDW_LEADER_ROLE_ID" placeholder="请选择所党委责任领导" allow-clear style="width: 100%" @change="searchQuery" /></a-tooltip>
</a-form-item>
</a-col>
<!-- <a-col :lg="4" :md="6" :sm="8">-->
@@ -25,12 +34,15 @@
<!-- </a-form-item>-->
<!-- </a-col>-->
<a-col :xl="4" :lg="6" :md="8" :sm="12">
<a-form-item name="bpmStatus" label="督办状态">
<a-select v-model:value="bpmStatusFilter" placeholder="请选择" allow-clear @change="handleBpmStatusChange">
<a-form-item name="bpmStatus">
<template #label>
<a-tooltip title="按督办状态筛选">督办状态</a-tooltip>
</template>
<a-tooltip title="按督办状态筛选"><a-select v-model:value="bpmStatusFilter" placeholder="请选择" allow-clear @change="handleBpmStatusChange">
<a-select-option value="1">未开始</a-select-option>
<a-select-option value="2">督办中</a-select-option>
<a-select-option value="3">已完成</a-select-option>
</a-select>
</a-select></a-tooltip>
</a-form-item>
</a-col>
<a-col :xl="4" :lg="6" :md="8" :sm="12">