This commit is contained in:
yunkexin 2026-01-30 14:10:10 +08:00
parent 3200481b0c
commit ac85a733f4
7 changed files with 1157 additions and 23 deletions

View File

@ -1392,6 +1392,27 @@
"navigationBarTitleText": "安全意识调查",
"onReachBottomDistance": 100
}
},
{
"path": "12trainSurveyEdit",
"style": {
"navigationBarTitleText": "培训需求调查",
"onReachBottomDistance": 100
}
},
{
"path": "12trainSurveyShow",
"style": {
"navigationBarTitleText": "培训需求调查",
"onReachBottomDistance": 100
}
},
{
"path": "12trainSurveyList",
"style": {
"navigationBarTitleText": "培训需求调查",
"onReachBottomDistance": 100
}
}
]

View File

@ -0,0 +1,402 @@
<template>
<view class="todo-page">
<view class="background"></view>
<view class="allview">
<view class="card" >
<u--form labelWidth="auto" :model="model" ref="wForm" class="demo-ruleForm">
<view style="position: relative;">
<view style="position: absolute;left: -10px;color: #3d4b70;top: -3px;">*</view>
</view>
<view style="font-size: 15px; font-weight: bold;color: #3d4b70;margin-bottom: 10px;">基本信息填写</view>
<u-form-item required label="调查名称" prop="LOCATION" borderBottom>
<u--input disabledColor="#ffffff" v-model="model.NAME" border="none" inputAlign="right" fontSize="14px" placeholder="请输入调查名称"></u--input>
</u-form-item>
<u-form-item required label="截止时间" prop="ENDTIME" borderBottom @click="showCheckDate(1)">
<u--input disabled disabledColor="#fff" v-model="model.END_TIME" placeholder="请选择时间" border="none" inputAlign="right" fontSize="14px"></u--input>
<u-icon style="margin-left: 4px;" name="arrow-down" size="12"></u-icon>
</u-form-item>
<u-form-item required label="参与部门" @click="handleShowSheet({title: '参与部门', name: 'Nav_JoinDepartment'})" >
<u-icon name="arrow-down" size="12" slot="right"></u-icon>
</u-form-item>
<view class="tag-view" v-if="model.Nav_JoinDepartment">
<uni-tag class="tag" v-for="(i, k) in model.Nav_JoinDepartment.filter(i => !i.IS_DELETED)" :key="k" :inverted="true" :text="i.Nav_Department.NAME" type="primary" />
</view>
<u-form-item required label="调查目的" @click="handleShowSheet({title: '调查目的', name: 'Nav_Points'})" >
<u-icon name="arrow-down" size="12" slot="right"></u-icon>
</u-form-item>
<view class="tag-view" v-if="model.Nav_Points">
<uni-tag class="tag" v-for="(i, k) in model.Nav_Points.filter(i => !i.IS_DELETED)" :key="k" :inverted="true" :text="i.Nav_Point.NAME" type="primary" />
</view>
</u--form>
</view>
<view style="padding: 10px 16px;" class="bottom-button">
<u-button type="primary" @click="submit" color="#3d4b70" :loading="stepLoad">提交</u-button>
</view>
<query-selector :multiple="selectorInfo.isMultiple" :show="selectorInfo.showPopup" :title="selectorInfo.title" :lists="selectorInfo.dataLists" :defaultChecked="selectorInfo.defaultChecked"
@search="handleSearch" @select="handleSelected" @close="selectorInfo.showPopup=false" :total="selectorInfo.totalCount" />
<u-picker :show="comPickerInfo.showSheet" :columns="comPickerInfo.columns" @confirm="onConfirmPicker" @close="comPickerInfo.showSheet=false" @cancel="comPickerInfo.showSheet=false" keyName="NAME"></u-picker>
<people-selector :defaultChecked="peopleSelectOption.defaultChecked" :show="peopleSelectOption.showSelector" @select="handleSelectorPeople" @close="peopleSelectOption.showSelector = false">
</people-selector>
<u-datetime-picker :show="dateTimePickerInfo.showCheckDate" v-model='dateTimePickerInfo.defaultDateTime' @confirm="handleCheckDate" @close="dateTimePickerInfo.showCheckDate = false"
@cancel="dateTimePickerInfo.showCheckDate = false" :mode="dateTimePickerInfo.mode"></u-datetime-picker>
</view>
</view>
</template>
<script>
import {
extendFilterGroup,
extendGroupRule,
extendInclude,
extendOrder,
extendRule,
extendIgnoreDataRule,
guid,
initFilter,
initFilterGroup
} from '../../../../utils/common'
import {
FMProductionUnit,
CheckPeriods,
CheckLevels,
MineTypeIndex,
MineTypeName
} from '../../../../utils/enums.js'
import {
getRequest,
getRequestOrderPage
} from '../../../../services/apply/FOServices/FOServices';
import stepTitle from '@/components/custom/step-title.vue'
import swipeActionItem from '../../../../uni_modules/uview-ui/libs/config/props/swipeActionItem';
import {
getEnum
} from '../../../../services/common';
export default {
components: {
stepTitle,
},
data() {
return {
showDelModalIndex: undefined,
showDelModalIndex1: undefined,
isMultiple: false,
defaultChecked: [],
ORG_ID: uni.getStorageSync('orgId'),
model: {
Nav_JoinDepartment: [],
Nav_Points: [],
NAME:'',
END_TIME:'',
},
peopleSelectOption: {
showSelector: false,
value: null,
index: 0,
defaultChecked: []
},
dateTimePickerInfo: {
showCheckDate: false,
dataIndex: undefined,
defaultDateTime: uni.$u.timeFormat(new Date(), 'yyyy-mm-dd hh:MM:ss'),
value: '',
name: '',
mode: ''
},
selectorInfo: {
name: 'user',
isMultiple: false,
showPopup: false,
totalCount: 0,
title: '考核结果选择',
itemData: {},
dataItem: {},
index: 0,
columns: [],
dataLists: [],
defaultText: '',
defaultChecked: []
},
comPickerInfo: {
showSheet: false,
dataItem: {},
columns: [],
title: '',
dataIndex: undefined,
formIndex: undefined,
name: ''
},
dateTime: uni.$u.timeFormat(new Date(), 'yyyy-mm-dd hh:MM'),
stepsPage: 0,
stepsPageList: 0,
stepLoad: true,
enumsData: {}, //
enumsText: {} //
}
},
onLoad(option) {
this.TaskID = option.taskID ? option.taskID : '';
this.model.ID = option.ID ? option.ID : '';
this.ID = option.ID ? option.ID : '';
this.loadData();
},
methods: {
loadData() {
if (this.ID == undefined || this.ID == '') {
this.stepLoad = false
if (this.ID == undefined || this.ID == '')
this.ID = guid()
this.model.ID = this.ID
} else {
const orgId = uni.getStorageSync('orgId')
const json = initFilter(orgId, "", "")
extendRule(json, 'ID', 1, this.ID);
extendInclude(json, 'Nav_JoinDepartment.Nav_Department');
extendInclude(json, 'Nav_JoinDepartment');
extendInclude(json, 'Nav_Points');
extendInclude(json, 'Nav_Points.Nav_Point');
extendInclude(json, 'Nav_LaunchUser');
extendIgnoreDataRule(json)
// extendInclude(json, 'Nav_Details.Nav_DetailContents.Nav_Question');
getRequest(json, "/SE/TrainSurvey/Get").then(res => {
this.stepLoad = false
this.model = res;
this.model.ID = this.ID
})
}
},
stepAdd() {
const isBlank = (value) => {
return typeof value !== 'string' || value.trim() === '';
};
if (isBlank(this.model.Nav_OperationStep.NAME) ||
isBlank(this.model.Nav_FireDepartment.NAME) ||
isBlank(this.model.Nav_FireUser.NAME) ||
isBlank(this.model.Nav_SafeUser.NAME) ||
isBlank(this.model.JOB_DATE) ||
isBlank(this.model.JOB_END_DATE)) {
uni.$showErrorInfo('请检查必填项,必填项不能为空')
} else {
this.stepsPageList = this.stepsPageList + 1
}
},
async handleShowSheet(p) {
const orgId = uni.getStorageSync('orgId')
const json = initFilter(orgId, "", "", 0, p.pageIndex ?? 1)
// const json = initFilter(this.ORG_ID, "", "", 0, p.pageIndex ?? 1)
let dataSelect = []
var defaultChecked = []
this.selectorInfo.isMultiple = false
if (p.val) {
extendRule(json, 'NAME', 9, p.val);
}
json.Limit = 20
if (p.pageIndex) {
json.Start = (p.pageIndex - 1) * json.Limit;
}
json.Sort = 'NAME'
if (p.name == 'Nav_JoinDepartment') {
this.selectorInfo.isMultiple = true
extendRule(json, 'ENABLE_STATUS', 1, '0')
dataSelect = await getRequestOrderPage(json, "/FM/Department/OrderPaged").then(res => {
this.selectorInfo.totalCount = res.TotalCount
if (res != undefined && res.Data.length > 0) {
for (let i = 0; i < res.Data.length; i++) {
res.Data[i].NAME = res.Data[i].NAME
}
} else {
uni.showToast({
title: '暂无信息',
icon: 'none'
})
}
return res.Data
})
if (this.model.Nav_JoinDepartment && this.model.Nav_JoinDepartment.length > 0 && this.model.Nav_JoinDepartment[0]
.Nav_Department != null) {
// this.selectorInfo.defaultChecked = []
this.model.Nav_JoinDepartment.forEach(e => {
defaultChecked.push(e.Nav_Department)
})
} else {
defaultChecked = null
}
} else if (p.name == 'Nav_Points') {
this.selectorInfo.isMultiple = true
json.Sort = "ID"
extendRule(json, 'TYPE', 1, '1')
dataSelect = await getRequestOrderPage(json, "/SE/TestEnumPoint/OrderPaged").then(res => {
this.selectorInfo.totalCount = res.TotalCount
if (res != undefined && res.Data.length > 0) {
for (let i = 0; i < res.Data.length; i++) {
res.Data[i].NAME = res.Data[i].NAME
}
} else {
uni.showToast({
title: '暂无信息',
icon: 'none'
})
}
return res.Data
})
if (this.model.Nav_Points && this.model.Nav_Points.length > 0 && this.model.Nav_Points[0]
.Nav_Point != null) {
// this.selectorInfo.defaultChecked = []
this.model.Nav_Points.forEach(e => {
defaultChecked.push(e.Nav_Point)
})
} else {
defaultChecked = null
}
}
if (defaultChecked == null)
defaultChecked = []
if (dataSelect.length) {
this.selectorInfo = {
itemData: p.itemData != undefined ? p.itemData : this.selectorInfo
.itemData, //itemData: p.itemData, p.itemData this.selectorInfo.itemData
isMultiple: this.selectorInfo.isMultiple,
totalCount: this.selectorInfo.totalCount,
showPopup: true,
title: p.title,
name: p.name,
dataLists: dataSelect,
defaultChecked: defaultChecked,
index: p.index
}
} else {
//
}
},
//
handleSearch(val, pageIndex) {
var p = {
name: this.selectorInfo.name,
title: this.selectorInfo.title,
val: val,
pageIndex: pageIndex,
itemData: this.selectorInfo.itemData
}
this.handleShowSheet(p)
},
handleSelected(e) {
this.selectorInfo.showPopup = false
if (this.selectorInfo.name == 'Nav_JoinDepartment') {
let listArea = []
if (e.length > 0) {
e.forEach((item, i) => {
if (item.name != null || item.NAME != null) {
listArea.push({
ID: guid(),
SURVEY_ID: this.model.ID,
DEPARTMENT_ID: item.ID,
ORG_ID: item.ORG_ID,
Nav_Department: item
})
}
})
}
this.model.Nav_JoinDepartment = listArea
// this.model.RiskAreaNAME = areaShow
} else if (this.selectorInfo.name == 'Nav_Points') {
let listArea = []
if (e.length > 0) {
e.forEach((item, i) => {
if (item.name != null || item.NAME != null) {
listArea.push({
ID: guid(),
SURVEY_ID: this.model.ID,
POINT_ID: item.ID,
ORG_ID: item.ORG_ID,
Nav_Point: item
})
}
})
}
this.model.Nav_Points = listArea
}
},
showCheckDate(dataIndex, item) {
this.dateTimePickerInfo = {
showCheckDate: true,
defaultDateTime: uni.$u.timeFormat(new Date(), 'yyyy-mm-dd hh:MM:ss'),
dataIndex: dataIndex,
item: item,
mode: 'datetime'
}
},
//
handleCheckDate(e) {
if (this.dateTimePickerInfo.dataIndex == 1) {
this.model.END_TIME = uni.$u.timeFormat(e.value,
'yyyy-mm-dd hh:MM:ss')
}
this.dateTimePickerInfo.showCheckDate = false
},
submit() {
this.modelEdit = JSON.parse(JSON.stringify(this.model))
// if(this.modelEdit.Nav_JoinDepartment&&this.modelEdit.Nav_JoinDepartment.length>0){
// this.modelEdit.Nav_JoinDepartment.map(item=>{
// delete item.Nav_Department
// })
// }
// if(this.modelEdit.Nav_Points&&this.modelEdit.Nav_Points.length>0){
// this.modelEdit.Nav_Points.map(item=>{
// delete item.Nav_Point
// })
// }
if (this.TaskID == null || this.TaskID == '') {
this.modelEdit.TaskID = '00000000-0000-0000-0000-000000000000'
} else {
this.modelEdit.TaskID = this.TaskID
}
if (this.modelEdit.ORG_ID == null || this.modelEdit.ORG_ID == '')
this.modelEdit.ORG_ID = this.ORG_ID
this.modelEdit.PUBLISH = 'SaveAndNotify'
getRequest(this.modelEdit, "/SE/SETrainSurvey/FullUpdate").then(res => {
if (res) {
uni.$showMsgFunc('操作成功!', () => {
uni.navigateBack()
}, 'success', 1000)
}
})
}
}
}
</script>
<style scoped>
@import url("../../../../style/css/newTemplate.css");
</style>

