完善通用查询和详情界面
This commit is contained in:
parent
8cf96126fe
commit
cc6681cfb5
@ -90,6 +90,14 @@ export function cxcRyDatAstatistics(parm) { // 员工分组统计
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function cxcRyDatAstatisticsCertificate(parm) { // 员工按证件分组统计
|
||||||
|
return https({
|
||||||
|
url: '/cxc_rlzy.zb/cxcRlzyZb/getStatisticsCertificate',
|
||||||
|
method: 'get',
|
||||||
|
data: parm
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
export function cxcRyDatAstatisticsDetails(parm) { // 员工信息统计
|
export function cxcRyDatAstatisticsDetails(parm) { // 员工信息统计
|
||||||
return https({
|
return https({
|
||||||
url: '/cxc_rlzy.zb/cxcRlzyZb/details',
|
url: '/cxc_rlzy.zb/cxcRlzyZb/details',
|
||||||
|
@ -28,16 +28,16 @@
|
|||||||
<uni-row>
|
<uni-row>
|
||||||
<view v-for="(item,index) in jxkhxxList">
|
<view v-for="(item,index) in jxkhxxList">
|
||||||
<uni-col :span="4">
|
<uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{index+1}}
|
{{index+1}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="10">
|
<uni-col :span="10">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.nf}}
|
{{item.nf}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col><uni-col :span="10">
|
</uni-col><uni-col :span="10">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.khcj+"---"+item.khcj_dictText}}
|
{{item.khcj+"---"+item.khcj_dictText}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
@ -69,20 +69,20 @@
|
|||||||
<uni-row>
|
<uni-row>
|
||||||
<view v-for="(item,index) in gzjlList">
|
<view v-for="(item,index) in gzjlList">
|
||||||
<uni-col :span="4">
|
<uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.kssj}}
|
{{item.kssj}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="4">
|
<uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.jssj}}
|
{{item.jssj}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col><uni-col :span="11">
|
</uni-col><uni-col :span="11">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle2" ref="dataView">
|
||||||
{{item.jlms}}
|
{{item.jlms}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col><uni-col :span="5">
|
</uni-col><uni-col :span="5">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.jlms2}}
|
{{item.jlms2}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
@ -125,30 +125,30 @@
|
|||||||
<uni-row>
|
<uni-row>
|
||||||
<view v-for="(item,index) in xlxxList">
|
<view v-for="(item,index) in xlxxList">
|
||||||
<uni-col :span="4">
|
<uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.xllb}}
|
{{item.xllb}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="4">
|
<uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.byyx}}
|
{{item.byyx}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col><uni-col :span="4">
|
</uni-col><uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle2" ref="dataView">
|
||||||
{{item.sxzy}}
|
{{item.sxzy}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col><uni-col :span="4">
|
</uni-col><uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.qdxl}}
|
{{item.qdxl}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="4">
|
<uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.qdxw}}
|
{{item.qdxw}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="4">
|
<uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.bytime}}
|
{{item.bytime}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
@ -185,25 +185,25 @@
|
|||||||
<uni-row>
|
<uni-row>
|
||||||
<view v-for="(item,index) in zjtzList">
|
<view v-for="(item,index) in zjtzList">
|
||||||
<uni-col :span="6">
|
<uni-col :span="6">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle2" ref="dataView">
|
||||||
{{item.zjmc}}
|
{{item.zjmc}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="5">
|
<uni-col :span="5">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.zsdj}}
|
{{item.zsdj}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col><uni-col :span="5">
|
</uni-col><uni-col :span="5">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.fzrq}}
|
{{item.fzrq}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col><uni-col :span="5">
|
</uni-col><uni-col :span="5">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.fssj}}
|
{{item.fssj}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="3">
|
<uni-col :span="3">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.bz}}
|
{{item.bz}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
@ -241,25 +241,25 @@
|
|||||||
<uni-row>
|
<uni-row>
|
||||||
<view v-for="(item,index) in zyjtcyList">
|
<view v-for="(item,index) in zyjtcyList">
|
||||||
<uni-col :span="4">
|
<uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.ybrgx}}
|
{{item.ybrgx}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="3">
|
<uni-col :span="3">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.gxname}}
|
{{item.gxname}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col><uni-col :span="6">
|
</uni-col><uni-col :span="6">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.cstime}}
|
{{item.cstime}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col><uni-col :span="4">
|
</uni-col><uni-col :span="4">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle1">
|
||||||
{{item.cyzzmm}}
|
{{item.cyzzmm}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="7">
|
<uni-col :span="7">
|
||||||
<view class="dataStyle">
|
<view class="dataStyle2" ref="dataView">
|
||||||
{{item.cygzdw}}
|
{{item.cygzdw}}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
@ -403,123 +403,146 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// adjustFontSize()
|
||||||
}).catch((err) => {
|
}).catch((err) => {
|
||||||
console.log(err);
|
console.log(err);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function getJbxx() {
|
function getJbxx() {
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "姓名",
|
"title": "姓名",
|
||||||
"value": renyuanData.value.xm,
|
"value": renyuanData.value.xm,
|
||||||
"titleSpan": 3,
|
"titleSpan": 3,
|
||||||
"valueSpan": 3
|
"valueSpan": 3,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "性别",
|
"title": "性别",
|
||||||
"value": renyuanData.value.xb_dictText,
|
"value": renyuanData.value.xb_dictText,
|
||||||
"titleSpan": 3,
|
"titleSpan": 3,
|
||||||
"valueSpan": 4
|
"valueSpan": 4,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
|
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "出生年月",
|
"title": "出生年月",
|
||||||
"value": renyuanData.value.cssj,
|
"value": renyuanData.value.cssj,
|
||||||
"titleSpan": 4,
|
"titleSpan": 4,
|
||||||
"valueSpan": 4
|
"valueSpan": 4,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "民族",
|
"title": "民族",
|
||||||
"value": renyuanData.value.mz,
|
"value": renyuanData.value.mz,
|
||||||
"titleSpan": 3,
|
"titleSpan": 3,
|
||||||
"valueSpan": 3
|
"valueSpan": 3,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "籍贯",
|
"title": "籍贯",
|
||||||
"value": renyuanData.value.jg,
|
"value": renyuanData.value.jg,
|
||||||
"titleSpan": 3,
|
"titleSpan": 3,
|
||||||
"valueSpan": 5
|
"valueSpan": 5,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "出生地",
|
"title": "出生地",
|
||||||
"value": renyuanData.value.csd,
|
"value": renyuanData.value.csd,
|
||||||
"titleSpan": 3,
|
"titleSpan": 3,
|
||||||
"valueSpan": 4
|
"valueSpan": 4,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "工作时间",
|
"title": "工作时间",
|
||||||
"value": renyuanData.value.cjgzsj,
|
"value": renyuanData.value.cjgzsj,
|
||||||
"titleSpan": 4,
|
"titleSpan": 4,
|
||||||
"valueSpan": 5
|
"valueSpan": 5,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
|
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "政治面貌",
|
"title": "政治面貌",
|
||||||
"value": renyuanData.value.zzmm + renyuanData.value.jrsj,
|
"value": renyuanData.value.zzmm === "群众" ? renyuanData.value.zzmm : renyuanData.value.zzmm +
|
||||||
|
renyuanData.value.jrsj,
|
||||||
"titleSpan": 4,
|
"titleSpan": 4,
|
||||||
"valueSpan": 4
|
"valueSpan": 4,
|
||||||
|
"class": "dataStyle1"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "现专业",
|
"title": "现专业",
|
||||||
"value": "",
|
"value": "",
|
||||||
"titleSpan": 3,
|
"titleSpan": 3,
|
||||||
"valueSpan": 8
|
"valueSpan": 8,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "用工形式",
|
"title": "用工形式",
|
||||||
"value": renyuanData.value.rylb1_dictText,
|
"value": renyuanData.value.rylb1_dictText,
|
||||||
"titleSpan": 4,
|
"titleSpan": 4,
|
||||||
"valueSpan": 5
|
"valueSpan": 5,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "健康状况",
|
"title": "健康状况",
|
||||||
"value": "",
|
"value": "",
|
||||||
"titleSpan": 4,
|
"titleSpan": 4,
|
||||||
"valueSpan": 4
|
"valueSpan": 4,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "所在单位",
|
"title": "所在单位",
|
||||||
"value": renyuanData.value.orgCode_dictText,
|
"value": renyuanData.value.orgCode_dictText,
|
||||||
"titleSpan": 4,
|
"titleSpan": 4,
|
||||||
"valueSpan": 6
|
"valueSpan": 6,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "专业技术资格",
|
"title": "专业技术资格",
|
||||||
"value": gbxxList.value.zc + gbxxList.value.zcsj,
|
"value": gbxxList.value.zc === 0 ? "/" : gbxxList.value.zc + gbxxList.value.zcsj,
|
||||||
"titleSpan": 5,
|
"titleSpan": 5,
|
||||||
"valueSpan": 7
|
"valueSpan": 7,
|
||||||
|
"class": "dataStyle1"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "职业资格等级",
|
"title": "职业资格等级",
|
||||||
"value": zyzgdjList.value.ztgz + zyzgdjList.value.ztgzdj,
|
"value": zyzgdjList.value.ztgz === "0" ? "/" : zyzgdjList.value.ztgz + zyzgdjList.value.ztgzdj,
|
||||||
"titleSpan": 5,
|
"titleSpan": 5,
|
||||||
"valueSpan": 7
|
"valueSpan": 7,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "",
|
"title": "",
|
||||||
"value": "",
|
"value": "",
|
||||||
"titleSpan": 0,
|
"titleSpan": 0,
|
||||||
"valueSpan": 0
|
"valueSpan": 0,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
|
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "职务(岗位)",
|
"title": "职务(岗位)",
|
||||||
"value": gbxxList.value.zw,
|
"value": gbxxList.value.zw,
|
||||||
"titleSpan": 5,
|
"titleSpan": 5,
|
||||||
"valueSpan": 7
|
"valueSpan": 7,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
|
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "职位级别",
|
"title": "职位级别",
|
||||||
"value": gbxxList.value.zwcj,
|
"value": gbxxList.value.zwcj,
|
||||||
"titleSpan": 5,
|
"titleSpan": 5,
|
||||||
"valueSpan": 7
|
"valueSpan": 7,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
cellData.value.push({
|
cellData.value.push({
|
||||||
"title": "",
|
"title": "",
|
||||||
"value": "",
|
"value": "",
|
||||||
"titleSpan": 0,
|
"titleSpan": 0,
|
||||||
"valueSpan": 0
|
"valueSpan": 0,
|
||||||
|
"class": "dataStyle"
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -553,22 +576,20 @@
|
|||||||
.titleStyle {
|
.titleStyle {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #747474;
|
color: #747474;
|
||||||
line-height: 50px;
|
line-height: 35px;
|
||||||
height: 50px;
|
height: 35px;
|
||||||
background: #F2F9FC;
|
background: #F2F9FC;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border-left: 1px solid #919191;
|
border-left: 1px solid #919191;
|
||||||
border-bottom: 1px solid #919191;
|
border-bottom: 1px solid #919191;
|
||||||
;
|
;
|
||||||
|
;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 内容样式 */
|
/* 内容样式 */
|
||||||
.dataStyle {
|
.dataStyle {
|
||||||
max-font-size: 14px;
|
|
||||||
/* 最大字体限制 */
|
|
||||||
min-font-size: 10px;
|
|
||||||
/* 最小字体限制 */
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #00007f;
|
color: #00007f;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
@ -583,4 +604,42 @@
|
|||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* 内容样式 */
|
||||||
|
.dataStyle1 {
|
||||||
|
max-font-size: 14px;
|
||||||
|
/* 最大字体限制 */
|
||||||
|
min-font-size: 10px;
|
||||||
|
/* 最小字体限制 */
|
||||||
|
font-size: 14px;
|
||||||
|
color: #00007f;
|
||||||
|
line-height: 30px;
|
||||||
|
height: 30px;
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
border-bottom: 1px solid #919191;
|
||||||
|
border-left: 1px solid #919191;
|
||||||
|
text-align: center;
|
||||||
|
word-wrap: break-word;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 内容样式 */
|
||||||
|
.dataStyle2 {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #00007f;
|
||||||
|
line-height: 15px;
|
||||||
|
height: 30px;
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
border-bottom: 1px solid #919191;
|
||||||
|
border-left: 1px solid #919191;
|
||||||
|
text-align: center;
|
||||||
|
word-wrap: break-word;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
@ -5,14 +5,16 @@
|
|||||||
<uni-col :span="5"><uni-title :title="'选择单位'" align="left" type="h4"></uni-title></uni-col>
|
<uni-col :span="5"><uni-title :title="'选择单位'" align="left" type="h4"></uni-title></uni-col>
|
||||||
|
|
||||||
<uni-col :span="19">
|
<uni-col :span="19">
|
||||||
<trq-depart-select v-model="selectedOrgCode" returnCodeOrID="orgCode" @change="onOrgCodeChange"></trq-depart-select>
|
<trq-depart-select v-model="selectedOrgCode" returnCodeOrID="orgCode"
|
||||||
|
@change="onOrgCodeChange"></trq-depart-select>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
</uni-row>
|
</uni-row>
|
||||||
|
|
||||||
<uni-row style="margin-bottom: 20rpx; margin-left: 30rpx; margin-right: 30rpx">
|
<uni-row style="margin-bottom: 20rpx; margin-left: 30rpx; margin-right: 30rpx">
|
||||||
<uni-col :span="5"><uni-title :title="'选择字段'" align="left" type="h4"></uni-title></uni-col>
|
<uni-col :span="5"><uni-title :title="'选择字段'" align="left" type="h4"></uni-title></uni-col>
|
||||||
<uni-col :span="19">
|
<uni-col :span="19">
|
||||||
<uni-data-select v-model="selectedField" :localdata="fieldList" @change="onFieldChange"></uni-data-select>
|
<uni-data-select v-model="selectedField" :localdata="fieldList"
|
||||||
|
@change="onFieldChange"></uni-data-select>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
</uni-row>
|
</uni-row>
|
||||||
</view>
|
</view>
|
||||||
@ -24,7 +26,8 @@
|
|||||||
<!-- 翻页按钮 -->
|
<!-- 翻页按钮 -->
|
||||||
<view style="display: flex; justify-content: center; margin-top: 10px">
|
<view style="display: flex; justify-content: center; margin-top: 10px">
|
||||||
<button @click="prevPage" :disabled="currentPage === 1" size="mini">上一页</button>
|
<button @click="prevPage" :disabled="currentPage === 1" size="mini">上一页</button>
|
||||||
<button @click="nextPage" :disabled="currentPage * pageSize >= chartDataCount.value" size="mini">下一页</button>
|
<button @click="nextPage" :disabled="currentPage * pageSize >= chartDataCount.value"
|
||||||
|
size="mini">下一页</button>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 数据表格 -->
|
<!-- 数据表格 -->
|
||||||
@ -82,17 +85,36 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref, reactive, onMounted, computed } from 'vue';
|
import {
|
||||||
|
ref,
|
||||||
|
reactive,
|
||||||
|
onMounted,
|
||||||
|
computed
|
||||||
|
} from 'vue';
|
||||||
import * as echarts from 'echarts';
|
import * as echarts from 'echarts';
|
||||||
import { cxcRyDatAstatistics, cxcRyDatAstatisticsDetails } from '@/api/renyuan.js';
|
import {
|
||||||
|
cxcRyDatAstatistics,
|
||||||
|
cxcRyDatAstatisticsCertificate,
|
||||||
|
cxcRyDatAstatisticsDetails
|
||||||
|
} from '@/api/renyuan.js';
|
||||||
|
|
||||||
// 存储下方组件的高度 tableData
|
// 存储下方组件的高度 tableData
|
||||||
const bottomHeight = ref(0);
|
const bottomHeight = ref(0);
|
||||||
// 新增加载状态
|
// 新增加载状态
|
||||||
const chart = ref(null);
|
const chart = ref(null);
|
||||||
const chartDataCount = ref(0);
|
const chartDataCount = ref(0);
|
||||||
const fieldList = ref([
|
const fieldList = ref([{
|
||||||
|
text: '取证情况',
|
||||||
|
value: 'zjmc',
|
||||||
|
isDict: false,
|
||||||
|
dictCode: 'gzrlzy'
|
||||||
|
},
|
||||||
{
|
{
|
||||||
|
text: '岗位类别',
|
||||||
|
value: 'gwlb',
|
||||||
|
isDict: false,
|
||||||
|
dictCode: ''
|
||||||
|
}, {
|
||||||
text: '性别',
|
text: '性别',
|
||||||
value: 'xb',
|
value: 'xb',
|
||||||
isDict: true,
|
isDict: true,
|
||||||
@ -211,7 +233,7 @@ const getChartOption = (ChartData) => {
|
|||||||
|
|
||||||
let legendData = [];
|
let legendData = [];
|
||||||
for (let i = 0; i < fieldValues.value.length; i++) {
|
for (let i = 0; i < fieldValues.value.length; i++) {
|
||||||
legendData.push(fieldValues.value[i].filedText);
|
legendData.push(fieldValues.value[i].fieldText);
|
||||||
}
|
}
|
||||||
|
|
||||||
tempChartData.forEach((item) => {
|
tempChartData.forEach((item) => {
|
||||||
@ -221,7 +243,7 @@ const getChartOption = (ChartData) => {
|
|||||||
for (let i = 0; i < fieldValues.value.length; i++) {
|
for (let i = 0; i < fieldValues.value.length; i++) {
|
||||||
let tempData = [];
|
let tempData = [];
|
||||||
tempChartData.forEach((item) => {
|
tempChartData.forEach((item) => {
|
||||||
console.log(item);
|
// console.log(item);
|
||||||
if (item.data[i]) {
|
if (item.data[i]) {
|
||||||
tempData.push(item.data[i]);
|
tempData.push(item.data[i]);
|
||||||
} else {
|
} else {
|
||||||
@ -229,7 +251,7 @@ const getChartOption = (ChartData) => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
seriesData.push({
|
seriesData.push({
|
||||||
name: fieldValues.value[i].filedText,
|
name: fieldValues.value[i].fieldText,
|
||||||
type: 'bar',
|
type: 'bar',
|
||||||
label: {
|
label: {
|
||||||
show: true, // 显示数值标签
|
show: true, // 显示数值标签
|
||||||
@ -275,8 +297,7 @@ const getChartOption = (ChartData) => {
|
|||||||
show: false //不显示坐标轴线
|
show: false //不显示坐标轴线
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
yAxis: [
|
yAxis: [{
|
||||||
{
|
|
||||||
show: true,
|
show: true,
|
||||||
boundaryGap: false, //解决数据与线不对应问题
|
boundaryGap: false, //解决数据与线不对应问题
|
||||||
type: 'value',
|
type: 'value',
|
||||||
@ -300,8 +321,7 @@ const getChartOption = (ChartData) => {
|
|||||||
axisLine: {
|
axisLine: {
|
||||||
show: false //不显示坐标轴线
|
show: false //不显示坐标轴线
|
||||||
}
|
}
|
||||||
}
|
}],
|
||||||
],
|
|
||||||
series: seriesData,
|
series: seriesData,
|
||||||
|
|
||||||
legend: {
|
legend: {
|
||||||
@ -393,13 +413,16 @@ function findNodeByOrgCode(treeData, targetOrgCode) {
|
|||||||
function collectUniqueKeyFieldValues(tree) {
|
function collectUniqueKeyFieldValues(tree) {
|
||||||
const uniqueMap = new Map();
|
const uniqueMap = new Map();
|
||||||
tree.forEach((item) => {
|
tree.forEach((item) => {
|
||||||
const { fieldValue, filedText } = item;
|
const {
|
||||||
const key = `${fieldValue}-${filedText}`;
|
fieldValue,
|
||||||
|
fieldText
|
||||||
|
} = item;
|
||||||
|
const key = `${fieldValue}-${fieldText}`;
|
||||||
|
|
||||||
if (!uniqueMap.has(key)) {
|
if (!uniqueMap.has(key)) {
|
||||||
uniqueMap.set(key, {
|
uniqueMap.set(key, {
|
||||||
fieldValue,
|
fieldValue,
|
||||||
filedText
|
fieldText
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -467,7 +490,8 @@ function transformData(selectOrgCode, data) {
|
|||||||
// console.log(entry);
|
// console.log(entry);
|
||||||
hierarchy.forEach((code) => {
|
hierarchy.forEach((code) => {
|
||||||
// console.log(code);
|
// console.log(code);
|
||||||
let tempOrgText = orgMapper.findOrgText(code) === undefined ? '' : orgMapper.findOrgText(code);
|
let tempOrgText = orgMapper.findOrgText(code) === undefined ? '' : orgMapper.findOrgText(
|
||||||
|
code);
|
||||||
// console.log(tempOrgText);
|
// console.log(tempOrgText);
|
||||||
if (!nodes.has(code)) {
|
if (!nodes.has(code)) {
|
||||||
nodes.set(code, {
|
nodes.set(code, {
|
||||||
@ -579,7 +603,7 @@ const groupByOrgCode = (orgCode, data) => {
|
|||||||
groupedByFieldValue[item.fieldValue] = {
|
groupedByFieldValue[item.fieldValue] = {
|
||||||
orgCode: item.orgCode,
|
orgCode: item.orgCode,
|
||||||
orgText: item.orgText,
|
orgText: item.orgText,
|
||||||
filedText: item.filedText,
|
fieldText: item.fieldText,
|
||||||
number: 0,
|
number: 0,
|
||||||
ldhth: []
|
ldhth: []
|
||||||
};
|
};
|
||||||
@ -591,17 +615,21 @@ const groupByOrgCode = (orgCode, data) => {
|
|||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
}
|
}
|
||||||
console.log(1, orgMapper.findOrgText(orgCode));
|
// console.log(1, orgMapper.findOrgText(orgCode));
|
||||||
// 构建本级结果
|
// 构建本级结果
|
||||||
|
|
||||||
const result = {
|
const result = {
|
||||||
orgCode: orgCode,
|
orgCode: orgCode,
|
||||||
orgText: orgMapper.findOrgText(orgCode),
|
orgText: orgMapper.findOrgText(orgCode),
|
||||||
fieldValues: Object.keys(groupedByFieldValue).map((fieldValue) => {
|
fieldValues: Object.keys(groupedByFieldValue).map((fieldValue) => {
|
||||||
const { filedText, orgCode, orgText } = groupedByFieldValue[fieldValue] || {};
|
const {
|
||||||
|
fieldText,
|
||||||
|
orgCode,
|
||||||
|
orgText
|
||||||
|
} = groupedByFieldValue[fieldValue] || {};
|
||||||
return {
|
return {
|
||||||
fieldValue: fieldValue,
|
fieldValue: fieldValue,
|
||||||
filedText: filedText,
|
fieldText: fieldText,
|
||||||
orgCode: orgCode,
|
orgCode: orgCode,
|
||||||
orgText: orgText,
|
orgText: orgText,
|
||||||
number: groupedByFieldValue[fieldValue].number,
|
number: groupedByFieldValue[fieldValue].number,
|
||||||
@ -647,15 +675,27 @@ const fetchStatisticsData = async () => {
|
|||||||
let res = [];
|
let res = [];
|
||||||
chartData.value = [];
|
chartData.value = [];
|
||||||
try {
|
try {
|
||||||
|
|
||||||
|
if (selectedField.value === "zjmc") {
|
||||||
|
console.log(dictCode.value)
|
||||||
|
res = await cxcRyDatAstatisticsCertificate({
|
||||||
|
orgCode: selectedOrgCode.value,
|
||||||
|
field: selectedField.value,
|
||||||
|
dictCode: dictCode.value,
|
||||||
|
fieldisDict: fieldisDict.value
|
||||||
|
});
|
||||||
|
} else {
|
||||||
res = await cxcRyDatAstatistics({
|
res = await cxcRyDatAstatistics({
|
||||||
orgCode: selectedOrgCode.value,
|
orgCode: selectedOrgCode.value,
|
||||||
field: selectedField.value,
|
field: selectedField.value,
|
||||||
dictCode: dictCode.value,
|
dictCode: dictCode.value,
|
||||||
fieldisDict: fieldisDict.value
|
fieldisDict: fieldisDict.value
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
// console.log(res); //deepseek
|
// console.log(res); //deepseek
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
// console.log(selectedOrgCode.value, res);
|
console.log(selectedOrgCode.value, res);
|
||||||
if (res.result.length < 1) {
|
if (res.result.length < 1) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '查询数据为空'
|
title: '查询数据为空'
|
||||||
@ -700,6 +740,7 @@ const fetchPersonnelList = async (ldhthList) => {
|
|||||||
|
|
||||||
// 事件处理
|
// 事件处理
|
||||||
const onOrgCodeChange = (e, data) => {
|
const onOrgCodeChange = (e, data) => {
|
||||||
|
personnelList.value = []
|
||||||
selectedOrgCode.value = e;
|
selectedOrgCode.value = e;
|
||||||
// console.log(data.value.title);
|
// console.log(data.value.title);
|
||||||
selectedOrgCodeLabel.value = data.value.title;
|
selectedOrgCodeLabel.value = data.value.title;
|
||||||
@ -707,6 +748,7 @@ const onOrgCodeChange = (e, data) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const onFieldChange = (e) => {
|
const onFieldChange = (e) => {
|
||||||
|
personnelList.value = []
|
||||||
// console.log(e);
|
// console.log(e);
|
||||||
try {
|
try {
|
||||||
selectedField.value = e;
|
selectedField.value = e;
|
||||||
@ -727,7 +769,10 @@ const onFieldChange = (e) => {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const onChartClick = (e) => {
|
const onChartClick = (e) => {
|
||||||
const { ldhth } = chartData.value;
|
personnelList.value = []
|
||||||
|
const {
|
||||||
|
ldhth
|
||||||
|
} = chartData.value;
|
||||||
if (ldhth && ldhth.length > 0) {
|
if (ldhth && ldhth.length > 0) {
|
||||||
fetchPersonnelList(ldhth);
|
fetchPersonnelList(ldhth);
|
||||||
}
|
}
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
<uni-col :span="item.valueSpan">
|
<uni-col :span="item.valueSpan">
|
||||||
<view class="dataStyle">
|
<view :class="item.class">
|
||||||
{{ doEmptyString(item.value) }}
|
{{ doEmptyString(item.value) }}
|
||||||
</view>
|
</view>
|
||||||
</uni-col>
|
</uni-col>
|
||||||
@ -77,8 +77,8 @@
|
|||||||
.titleStyle {
|
.titleStyle {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #747474;
|
color: #747474;
|
||||||
line-height: 50px;
|
line-height: 30px;
|
||||||
height: 50px;
|
height: 30px;
|
||||||
background: #F2F9FC;
|
background: #F2F9FC;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
@ -90,14 +90,26 @@
|
|||||||
|
|
||||||
/* 内容样式 */
|
/* 内容样式 */
|
||||||
.dataStyle {
|
.dataStyle {
|
||||||
max-font-size: 14px;
|
|
||||||
/* 最大字体限制 */
|
|
||||||
min-font-size: 10px;
|
|
||||||
/* 最小字体限制 */
|
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #00007f;
|
color: #00007f;
|
||||||
line-height: 25px;
|
line-height: 35px;
|
||||||
height: 50px;
|
height: 30px;
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
border-bottom: 1px solid #919191;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 内容样式 */
|
||||||
|
.dataStyle1 {
|
||||||
|
|
||||||
|
font-size: 12px;
|
||||||
|
color: #00007f;
|
||||||
|
line-height: 15px;
|
||||||
|
height: 30px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
Loading…
Reference in New Issue
Block a user