This commit is contained in:
Paidax
2025-10-20 14:17:30 +08:00
parent 4434d7d243
commit 0209e4931d
48 changed files with 211 additions and 220 deletions
@@ -30,7 +30,7 @@ layout("/layouts/platform.html"){
v-model="pageForm.planName"
></el-input>
</search-item>
<search-item v-if="$auth.hasRole('SYSADMIN') || $auth.hasRole('BRANCH_UNION_CHAIRMAN')" label="所属工会">
<search-item v-if="$auth.hasRole('SYSADMIN') || $auth.hasRole('BRANCH_UNION_CHAIRMAN')" label="所属工会">
<el-select v-model="pageForm.tissueIdByUnion" placeholder="请选择所属工会" filterable clearable
@change="doSearch" style="width: 100%">
<el-option
@@ -27,7 +27,7 @@ layout("/layouts/platform.html"){
<el-option v-for="item in dict.type.SUMMARY_TYPE" :label="item.name" :value="item.code" :key="item.code"></el-option>
</el-select>
</search-item>
<search-item v-if="$auth.hasRole('SYSADMIN') || $auth.hasRole('BRANCH_UNION_CHAIRMAN')" label="所属工会">
<search-item v-if="$auth.hasRole('SYSADMIN') || $auth.hasRole('BRANCH_UNION_CHAIRMAN')" label="所属工会">
<el-select v-model="pageForm.tissueIdByUnion" placeholder="请选择所属工会" filterable clearable
@change="doSearch" style="width: 100%">
<el-option
@@ -17,7 +17,7 @@ layout("/layouts/platform.html"){
<el-option v-for="item in unionOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="所属单位">
<search-item label="所属单位">
<el-select v-model="pageForm.unitId" placeholder="请选择所属单位" filterable clearable style="width: 100%">
<el-option v-for="item in unitOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
@@ -17,7 +17,7 @@ layout("/layouts/platform.html"){
<el-option v-for="item in unionOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="所属单位">
<search-item label="所属单位">
<el-select v-model="pageForm.unitId" placeholder="请选择所属单位" filterable clearable style="width: 100%">
<el-option v-for="item in unitOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
@@ -11,7 +11,7 @@ layout("/layouts/platform.html"){
<template>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
placeholder="请选择年度"
type="year"
@@ -32,7 +32,7 @@ layout("/layouts/platform.html"){
</el-option>
</el-select>
</search-item>
<search-item label="所属工会">
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable
@change="doSearch" style="width: 100%">
<el-option v-for="item in unionList" :key="item.id" :label="item.name" :value="item.id"></el-option>
@@ -11,7 +11,7 @@ layout("/layouts/platform.html"){
<template>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
placeholder="请选择年度"
type="year"
@@ -7,7 +7,7 @@ layout("/layouts/platform.html"){
<template>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker v-model="pageForm.year" type="year" value-format="yyyy" placeholder="选择年度"
style="width: 100%"></el-date-picker>
</search-item>
@@ -10,23 +10,16 @@ layout("/layouts/platform.html"){
<el-date-picker v-model="pageForm.year" type="year" value-format="yyyy"
placeholder="选择年度" @change="listEvaluate"></el-date-picker>
</search-item>
<search-item label="事项">
<search-item label="事项">
<el-select v-model="pageForm.evaluateId" placeholder="请选择评优评先事项" filterable clearable
style="width: 100%">
<el-option v-for="item in evaluateList" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="申请人">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
</search-item>
@@ -9,31 +9,24 @@ layout("/layouts/platform.html"){
<search-item label="年度">
<el-date-picker v-model="pageForm.year" type="year" value-format="yyyy" placeholder="选择年度"@change="listEvaluate"></el-date-picker>
</search-item>
<search-item label="事项">
<search-item label="事项">
<el-select v-model="pageForm.evaluateId" placeholder="请选择评优评先事项" filterable clearable
style="width: 100%">
<el-option v-for="item in evaluateList" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="申请人">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
</el-input>
</search-item>
<search-item label="所属工会">
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable style="width: 100%">
<el-option v-for="item in unionList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="所属单位">
<search-item label="所属单位">
<el-select v-model="pageForm.unitId" placeholder="请选择所属单位" filterable clearable style="width: 100%">
<el-option v-for="item in unitList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
@@ -6,7 +6,7 @@ layout("/layouts/platform.html"){
<guava ref="guava">
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
placeholder="选择年度"
type="year"
@@ -16,34 +16,27 @@ layout("/layouts/platform.html"){
@change="listEvaluate()"
></el-date-picker>
</search-item>
<search-item label="事项">
<search-item label="事项">
<el-select v-model="pageForm.evaluateId" placeholder="请选择评优评先事项" filterable clearable
style="width: 100%">
<el-option v-for="item in evaluateList" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="申请人">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
</search-item>
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
</el-input>
</search-item>
<search-item label="所属工会">
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable
style="width: 100%">
<el-option v-for="item in unionList" :key="item.id" :label="item.name"
:value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="所属单位">
<search-item label="所属单位">
<el-select v-model="pageForm.unitId" placeholder="请选择所属单位" filterable clearable
style="width: 100%">
<el-option v-for="item in unitList" :key="item.id" :label="item.name"
@@ -25,39 +25,47 @@ layout("/layouts/platform.html"){
</el-descriptions-item>
<el-descriptions-item label="工号">
<el-form-item prop="loginName">
<el-input v-model="formData.loginName" readonly size="small"></el-input>
<el-input v-model="formData.loginName" readonly size="small" placeholder="请输入职工姓名后自动填充"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="性别">
<el-form-item prop="sex">
<el-input v-model="formData.sex" readonly size="small"></el-input>
<el-input v-model="formData.sex" readonly size="small" placeholder="请输入职工姓名后自动填充"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="出生年月">
<el-form-item prop="birthday">
<el-input :value="formatDate(formData.birthday)" readonly size="small"></el-input>
<el-date-picker
v-model="formData.birthday"
type="date"
value-format="yyyy-MM-dd"
placeholder="请输入职工姓名后自动填充"
style="width: 100%">
</el-date-picker>
<!-- <el-input :value="formatDate(formData.birthday)" readonly size="small" placeholder="请输入职工姓名后自动填充"></el-input>-->
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="工会">
<el-form-item prop="unionName">
<el-input v-model="formData.unionName" readonly size="small"></el-input>
<el-input v-model="formData.unionName" readonly size="small" placeholder="请输入职工姓名后自动填充"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="单位">
<el-form-item prop="unitName">
<el-input v-model="formData.unitName" readonly size="small"></el-input>
<el-input v-model="formData.unitName" readonly size="small" placeholder="请输入职工姓名后自动填充"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="初始额度">
<el-form-item prop="initMoney">
<el-input v-model="formData.initMoney" readonly size="small"></el-input>
<el-input v-model="formData.initMoney" readonly size="small" placeholder="请输入职工姓名后自动填充"></el-input>
</el-form-item>
</el-descriptions-item>
<el-descriptions-item label="剩余额度" :span="2">
<el-form-item prop="money">
<el-input v-model="formData.money" readonly size="small"></el-input>
<el-input v-model="formData.money" readonly size="small" placeholder="请输入剩余额度"></el-input>
</el-form-item>
</el-descriptions-item>
@@ -110,7 +118,7 @@ layout("/layouts/platform.html"){
</el-descriptions>
</el-form>
<el-row type="flex" justify="end" class="mt20">
<el-button type="primary" plain @click="onSave">保存</el-button>
<el-button type="primary" @click="onSave">提交</el-button>
</el-row>
</el-card>
</div>
@@ -232,7 +240,7 @@ layout("/layouts/platform.html"){
},
// 添加日期格式化方法
formatDate(date) {
/*formatDate(date) {
if (!date) return '';
// 如果已经是 yyyy-MM-dd 格式,直接返回
if (typeof date === 'string' && /^\d{4}-\d{2}-\d{2}/.test(date)) {
@@ -255,7 +263,7 @@ layout("/layouts/platform.html"){
} catch (e) {
return date;
}
},
},*/
// 保存
onSave() {
@@ -10,7 +10,7 @@ layout("/layouts/platform.html"){
<guava ref="guava">
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
placeholder="选择年度"
type="year"
@@ -22,7 +22,7 @@ layout("/layouts/platform.html"){
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
@change="doSearch"
placeholder="请选择年度"
@@ -14,7 +14,7 @@ layout("/layouts/platform.html"){
<guava ref="guava">
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
placeholder="请选择年度"
type="year"
@@ -10,7 +10,7 @@ layout("/layouts/platform.html"){
<guava ref="guava">
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
placeholder="请选择年度"
type="year"
@@ -17,18 +17,12 @@ layout("/layouts/platform.html"){
value-format="yyyy">
</el-date-picker>
</search-item>
<search-item label="经办人">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
</search-item>
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
</el-input>
</search-item>
</search>
</el-card>
<el-card shadow="never">
@@ -17,18 +17,12 @@ layout("/layouts/platform.html"){
value-format="yyyy">
</el-date-picker>
</search-item>
<search-item label="经办人">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
</search-item>
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
</el-input>
</search-item>
</search>
</el-card>
<el-card shadow="never">
@@ -17,18 +17,12 @@ layout("/layouts/platform.html"){
value-format="yyyy">
</el-date-picker>
</search-item>
<search-item label="经办人">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
</search-item>
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
</el-input>
</search-item>
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" clearable style="width: 100%">
<el-option v-for="item in unionOptions" :key="item.id" :label="item.name"
@@ -17,18 +17,12 @@ layout("/layouts/platform.html"){
value-format="yyyy">
</el-date-picker>
</search-item>
<search-item label="经办人">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
</search-item>
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
</el-input>
</search-item>
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" clearable style="width: 100%">
<el-option v-for="item in unionOptions" :key="item.id" :label="item.name"
@@ -17,18 +17,12 @@ layout("/layouts/platform.html"){
value-format="yyyy">
</el-date-picker>
</search-item>
<search-item label="经办人">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
</search-item>
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
</el-input>
</search-item>
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" clearable style="width: 100%">
<el-option v-for="item in unionOptions" :key="item.id" :label="item.name"
@@ -17,18 +17,12 @@ layout("/layouts/platform.html"){
value-format="yyyy">
</el-date-picker>
</search-item>
<search-item label="经办人">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
</search-item>
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
</el-input>
</search-item>
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" clearable style="width: 100%">
<el-option v-for="item in unionOptions" :key="item.id" :label="item.name"
@@ -17,16 +17,10 @@ layout("/layouts/platform.html"){
value-format="yyyy">
</el-date-picker>
</search-item>
<search-item label="经办人">
<search-item label="姓名/工号">
<el-input @keyup.enter.native="doSearch" clearable
placeholder="请输入内容"
placeholder="请输入姓名或工号"
v-model="pageForm.searchKeyword">
<el-select placeholder="查询类型" slot="prepend"
style="width: 100px;"
v-model="pageForm.searchName">
<el-option label="姓名" value="info.userName"></el-option>
<el-option label="工号" value="info.loginName"></el-option>
</el-select>
</el-input>
</search-item>
</search>
@@ -5,7 +5,7 @@ layout("/layouts/platform.html"){
<div id="app" v-cloak>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker placeholder="请选择年度" type="year" style="width: 100%" v-model="pageForm.year" value-format="yyyy"></el-date-picker>
</search-item>
<search-item label="名称">
@@ -18,7 +18,7 @@ layout("/layouts/platform.html"){
<el-option v-for="item in unionOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="所属单位">
<search-item label="所属单位">
<el-select v-model="pageForm.unitId" placeholder="请选择所属单位" filterable clearable style="width: 100%">
<el-option v-for="item in unitOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
@@ -31,7 +31,7 @@ layout("/layouts/platform.html"){
></el-option>
</el-select>
</search-item>
<search-item label="所属工会">
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable
@change="doSearch" style="width: 100%">
<el-option
@@ -42,7 +42,7 @@ layout("/layouts/platform.html"){
</el-option>
</el-select>
</search-item>
<search-item label="所属单位">
<search-item label="所属单位">
<el-select @change="doSearch"
clearable
filterable
@@ -32,7 +32,7 @@ layout("/layouts/platform.html"){
></el-option>
</el-select>
</search-item>
<search-item label="所属工会">
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable
@change="doSearch" style="width: 100%">
<el-option
@@ -43,7 +43,7 @@ layout("/layouts/platform.html"){
</el-option>
</el-select>
</search-item>
<search-item label="所属单位">
<search-item label="所属单位">
<el-select @change="doSearch"
clearable
filterable
@@ -23,7 +23,7 @@ layout("/layouts/platform.html"){
:value="item.contributionName"></el-option>
</el-select>
</search-item>
<search-item label="所属工会">
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable
@change="doSearch" style="width: 100%">
<el-option
@@ -34,7 +34,7 @@ layout("/layouts/platform.html"){
</el-option>
</el-select>
</search-item>
<search-item label="所属单位">
<search-item label="所属单位">
<el-select @change="doSearch"
clearable
filterable
@@ -23,7 +23,7 @@ layout("/layouts/platform.html"){
:value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="所属工会">
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable
@change="doSearch" style="width: 100%">
<el-option
@@ -8,7 +8,7 @@ layout("/layouts/platform.html"){
<template>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
v-model="pageForm.year"
type="year"
@@ -11,7 +11,7 @@ layout("/layouts/platform.html"){
<template>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
v-model="pageForm.year"
type="year"
@@ -11,7 +11,7 @@ layout("/layouts/platform.html"){
<template>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
v-model="pageForm.year"
type="year"
@@ -11,7 +11,7 @@ layout("/layouts/platform.html"){
<template>
<el-card shadow="never">
<search @search="doSearch">
<search-item label="年度">
<search-item label="年度">
<el-date-picker
placeholder="请选择年度"
type="year"
@@ -68,7 +68,7 @@ layout("/layouts/platform.html"){
></el-option>
</el-select>
</search-item>
<search-item v-if="$auth.hasRole('SYSADMIN') || $auth.hasRole('SCHOOL_UNION_ADMIN')" label="所属工会">
<search-item v-if="$auth.hasRole('SYSADMIN') || $auth.hasRole('SCHOOL_UNION_ADMIN')" label="所属工会">
<el-select @change="doSearch"
clearable
filterable
@@ -56,7 +56,7 @@ layout("/layouts/platform.html"){
v-model="pageForm.keywords">
</el-input>
</search-item>
<search-item v-if="$auth.hasRoleOr(['SYSADMIN', 'SCHOOL_UNION_ADMIN'])" label="所属工会">
<search-item v-if="$auth.hasRoleOr(['SYSADMIN', 'SCHOOL_UNION_ADMIN'])" label="所属工会">
<el-select @change="doSearch" v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable>
<el-option v-for="item in unionList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
@@ -35,12 +35,12 @@ layout("/layouts/platform.html"){
<el-input placeholder="请输入姓名或工号查询" clearable v-model="pageForm.searchKeyword"
@keyup.enter.native="doSearch"></el-input>
</search-item>
<search-item label="所属工会">
<search-item label="所属工会">
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" filterable clearable @change="doSearch">
<el-option v-for="item in unionList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
</search-item>
<search-item label="所属单位">
<search-item label="所属单位">
<el-select v-model="pageForm.unitId" placeholder="请选择所属单位" filterable clearable @change="doSearch">
<el-option v-for="item in unitList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>
@@ -67,30 +67,29 @@ layout("/layouts/platform_h5.html"){
overflow-x: hidden;
overflow-y: auto;
}
.data-box {
font-size: 13px;
margin: 12px 0;
.th-row {
height: 30px;
line-height: 30px;
padding: 0 12px;
background: #f8f8f8;
}
.td-row {
height: 30px;
line-height: 30px;
padding: 0 12px;
}
.data-box{
text-align: center;
font-size:13px;
margin:12px 0;
}
.common-ellipsis {
width: 80px;
height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
.th-row,.td-row{
display:flex;
height:30px;
line-height:30px;
padding:0 12px;
}
.th-row{background:#f8f8f8;}
/* 关键:比例 + 最小宽度0 */
.col-index{flex:0 0 60px;} /* 序号固定60 */
.col-name{flex:1 1 120px;min-width:0;} /* 名称占剩余,最小120 */
.col-num{flex:0 0 80px;text-align:right;} /* 人数固定80 */
.common-ellipsis{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
</style>
<div id="app" v-cloak>
@@ -169,20 +168,29 @@ layout("/layouts/platform_h5.html"){
<van-col span="24" class="center-col">
<div class="col-title">工会会员数</div>
<div id="unionMemberChart" style="width: 100%; height: 200px"></div>
<div class="data-box">
<van-row class="th-row" style="display: flex">
<van-col style="width: 80px">序号</van-col>
<van-col style="width: 200px">工会名称</van-col>
<van-col style="width: 80px">会员人数</van-col>
</van-row>
<van-row class="td-row" :style="{background:index %2==0?'#fff':'#fafafa'}" v-for="(item,index) in unionMember" :key="index">
<van-col class="common-ellipsis">{{index + 1}}</van-col>
<van-col style="width: 200px" class="common-ellipsis">{{item.unionname}}</van-col>
<van-col class="common-ellipsis">{{item.value}}</van-col>
</van-row>
</div>
<div class="data-box">
<!-- 表头 -->
<van-row class="th-row">
<van-col class="col-index">序号</van-col>
<van-col class="col-name">工会名称</van-col>
<van-col class="col-num">会员人数</van-col>
</van-row>
<!-- 数据行 -->
<van-row
class="td-row"
v-for="(item,index) in unionMember"
:key="index"
:style="{background:index%2?'#fafafa':'#fff'}"
>
<van-col class="col-index">{{ index+1 }}</van-col>
<van-col class="col-name common-ellipsis" :title="item.unionname">
{{ item.unionname }}
</van-col>
<van-col class="col-num">{{ item.value }}</van-col>
</van-row>
</div>
</van-col>
</van-row>
</div>
@@ -22,7 +22,7 @@ const home = {
@click="menuClick(item)"
:key="item.id"
:text="item.name">
<img :src="item.icon"
<img :src="item.picIcon"
slot="icon"
style="width: 40px; height: 40px"/>
</van-grid-item>