View File

@ -0,0 +1,344 @@
<template>
<view class="risk-record-page">
<u-sticky>
<view class="filter-bar">
<view class="filter filter-date-range" @click="handleShowPicker({title: '时间区间', name: 'dateRange'})">
<text>{{dateFilterTxt}}</text>
<u-icon size="14" style="margin-left: 4px;" name="arrow-down"></u-icon>
</view>
<uni-search-bar class="search-bar" radius="100" v-model="keyword" @confirm="handleSearch" @cancel="handleCancelSearch" @clear="handleCancelSearch" placeholder="搜索" cancel-button="none">
<uni-icons slot="searchIcon" color="#999999" size="16" type="search" class="search-slot" />
</uni-search-bar>
<view class="filter filter-status" @click="handleShowPicker({title: '状态', name: 'status'})">
<text>{{statusFilterTxt}}</text>
<u-icon size="14" style="margin-left: 4px;" name="arrow-down"></u-icon>
</view>
</view>
</u-sticky>
<view class="main">
<view class="content-list">
<common-card :dataSource="item" v-for="item in lists" class="content" @click="showDetail(item.ID)">
<view>
<view class="field">
<text class="label">发起人</text>
<text class="value">{{item.Nav_LaunchUser?item.Nav_LaunchUser.NAME:''}}</text>
</view>
<view class="field">
<text class="label">发起部门</text>
<text class="value">{{item.Nav_LaunchDepartment?item.Nav_LaunchDepartment.NAME:''}}</text>
</view>
<view class="field">
<text class="label">发起时间</text>
<text class="value">{{item.LAUNCH_TIME}}</text>
</view>
<view class="field">
<text class="label">截止时间</text>
<text class="value">{{item.END_TIME}}</text>
</view>
<view class="field">
<text class="label">状态</text>
<text class="status">{{item.STATUS}}</text>
</view>
</view>
</common-card>
</view>
<view v-if="!lists.length" class="empty-wrap">
<u-empty text="暂无数据" icon="/static/empty@2x.png">
</u-empty>
</view>
</view>
<u-picker :show="comPickerInfo.showPicker" :columns="comPickerInfo.columns" @confirm="onConfirmPicker" :defaultIndex="[0]" @cancel="closePicker"></u-picker>
</view>
</template>
<script>
import {
getRequestOrderPage
} from '../../../../services/apply/FOServices/FOServices.js'
import {
extendInclude,
extendRule,
initFilter
} from '../../../../utils/common'
import {
getEnum
} from '../../../../services/common';
export default {
data() {
return {
pageIndex: 1,
total: 0,
lists: [],
keyword: '',
searchStartTime: '',
filterStatus: null,
dateFilterTxt: '时间区间',
statusFilterTxt: '状态筛选',
comPickerInfo: {
showPicker: false,
columns: [],
title: '',
name: ''
},
enumsData: {}, //
enumsText: {} //
}
},
onLoad() {
this.fetchEnums(['SETrainSurveyStatus']);
},
methods: {
async fetchEnums(enumNames) {
try {
// Promise
const enumPromises = enumNames.map(name => {
return getEnum({
name
}).then(res => {
// name/code便
return {
enumName: name,
data: res.map(item => ({
...item,
name: item.NAME, //
code: item.ID //
}))
};
});
});
//
const results = await Promise.all(enumPromises);
// data
results.forEach(({
enumName,
data
}) => {
this.enumsData[enumName] = data;
//
this.enumsText[enumName] = data.map(item => item.name);
});
// loadData
this.loadData();
} catch (error) {
console.error('枚举请求失败:', error);
uni.showToast({
title: '枚举数据加载失败',
icon: 'none'
});
}
},
handleSearch(obj) {
this.keyword = obj.value
},
handleCancelSearch() {
this.keyword = ''
},
loadData() {
const orgId = uni.getStorageSync('orgId')
const json = initFilter(orgId, "", "CREATE_TIME", 1, this.pageIndex)
extendInclude(json, "Nav_LaunchDepartment")
extendInclude(json, "Nav_LaunchUser")
// extendInclude(json, "Nav_TrainCheckType")
if (this.keyword) {
extendRule(json, 'NAME', 9, this.keyword)
}
if (this.searchStartTime) {
extendRule(json, 'LAUNCH_TIME', 6, this.searchStartTime)
}
if (this.filterStatus !== null) {
extendRule(json, 'STATUS', 1, this.filterStatus)
}
getRequestOrderPage(json, "/SE/TrainSurvey/OrderPaged").then(res => {
this.total = res.TotalCount;
let newRes = (res.Data || []).map(i => {
return {
...i,
title: i.NAME,
STATUS: i.STATUS !== undefined ? this.enumsData['SETrainSurveyStatus'].find(item => item.code === i.STATUS).name : '',
}
})
if (this.pageIndex !== 1) {
this.lists = this.lists.concat(newRes)
} else {
this.lists = newRes
}
})
},
showDetail(id) {
uni.navigateTo({
url: '/pages/apply/subPages/SE/12trainSurveyShow?ID=' + id
})
},
handleShowPicker(p) {
let column = []
if (p.name === 'dateRange') {
column = ['全部', '当天', '最近三天', '最近一周', '最近一月']
}
if (p.name === 'status') {
column = this.enumsText['SETrainSurveyStatus']
}
this.comPickerInfo = {
showPicker: true,
title: p.title,
name: p.name,
columns: [column]
}
},
onConfirmPicker(e) {
if (this.comPickerInfo.name === 'dateRange') {
let currentDate = new Date();
if (e.indexs[0] === 2) {
currentDate.setDate(currentDate.getDate() - 3);
} else if (e.indexs[0] === 3) {
currentDate.setDate(currentDate.getDate() - 7);
} else if (e.indexs[0] === 4) {
currentDate.setDate(currentDate.getMonth());
}
if (e.indexs[0] === 0) {
this.searchStartTime = ''
this.dateFilterTxt = '时间区间'
} else {
this.dateFilterTxt = e.value[0]
this.searchStartTime = uni.$u.timeFormat(currentDate, 'yyyy-mm-dd 00:00:00');
}
}
if (this.comPickerInfo.name === 'status') {
this.filterStatus = this.enumsData['SETrainSurveyStatus'][e.indexs[0]].code
this.statusFilterTxt = e.value[0]
}
this.closePicker()
},
closePicker() {
this.comPickerInfo = {
showPicker: false,
columns: [],
title: '',
name: ''
}
},
},
onReachBottom() {
// +1
if (this.total > 10 * this.pageIndex)
this.pageIndex++
},
watch: {
pageIndex(n, o) {
this.loadData()
},
keyword(n, o) {
this.pageIndex = 1
this.keyword = n
this.loadData()
},
searchStartTime(n, o) {
this.pageIndex = 1
this.searchStartTime = n
this.loadData()
},
filterStatus(n, o) {
this.pageIndex = 1
this.filterStatus = n
this.loadData()
}
}
}
</script>
<style>
.risk-record-page {
position: relative;
}
.risk-record-page .main {
padding: 0px 16px;
position: relative;
}
.risk-record-page>>>.uni-searchbar {
padding: 0px;
display: flex;
align-items: center;
font-size: 12px;
.uni-searchbar__box {
height: 30px;
}
.uni-searchbar__box-icon-clear {
display: flex;
align-items: center;
}
.uni-input-placeholder {}
.uni-searchbar__box-search-input {
font-size: 12px;
}
.uni-searchbar__text-placeholder {
font-size: 12px;
margin-left: 0px;
}
.uni-text {
font-size: 12px;
}
}
.filter-bar .search-bar {
margin-left: 20px;
margin-right: 20px;
width: 100%;
display: flex;
flex: 1;
align-items: center;
font-size: 12px;
}
.filter-bar {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
padding: 10px 16px 10px 16px;
box-shadow: 0px 0px 5px 0px #eaedf4;
}
.filter-bar .filter {
display: flex;
align-items: center;
font-size: 12px;
line-height: 18px;
color: #333;
}
.content-list {
padding: 10px 0;
}
.content .field {
font-size: 12px;
line-height: 18px;
margin-bottom: 4px;
}
.content .field .label {
color: #666;
}
.content .field .value {
color: #333333;
}
.status {
background-color: rgba(5, 109, 232, 0.1);
color: #056DE8;
padding: 0px 5px 0px 5px;
border-radius: 5px;
}
</style>

