1
This commit is contained in:
parent
3200481b0c
commit
ac85a733f4
21
pages.json
21
pages.json
@ -1392,6 +1392,27 @@
|
|||||||
"navigationBarTitleText": "安全意识调查",
|
"navigationBarTitleText": "安全意识调查",
|
||||||
"onReachBottomDistance": 100
|
"onReachBottomDistance": 100
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "12trainSurveyEdit",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "培训需求调查",
|
||||||
|
"onReachBottomDistance": 100
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "12trainSurveyShow",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "培训需求调查",
|
||||||
|
"onReachBottomDistance": 100
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "12trainSurveyList",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "培训需求调查",
|
||||||
|
"onReachBottomDistance": 100
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|||||||
402
pages/apply/subPages/SE/12trainSurveyEdit.vue
Normal file
402
pages/apply/subPages/SE/12trainSurveyEdit.vue
Normal 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>
|
||||||
344
pages/apply/subPages/SE/12trainSurveyList.vue
Normal file
344
pages/apply/subPages/SE/12trainSurveyList.vue
Normal 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>
|
||||||
361
pages/apply/subPages/SE/12trainSurveyShow.vue
Normal file
361
pages/apply/subPages/SE/12trainSurveyShow.vue
Normal 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>
|
||||||
@ -12,6 +12,10 @@
|
|||||||
<u-icon style="margin-left: 4px;" slot="right" name="arrow-down" size="12">
|
<u-icon style="margin-left: 4px;" slot="right" name="arrow-down" size="12">
|
||||||
</u-icon>
|
</u-icon>
|
||||||
</u-form-item>
|
</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-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--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>
|
<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 label="培训安排及要求" prop="TRAIN_PLAN" borderBottom>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
<u--textarea required v-model="model.TRAIN_PLAN" border="surround"></u--textarea>
|
<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--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-icon style="margin-left: 4px;" slot="right" name="arrow-down" size="12"></u-icon>
|
||||||
</u-form-item>
|
</u-form-item>
|
||||||
@ -123,9 +127,11 @@
|
|||||||
Nav_TrainUserList: [],
|
Nav_TrainUserList: [],
|
||||||
ORG_ID: "",
|
ORG_ID: "",
|
||||||
Nav_Files: [],
|
Nav_Files: [],
|
||||||
NEED_EVALUATION_SHOW: "否",
|
NEED_EVALUATION_SHOW: "",
|
||||||
NEED_EVALUATION: "0",
|
NEED_EVALUATION: "",
|
||||||
CREATE_NOTIFY_RECORD: true
|
CREATE_NOTIFY_RECORD: true,
|
||||||
|
IN_OUT_SHOW:'',
|
||||||
|
IN_OUT:'',
|
||||||
},
|
},
|
||||||
options: [{
|
options: [{
|
||||||
text: '删除',
|
text: '删除',
|
||||||
@ -241,7 +247,7 @@
|
|||||||
this.TaskID = option.taskID ? option.taskID : '';
|
this.TaskID = option.taskID ? option.taskID : '';
|
||||||
this.model.ID = option.ID ? option.ID : '';
|
this.model.ID = option.ID ? option.ID : '';
|
||||||
this.tableKey = option.tableKey ? option.tableKey : '0';
|
this.tableKey = option.tableKey ? option.tableKey : '0';
|
||||||
this.fetchEnums(['TrainType', 'PlanCheckType', 'FMDepartmentType']);
|
this.fetchEnums(['TrainType', 'PlanCheckType', 'FMDepartmentType','TrainInOut','SETrainNeedSuvey']);
|
||||||
this.isAdd = option.isAdd
|
this.isAdd = option.isAdd
|
||||||
|
|
||||||
},
|
},
|
||||||
@ -283,6 +289,8 @@
|
|||||||
this.isAdd = 1;
|
this.isAdd = 1;
|
||||||
this.model.ID = guid();
|
this.model.ID = guid();
|
||||||
this.model.CREATE_NOTIFY_RECORD = true;
|
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) {
|
} catch (error) {
|
||||||
console.error('枚举请求失败:', 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.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.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.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() {
|
closePicker() {
|
||||||
@ -549,19 +559,7 @@
|
|||||||
async handleShowSheet(p, index) {
|
async handleShowSheet(p, index) {
|
||||||
let column = []
|
let column = []
|
||||||
this.levelIndex = index;
|
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) {
|
if (column.length) {
|
||||||
this.comPickerInfo = {
|
this.comPickerInfo = {
|
||||||
showSheet: true,
|
showSheet: true,
|
||||||
@ -588,9 +586,12 @@
|
|||||||
} else if (name == 'FMDepartmentType') {
|
} else if (name == 'FMDepartmentType') {
|
||||||
this.model.LEVEL_SHOW = e.value[0].name
|
this.model.LEVEL_SHOW = e.value[0].name
|
||||||
this.model.LEVEL = this.enumsData['FMDepartmentType'][e.indexs[0]].code
|
this.model.LEVEL = this.enumsData['FMDepartmentType'][e.indexs[0]].code
|
||||||
} else {
|
} else if (name == 'SETrainNeedSuvey') {
|
||||||
this.model[name] = e.value[0].ID
|
this.model.NEED_EVALUATION_SHOW = e.value[0].name
|
||||||
this.model[name + '_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
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -110,7 +110,7 @@
|
|||||||
this.model.ID = option.ID;
|
this.model.ID = option.ID;
|
||||||
this.TaskID = option.taskID;
|
this.TaskID = option.taskID;
|
||||||
this.tableKey = option.tableKey ? option.tableKey : '0'
|
this.tableKey = option.tableKey ? option.tableKey : '0'
|
||||||
this.fetchEnums(['TrainType', 'PlanCheckType','FMDepartmentType']);
|
this.fetchEnums(['TrainType', 'PlanCheckType','FMDepartmentType', 'TrainInOut','SETrainNeedSuvey']);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async fetchEnums(enumNames) {
|
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.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.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.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;
|
this.isLoadOK = true;
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|||||||
@ -1796,6 +1796,9 @@ export function SourceFormcode(json) {
|
|||||||
case 'SE006': //培训答题页
|
case 'SE006': //培训答题页
|
||||||
linkToUrl = '/pages/apply/subPages/SE/11safeSurveyEdit'
|
linkToUrl = '/pages/apply/subPages/SE/11safeSurveyEdit'
|
||||||
break;
|
break;
|
||||||
|
case 'SE008': //培训答题页
|
||||||
|
linkToUrl = '/pages/apply/subPages/SE/12trainSurveyEdit'
|
||||||
|
break;
|
||||||
case 'FO015': //一般作业活动记录编辑
|
case 'FO015': //一般作业活动记录编辑
|
||||||
linkToUrl = '../apply/subPages/FO2/jobEventEdit1'
|
linkToUrl = '../apply/subPages/FO2/jobEventEdit1'
|
||||||
break;
|
break;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user