View File

@ -0,0 +1,361 @@
<template>
<view class="todo-page">
<view class="card">
<view class="background"></view>
<view>
<u--form labelPosition="left" labelWidth="auto" labelAlign="center" :model="model" class="demo-ruleForm">
<u-form-item required label="筛选" @click="handleShowSheet({title: '筛选', name: 'Nav_JoinDepartment'})" borderBottom>
<u--input disabledColor="#fff" v-model="type" disabled placeholder="请选择筛选条件" suffixIcon="arrow-down" suffixIconStyle="font-size:12px" fontSize="14px" border="none"
customStyle="margin:0px;display:flex;padding:3px 0px" inputAlign="right">
</u--input>
</u-form-item>
<u-form-item label="调查名称:" prop="NAME" borderBottom>
<u--input v-model="model.NAME" border="none" slot="right" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
</u-form-item>
<u-form-item label="发起时间:" prop="LAUNCH_TIME" borderBottom>
<u--input v-model="model.LAUNCH_TIME" border="none" slot="right" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
</u-form-item>
<u-form-item label="截止时间:" prop="END_TIME" borderBottom>
<u--input v-model="model.END_TIME" border="none" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
</u-form-item>
<u-form-item label="发起部门:" prop="Nav_LaunchDepartment.NAME" borderBottom>
<u--input v-if="model.Nav_LaunchDepartment" v-model="model.Nav_LaunchDepartment.NAME" border="none" slot="right" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
</u-form-item>
<u-form-item label="发起人员:" prop="Nav_LaunchUser.NAME" borderBottom>
<u--input v-if="model.Nav_LaunchUser" v-model="model.Nav_LaunchUser.NAME" border="none" slot="right" inputAlign="right" disabled disabledColor="#ffffff" fontSize="14px"></u--input>
</u-form-item>
<!-- <u-form-item label="参与人员">
</u-form-item>
<view class="tag-view" v-if="model.Nav_JoinDepartment">
<uni-tag class="tag" v-for="(i, k) in model.Nav_JoinDepartment.filter(i => !i.IS_DELETED)" :key="k" :inverted="true" :text="i.Nav_Department.NAME" type="primary" />
</view> -->
<u-form-item label="调查内容">
<!-- <u-icon name="arrow-down" size="12" slot="right"></u-icon> -->
</u-form-item>
<view class="tag-view" v-if="model.Nav_Points">
<uni-tag class="tag" v-for="(i, k) in model.Nav_Points.filter(i => !i.IS_DELETED)" :key="k" :inverted="true" :text="i.Nav_Point.NAME" type="primary" />
</view>
<view class="table-container" v-if="ROWS && ROWS.length > 0">
<table>
<tr>
<th colspan="100%" style="text-align: center; background-color: #f5f7fa; font-weight: bold; padding: 12px;">
答案正确率(百分比)
</th>
</tr>
<!-- 动态渲染表格行 -->
<tr v-for="(row, rowIndex) in ROWS" :key="rowIndex">
<!-- 如果是第一行使用 u-th 作为表头 -->
<template v-if="rowIndex === 0">
<th v-for="(cell, cellIndex) in row" :key="cellIndex">{{ cell }}</th>
</template>
<!-- 其他行使用 u-td -->
<template v-else>
<td v-for="(cell, cellIndex) in row" :key="cellIndex">{{ cell }}<span v-if="cellIndex!==0">%</span></td>
</template>
</tr>
</table>
</view>
</u--form>
</view>
</view>
<u-picker :show="comPickerInfo.showSheet" :columns="comPickerInfo.columns" @confirm="onConfirmPicker" @close="closePicker" @cancel="closePicker" keyName="NAME"></u-picker>
</view>
</template>
<script>
import {
initFilter,
extendRule,
extendInclude
} from '../../../../utils/common'
import {
getRequest,
} from '../../../../services/apply/FOServices/FOServices'
import '../../../../utils/showMsg.js'
import color from '../../../../uni_modules/uview-ui/libs/config/color'
import config from '../../../../config/common'
import {
getEnum
} from '../../../../services/common';
export default {
data() {
return {
model: {},
TaskID: "",
tableKey: '0',
isLoadOK: false,
paddingBottom: '170',
LEAVE_REASON: '',
users: '',
orgId: uni.getStorageSync('orgId'),
listPropUpload: ['NOTIFY_ID'],
listPropValUpload: [],
Lists: [],
type: '部门',
ROWS: [],
comPickerInfo: {
showSheet: false,
columns: [],
title: '',
dataIndex: undefined,
formIndex: undefined,
name: ''
},
}
},
onLoad(option) {
this.model.ID = option.ID;
this.model.ORG_ID_HV = option.ORG_ID_HV
this.TaskID = option.taskID;
this.tableKey = option.tableKey ? option.tableKey : '0'
this.loadData()
},
methods: {
loadData() {
const json = initFilter(this.orgId)
json.Parameter22 = this.model.ORG_ID_HV;
extendRule(json, 'ID', 1, this.model.ID);
extendSelectField(json, 'NAME');
extendSelectField(json, 'LAUNCH_TIME');
extendSelectField(json, 'END_TIME');
extendSelectField(json, 'STATUS');
extendSelectField(json, 'Nav_LaunchDepartment.NAME');
extendSelectField(json, 'Nav_LaunchUser.NAME');
extendSelectField(json, 'Nav_Points.Nav_Point.NAME');
extendSelectField(json, 'Nav_Demands.Nav_User.Nav_Department.NAME');
extendSelectField(json, 'Nav_Demands.Nav_Department.NAME');
extendSelectField(json, 'Nav_Demands.Nav_Items.Nav_DEMAND.NAME');
extendSelectField(json, 'Nav_Demands.OK');
extendSelectField(json, 'Nav_Demands.OTHER');
extendSelectField(json, 'Nav_Demands.Nav_User.NAME');
getRequest(json, "/SE/TrainSurvey/Get").then(res => {
this.model = res
this.isLoadOK = true;
})
},
//
async handleShowSheet(p) {
const orgId = uni.getStorageSync('orgId')
const json = initFilter(orgId, "", "", 0)
let dataSelect = ['部门', '人员', '岗位']
if (dataSelect.length) {
this.comPickerInfo = {
showSheet: true,
title: p.title,
name: p.name,
dataIndex: p.dataIndex,
columns: [dataSelect]
}
} else {
//
}
},
// departmentName Nav_DepartmentDeal Nav_UserDeal userDetailer Nav_UserCheck userChecker
onConfirmPicker(e) {
const {
name,
dataIndex
} = this.comPickerInfo
this.type = e.value[0]
this.comPickerInfo.showSheet = false
this.loadData()
},
closePicker() {
this.comPickerInfo = {
showSheet: false,
columns: [],
title: '',
name: '',
formIndex: undefined
}
},
},
computed: {
}
}
</script>
<style>
/* @import url("@/style/css/editTemplate.css"); */
.background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #edf1fd;
z-index: -1;
}
.todo-page {
/* padding-bottom: 10px; */
overflow: hidden;
}
.card {
margin: 20px 16px 180px 16px;
padding: 20px 30px 80px 30px;
background-color: #ffffff;
border-radius: 10px;
}
.upload-title {
font-size: 14px;
color: #8e8b9c;
line-height: 22px;
padding: 8px 0px;
}
.btn-wrap {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding: 16px;
z-index: 1000;
background: #fff;
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
}
.btn-wrap>>>.u-textarea__field {
font-size: 14px;
}
.btn-wrap>>>.u-cell__title-text {
font-size: 14px;
}
.buttons {
margin-top: 10px;
display: flex;
justify-content: space-between;
}
.buttons .first-btn {
margin-right: 20px;
}
.demo-ruleForm>>>.u-form-item__body__left__content__label {
font-size: 14px;
color: #8e8b9c;
/* justify-content: flex-start; */
}
.demo-ruleForm>>>.u-form-item__body__left__content__ {
left: -11px;
top: 0px
}
.demo-ruleForm>>>.u-textarea__field {
font-size: 14px;
}
.demo-ruleForm>>>.u-textarea {
font-size: 14px;
}
.demo-ruleForm>>>.u-cell__title-text {
font-size: 14px;
}
/* 表格样式 */
table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
font-size: 14px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
/* 表头样式 */
th {
background-color: #f5f7fa;
color: #606266;
font-weight: 600;
text-align: center;
padding: 12px 8px;
border-bottom: 1px solid #e0e0e0;
white-space: nowrap;
}
/* 表体单元格样式 */
td {
padding: 12px 8px;
text-align: center;
border-bottom: 1px solid #f0f0f0;
color: #333;
background-color: #fff;
}
/* 隔行变色效果 */
tr:nth-child(even) td {
background-color: #fafafa;
}
/* 最后一行底部边框去除 */
tr:last-child td {
border-bottom: none;
}
/* 首列和尾列适当加宽 */
th:first-child,
td:first-child {
padding-left: 16px;
text-align: left;
}
th:last-child,
td:last-child {
padding-right: 16px;
text-align: right;
}
/* 表头与数据行之间的分割线 */
tr:first-child th {
border-bottom: 1px solid #d0d7e5;
}
/* 悬停效果(可选) */
tr:hover td {
background-color: #f0f8ff;
}
/* 移动端优化:允许横向滚动 */
.table-container {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 16px -8px;
padding: 0 8px;
}
/* 如果希望表格固定在卡片内,可以这样调整 */
.card table {
margin-left: -8px;
margin-right: -8px;
width: calc(100% + 16px);
}
/* 小屏幕优化 */
@media (max-width: 375px) {
table {
font-size: 13px;
}
th,
td {
padding: 10px 6px;
}
}
</style>

View File

@ -12,6 +12,10 @@
<u-icon style="margin-left: 4px;" slot="right" name="arrow-down" size="12">
</u-icon>
</u-form-item>
<u-form-item label="培训性质" prop="IN_OUT_SHOW" borderBottom @click="handleShowSheet({title: '培训性质', name: 'TrainInOut'})">
<u--input :value="model.IN_OUT_SHOW" placeholder="请选择培训性质" border="none" inputAlign="right" disabled disabledColor="#fff" fontSize="14px"></u--input>
<u-icon style="margin-left: 4px;" slot="right" name="arrow-down" size="12"></u-icon>
</u-form-item>
<u-form-item required label="培训级别" prop="LEVEL_SHOW" borderBottom @click="handleShowSheet({title: '层级', name: 'FMDepartmentType'})">
<u--input :value="model.LEVEL_SHOW" placeholder="请选择层级" border="none" inputAlign="right" disabled disabledColor="#fff" fontSize="14px"></u--input>
<u-icon style="margin-left: 4px;" slot="right" name="arrow-down" size="12"></u-icon>
@ -58,7 +62,7 @@
<u-form-item label="培训安排及要求" prop="TRAIN_PLAN" borderBottom>
</u-form-item>
<u--textarea required v-model="model.TRAIN_PLAN" border="surround"></u--textarea>
<u-form-item label="是否需要培训效果评估" prop="NEED_EVALUATION" borderBottom @click="handleShowSheet({title: '是否需要培训效果评估', name: 'NEED_EVALUATION'})">
<u-form-item label="是否需要培训效果评估" prop="NEED_EVALUATION" borderBottom @click="handleShowSheet({title: '是否需要培训效果评估', name: 'SETrainNeedSuvey'})">
<u--input :value="model.NEED_EVALUATION_SHOW" placeholder="请选择" border="none" inputAlign="right" disabled disabledColor="#fff"></u--input>
<u-icon style="margin-left: 4px;" slot="right" name="arrow-down" size="12"></u-icon>
</u-form-item>
@ -123,9 +127,11 @@
Nav_TrainUserList: [],
ORG_ID: "",
Nav_Files: [],
NEED_EVALUATION_SHOW: "否",
NEED_EVALUATION: "0",
CREATE_NOTIFY_RECORD: true
NEED_EVALUATION_SHOW: "",
NEED_EVALUATION: "",
CREATE_NOTIFY_RECORD: true,
IN_OUT_SHOW:'',
IN_OUT:'',
},
options: [{
text: '删除',
@ -241,7 +247,7 @@
this.TaskID = option.taskID ? option.taskID : '';
this.model.ID = option.ID ? option.ID : '';
this.tableKey = option.tableKey ? option.tableKey : '0';
this.fetchEnums(['TrainType', 'PlanCheckType', 'FMDepartmentType']);
this.fetchEnums(['TrainType', 'PlanCheckType', 'FMDepartmentType','TrainInOut','SETrainNeedSuvey']);
this.isAdd = option.isAdd
},
@ -283,6 +289,8 @@
this.isAdd = 1;
this.model.ID = guid();
this.model.CREATE_NOTIFY_RECORD = true;
this.model.IN_OUT_SHOW = this.enumsData['TrainInOut'][0].name
this.model.IN_OUT = this.enumsData['TrainInOut'][0].code
}
} catch (error) {
console.error('枚举请求失败:', error);
@ -534,6 +542,8 @@
this.model.LEVEL_SHOW = res.LEVEL !== undefined ? this.enumsData['FMDepartmentType'].find(item => item.code === res.LEVEL)?.name : '';
this.model.TRAINTYPE_SHOW = res.TRAINTYPE !== undefined ? this.enumsData['TrainType'].find(item => item.code === res.TRAINTYPE)?.name : '';
this.model.CHECKTYPE_SHOW = res.CHECKTYPE !== undefined ? this.enumsData['PlanCheckType'].find(item => item.code === res.CHECKTYPE)?.name : '';
this.model.IN_OUT_SHOW = res.IN_OUT !== undefined ? this.enumsData['TrainInOut'].find(item => item.code === res.IN_OUT)?.name : '';
this.model.NEED_EVALUATION_SHOW = res.NEED_EVALUATION !== undefined ? this.enumsData['SETrainNeedSuvey'].find(item => item.code === res.NEED_EVALUATION)?.name : '';
})
},
closePicker() {
@ -549,19 +559,7 @@
async handleShowSheet(p, index) {
let column = []
this.levelIndex = index;
if (p.name === 'NEED_EVALUATION') {
column = [{
NAME: '否',
ID: 0
},
{
NAME: '是',
ID: 1
},
]
} else if (p.name == 'TrainType' || p.name == 'PlanCheckType' || p.name == 'FMDepartmentType') {
column = this.enumsData[p.name]
}
column = this.enumsData[p.name]
if (column.length) {
this.comPickerInfo = {
showSheet: true,
@ -588,10 +586,13 @@
} else if (name == 'FMDepartmentType') {
this.model.LEVEL_SHOW = e.value[0].name
this.model.LEVEL = this.enumsData['FMDepartmentType'][e.indexs[0]].code
} else {
this.model[name] = e.value[0].ID
this.model[name + '_SHOW'] = e.value[0].NAME
}
} else if (name == 'SETrainNeedSuvey') {
this.model.NEED_EVALUATION_SHOW = e.value[0].name
this.model.NEED_EVALUATION = this.enumsData['SETrainNeedSuvey'][e.indexs[0]].code
} else if (name == 'TrainInOut') {
this.model.IN_OUT_SHOW = e.value[0].name
this.model.IN_OUT = this.enumsData['TrainInOut'][e.indexs[0]].code
}

View File

@ -110,7 +110,7 @@
this.model.ID = option.ID;
this.TaskID = option.taskID;
this.tableKey = option.tableKey ? option.tableKey : '0'
this.fetchEnums(['TrainType', 'PlanCheckType','FMDepartmentType']);
this.fetchEnums(['TrainType', 'PlanCheckType','FMDepartmentType', 'TrainInOut','SETrainNeedSuvey']);
},
methods: {
async fetchEnums(enumNames) {
@ -200,6 +200,8 @@
this.model.LEVEL_SHOW = res.LEVEL !== undefined ? this.enumsData['FMDepartmentType'].find(item => item.code === res.LEVEL)?.name : '';
this.model.TRAINTYPE_SHOW = res.TRAINTYPE !== undefined ? this.enumsData['TrainType'].find(item => item.code === res.TRAINTYPE)?.name : '';
this.model.CHECKTYPE_SHOW = res.CHECKTYPE !== undefined ? this.enumsData['PlanCheckType'].find(item => item.code === res.CHECKTYPE)?.name : '';
this.model.IN_OUT_SHOW = res.IN_OUT !== undefined ? this.enumsData['TrainInOut'].find(item => item.code === res.IN_OUT)?.name : '';
this.model.NEED_EVALUATION_SHOW = res.NEED_EVALUATION !== undefined ? this.enumsData['SETrainNeedSuvey'].find(item => item.code === res.NEED_EVALUATION)?.name : '';
this.isLoadOK = true;
})
},

View File

@ -1796,6 +1796,9 @@ export function SourceFormcode(json) {
case 'SE006': //培训答题页
linkToUrl = '/pages/apply/subPages/SE/11safeSurveyEdit'
break;
case 'SE008': //培训答题页
linkToUrl = '/pages/apply/subPages/SE/12trainSurveyEdit'
break;
case 'FO015': //一般作业活动记录编辑
linkToUrl = '../apply/subPages/FO2/jobEventEdit1'
break;