guoyuepeng
/
qa-prevention-xgf-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
qa-prevention-xgf-app/safetyEnvirSubPackages/pages/inspected/detail.vue

1072 lines
32 KiB
Vue
Raw Normal View History

feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
<template>
<view class="content">
<view class="card">
<u-cell-group :border="false">
<u-cell>
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
<view slot="title" class="title">检查标题：</view>
<view slot="value" class="value">
<view>{{ form.INSPECTION_SUBJECT }}现场检查记录</view>
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
</view>
</u-cell>
<u-cell>
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
<view slot="title" class="title">被检查单位：</view>
<view slot="value" class="value">
<view>{{ form.INSPECTED_DEPARTMENT_NAMES || '1' }}</view>
</view>
</u-cell>
<u-cell v-if="!form.INSPECTED_DEPARTMENT_NAME">
<view slot="title" class="title">被检查单位现场负责人：</view>
<view slot="value" class="value">
<view> {{ form.INSPECTED_SITEUSER_NAME }} </view>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">检查场所：</view>
<view slot="value" class="value">
<view> {{ form.INSPECTION_PLACE }} </view>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">检查类型：</view>
<view slot="value" class="value">
<view> {{ form.INSPECTION_TYPE_NAME }} </view>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">检查开始时间：</view>
<view slot="value" class="value">
<view> {{ form.INSPECTION_TIME_START }} </view>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">检查结束时间：</view>
<view slot="value" class="value">
<view> {{ form.INSPECTION_TIME_END }} </view>
</view>
</u-cell>
<u-cell>
<view slot="title" class="title">记录填写时间：</view>
<view slot="value" class="value">
<view>{{ form.CREATTIME }}</view>
</view>
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
</u-cell>
</u-cell-group>
</view>
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
<view class="card" style="margin-top: 20upx;">
<view class="title check">检查情况：</view>
<view v-show="form.situationList && form.situationList.length > 0" class="ace-content">
<view class="add_pard_item" v-for="(item, index) of form.situationList" :key="'SITUATION' + index">
<view class="cu-form-textarea">
<textarea style="height: 140upx;" disabled v-model="item.SITUATION"></textarea>
</view>
</view>
</view>
</view>
<view class="card" style="margin-top: 20upx;">
<view class="title check">检查人员：</view>
<view v-if="form.inspectorList && form.inspectorList.length > 0">
<view v-for="(item, index) of form.inspectorList" :key="'INSPECTOR' + index" class="add_pard_item">
<view class="cu-form-group">
<view class="title" style="height: auto;">
<view>{{ index + 1 }}.检查人员单位：</view>
</view>
<text>{{ item.INSPECTION_DEPARTMENT_NAME }}</text>
</view>
<view class="cu-form-group">
<view class="title">{{ index + 1 }}.检查人员：</view>
<text>
{{ item.INSPECTION_USER_NAME }}
</text>
</view>
</view>
</view>
</view>
<view class="card" style="margin-top: 20upx;">
<view class="title check">发现问题：</view>
<view style="padding: 20upx">
<uni-table border stripe emptyText="暂无更多数据">
<uni-tr>
<uni-th align="center" style="font-weight: bold;width: 100upx">序号</uni-th>
<uni-th align="center" style="font-weight: bold">隐患部位</uni-th>
<uni-th align="center" style="font-weight: bold">隐患描述</uni-th>
<uni-th align="center" style="font-weight: bold;width: 180upx">操作</uni-th>
</uni-tr>
<uni-tr v-for="(item, index) in form.hiddenList" :key="item.HIDDEN_ID">
<uni-td>{{ index + 1 }}</uni-td>
<uni-td>{{ item.HIDDENPART_NAME ? item.HIDDENPART_NAME : item.HIDDENPART }}</uni-td>
<uni-td>{{ item.HIDDENDESCR }}</uni-td>
<uni-td style="text-align: center;">
<icon type="info" size="26" @tap="showHidden(item, index)" />
</uni-td>
</uni-tr>
</uni-table>
</view>
</view>
<view class="card" style="margin-top: 20upx;">
<view class="title check">检查人员核实结果：</view>
<view v-for="item in form.inspectorList" :key="item.INSPECTION_INSPECTOR_ID"
style="border-top: 1px solid #eee; padding-top: 10px;">
<view class="cu-form-textarea">
<view style="margin-left: 24upx;">检查人意见:</view>
<textarea style="margin: 24upx 0 0 24upx; height: 140upx;" v-model="item.INSPECTION_USER_OPINION" disabled
placeholder="请输入作业负责人意见"></textarea>
</view>
<view class="cu-form-group">
<view class="title">检查人签字：</view>
<view>
<view>
<image :src="$store.state.filePath + '/' + item.INSPECTION_USER_SIGN_IMG"
style="width: 180upx;height: 100upx">
</image>
</view>
<view style="text-align: center">{{ item.INSPECTION_USER_SIGN_TIME }}</view>
</view>
</view>
</view>
</view>
<view class="card" style="margin-top: 20upx;">
<view class="cu-form-group">
<view class="title">被检查单位现场负责人意见：</view>
<radio-group @change="changeRadioGroup($event)">
<label class="radio">
<radio value="3" :checked="inspectedForm.INSPECTION_STATUS === '3'" />同意
</label>
<label v-if="form.hiddenList && form.hiddenList.length > 0" class="radio">
<radio value="-2" :checked="inspectedForm.INSPECTION_STATUS === '-2'" />申辩
</label>
</radio-group>
</view>
<view class="cu-form-textarea" v-show="inspectedForm.INSPECTION_STATUS === '-2'">
<view class="cu-form-title text-hui">申辩说明</view>
<textarea maxlength="-1" v-model="inspectedForm.INSPECTED_EXPLAIN" placeholder="检查人意见（有异议时必填）"></textarea>
</view>
<view class="cu-form-group" style="border: none;">
<view class="title">签字</view>
feat: 统一按钮圆角样式
2024-09-03 16:47:06 +08:00
<view><u-button class="bth bg-green shadow" @tap="modalShow = true" data-target="Modal">手写签字</u-button></view>
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
</view>
<view style="margin-left: 30upx;" v-show="signImgList && signImgList.length > 0">
<view class="action">
签字照片
</view>
</view>
<view v-show="signImgList && signImgList.length > 0">
<view v-for="(item, index) in signImgList" :key="index" @tap="ViewImage" data-type="1"
:data-url="signImgList[index].filePath">
<u--image width="330upx" height="170upx" :src="signImgList[index].filePath" mode="aspectFill" />
<view class="cu-tag" @tap.stop="delImg" data-type="0" :data-index="index">
<text class='cuIcon-close'></text>
</view>
</view>
</view>
<view class="cu-modal" :class="{ 'show': modalShow }">
<sign @confirm="subCanvas" @cancel="modalShow = false" :signShow="true" />
</view>
</view>
<view class="bottom-btn-group">
<view v-if="forbidEdit" style="width: 80%;">
feat: 统一按钮圆角样式
2024-09-03 16:47:06 +08:00
<u-button class="bth bg-blue" @click="goSubmit" :throttleTime="1400">提交</u-button>
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
</view>
<view v-if="!forbidEdit" style="width: 80%;">
<u-button class="bg-green" @click="goback">返回</u-button>
</view>
</view>
<view class="padding flex flex-direction"></view>
<uni-drawer ref="showHiddenWindow" mode="right" :mask-click="true" @change="change($event, 'showHiddenWindow')">
<scroll-view scroll-y="true" style="height: 93vh;">
<view class="de-drawer">
<view class="cu-bar bg-white pad">
<view>
隐患照片
</view>
<view>
{{ hiddenForm.hiddenImgs.length }}/4
</view>
</view>
<view class="cu-form-group">
<view class="grid-square">
<view class="box-img" v-for="item in hiddenForm.hiddenImgs" :key="item.IMGFILES_ID">
<!-- 这里因为还未接入到网络接口,因此没有详细的图片url路径地址,选用模拟数据的图片url做临时展示 -->
<!-- <u--image :showLoading="true" :src="$store.state.filePath + item.FILEPATH" mode="aspectFill"></u--image> -->
<u--image :showLoading="true" :src="item.FILEPATH" mode="aspectFill" width="160upx" height="160upx"
style="border-radius: 12upx;" @click="viewImage(item.FILEPATH)" />
</view>
</view>
</view>
<view class="cu-bar bg-white pad">
<view>
隐患视频
</view>
<view>
{{ hiddenForm.hiddenVideos.length }}/1
</view>
</view>
<view class="cu-form-group" style="margin-bottom: 16upx;">
<view class="grid-square">
<view class="box-img" v-for="item in hiddenForm.hiddenVideos" data-type="0" :data-url="item.FILEPATH"
:key="item.IMGFILES_ID"
style="background-color: #8a8a8a; display: flex; align-items: center; justify-content: center;"
@tap="playVideo">
<u--image src="../../../static/video.png" mode="aspectFill"
:data-src="$store.state.filePath + item.FILEPATH" width="40upx" height="40upx" />
</view>
</view>
</view>
<u-line />
<view class="cu-form-textarea">
<view class="cu-bar bg-white pad">隐患描述</view>
<textarea maxlength="-1" style="margin-left: 30upx; height: 140upx;" :disabled="true"
v-model="hiddenForm.HIDDENDESCR" placeholder="请对隐患进行详细描述(必填项)"></textarea>
</view>
<u-line style="margin-top: 16upx;" />
<view class="flex-between">
<view class="cu-bar bg-white pad">隐患部位</view>
<text class="text-color">{{ hiddenForm.HIDDENPART_NAME ? hiddenForm.HIDDENPART_NAME : hiddenForm.HIDDENPART
}}</text>
</view>
<u-line />
<view class="cu-form-textarea">
<view class="cu-bar bg-white pad">隐患位置描述</view>
<textarea maxlength="-1" style="margin-left: 30upx; height: 140upx;" :disabled="true"
v-model="hiddenForm.POSITIONDESC" placeholder="隐患位置描述进行详细描述(必填项)"></textarea>
</view>
<u-line />
<view class="flex-between">
<view class="cu-bar bg-white pad">隐患级别</view>
<text class="text-color">{{ hiddenForm.HIDDENLEVEL_NAME }}</text>
</view>
<u-line />
<view class="flex-between">
<view class="cu-bar bg-white pad">隐患类型</view>
<text class="text-color">{{ hiddenForm.HIDDENTYPE_NAME }}</text>
</view>
<u-line />
<view class="flex-between">
<view class="cu-bar bg-white pad">是否相关方</view>
<text class="text-color">{{ hiddenForm.ISRELEVANT == '1' ? '是' : '否' }}</text>
</view>
<u-line />
<view class="flex-between">
<view class="cu-bar bg-white pad">隐患发现时间</view>
<text class="text-color">{{ hiddenForm.DISCOVERYTIME }}</text>
</view>
<u-line />
<view class="flex-between">
<view class="cu-bar bg-white pad">隐患上报位置</view>
</view>
<u-line />
<view class="flex-between" style="border-bottom: 2upx solid #eee;"
v-if="hiddenForm.LONGITUDE && hiddenForm.LONGITUDE !== 'undefined'">
<view class="cu-bar bg-white pad">经度</view>
<text class="text-color">{{ hiddenForm.LONGITUDE }}</text>
</view>
<view class="flex-between" style="border-bottom: 2upx solid #eee;"
v-if="hiddenForm.LATITUDE && hiddenForm.LATITUDE !== 'undefined'">
<view class="cu-bar bg-white pad">纬度</view>
<text class="text-color">{{ hiddenForm.LATITUDE }}</text>
</view>
<view class="flex-between">
<view class="cu-bar bg-white pad">隐患发现人</view>
<text class="text-color">
{{ hiddenForm.CREATOR_NAME }}
</text>
</view>
<view class="de-drawer-bottom">
<u-button type="primary" text="返回" @click="cancelHidden" />
</view>
</view>
</scroll-view>
</uni-drawer>
<view class="cu-modal box-video-modal" :class="{ 'show': modalShowVideo }" v-if="modalShowVideo">
<view class="box-video-container">
<view class="box-video-title">
<view class="text-center">播放视频</view>
<view class="right-close" @tap="modalShowVideo = false">
<text class="cuIcon-close text-red"></text>
</view>
</view>
<video class="video-source" :src="videoSrc" :autoplay="true" />
<view class="vide-btn-close">
<u-button type="primary" style="width: 50%; border-radius: 12upx;" color="#39b54a" text="关闭"
@click="modalShowVideo = false" />
</view>
</view>
</view>
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
</view>
</template>
<script>
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
import { formatDate } from '@/utils/tools';
fix: 修改被检查人确认提交
2024-09-03 17:21:31 +08:00
import { requestPath } from '@/utils/request';
feat: 完善各个下拉框数据请求接口
2024-09-03 16:26:49 +08:00
import { getDepartmentTree, getPersonnelList, getHiddenLevelTree } from "@/api";
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
import { getInspectedItemGoShow } from '../../api';
import sign from '@/components/sign/sign.vue';
import uniDrawer from '@/components/uni-drawer/uni-drawer.vue';
import { inspectedFormData } from '@/Mock/safetyEnvirData';
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
export default {
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
components: { sign, uniDrawer },
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
data() {
return {
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
msg: 'add',
/** 禁止修改 */
forbidEdit: true,
/** 签字照片的图片列表 */
signImgList: [],
/** 当天日期 */
todayDate: '',
/** 手写签字的弹框 */
modalShow: false,
/** 隐患责任人下拉数据 */
creatorList: [],
/** 隐患添加窗口显隐态, 默认为关闭状态 */
showHiddenWindow: false,
/** 视频播放弹框态 */
modalShowVideo: false,
/** 视频播放路径地址 */
videoSrc: '',
feat: 完善各个下拉框数据请求接口
2024-09-03 16:26:49 +08:00
/** 检查的表单项校验 */
inspectedRules: [
{ name: 'INSPECTION_ID', message: '安全环保检查ID不能为空' },
],
/** 部门下拉框数据源 */
treeNode: [],
/** 检查类型下拉数据 */
inspectionTypeTreeList: [],
/** 隐患部位下拉数据 */
hiddenRegionTreeList: [],
/** 隐患级别下拉数据 */
hiddenLevelTreeList: [],
/** 隐患类型下拉数据 */
hiddenTypeTreeList: [],
/** 隐患类型 2 下拉数据 */
hiddenType2TreeList: [],
// form 表单项状态
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
form: {
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
/** 检查ID */
INSPECTION_ID: '',
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
/** 现场检查记录 */
INSPECTION_SUBJECT: '',
/** 被检查单位 */
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
INSPECTED_DEPARTMENT_ID: '',
INSPECTED_DEPARTMENT_NAME: '',
/** 被检查单位现场负责人 */
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
INSPECTED_DEPARTMENT_NAMES: '',
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
/** 检查场所 */
INSPECTION_PLACE: '',
/** 检查类型 */
INSPECTION_TYPE_NAME: '',
/** 检查开始时间 */
INSPECTION_TIME_START: '',
/** 检查结束时间 */
INSPECTION_TIME_END: '',
/** 记录填写时间 */
CREATTIME: '',
/** 检查情况 */
situationList: [],
/** 检查人员 */
inspectorList: [],
/** 发现问题 */
hiddenList: [],
/** 检查人员核实结果 */
inspectorList: []
},
inspectedForm: {
/** 安全环保检查人员主键ID */
INSPECTION_EXPLAIN_ID: '',
/** 被检查单位现场负责人意见 */
INSPECTION_STATUS: '3',
/** 安全环保检查ID */
INSPECTION_ID: '',
/** 申辩内容 */
INSPECTED_EXPLAIN: '',
/** 申辩附件名称 */
INSPECTED_EXPLAIN_FILENAME: '',
/** 被检查单位现场负责人签字 */
INSPECTED_SITEUSER_SIGN_IMG: '',
/** 被检查单位现场负责人签字的时间 */
INSPECTED_SITEUSER_SIGN_TIME: ''
},
// 隐患表单状态
hiddenForm: {
/** 隐患ID */
HIDDEN_ID: '',
/** 隐患描述 */
HIDDENDESCR: '',
/** 隐患部位 */
HIDDENPART: '',
/** 隐患名称 */
HIDDENPART_NAME: '',
/** 隐患级别 */
HIDDENLEVEL: '',
/** 隐患级别的回显名称文案 */
HIDDENLEVEL_NAME: '',
/** 隐患类型 1 */
HIDDENTYPE: '',
/** 隐患类型 1 的回显文案 */
HIDDENTYPE_NAME: '',
/** 隐患类型 2 */
HIDDENTYPE2: '',
/** 隐患类型 2 的回显文案 */
HIDDENTYPE2_NAME: '',
/** 隐患位置经度 */
LONGITUDE: '',
/** 隐患位置纬度 */
LATITUDE: '',
/** 隐患发现时间 */
DISCOVERYTIME: '',
/** 隐患发现部门（隐患责任人部门） */
HIDDENFINDDEPT: '',
/** 隐患发现部门（隐患责任人部门）的回显文案 */
HIDDENFINDDEPT_NAME: '',
/** 发现人（隐患责任人） */
CREATOR: '',
/** 发现人（隐患责任人）索引 */
CREATOR_INDEX: '',
/** 发现人（隐患责任人）回显文案 */
CREATOR_NAME: '',
/** 隐患来源 */
SOURCE: '5',
/** 隐患位置描述 */
POSITIONDESC: '',
/** 是否为相关方 */
ISRELEVANT: '',
/** 隐患图片 */
hiddenImgs: [],
/** 隐患视频 */
hiddenVideos: []
},
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
}
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
},
onLoad(options) {
this.form.INSPECTION_ID = options.INSPECTION_ID;
feat: 完善各个下拉框数据请求接口
2024-09-03 16:26:49 +08:00
this.inspectedForm.INSPECTION_ID = options.INSPECTION_ID;
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
this.todayDate = formatDate(new Date(), 'yyyy-MM-dd hh:mm');
this.msg = "edit";
this.fnGetData();
feat: 完善各个下拉框数据请求接口
2024-09-03 16:26:49 +08:00
this.getDept();
this.getDict();
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
},
methods: {
/**
* 读取详情数据
*/
async fnGetData() {
var _this = this;
uni.showLoading({
title: '请稍候'
})
try {
_this.form = inspectedFormData;
setTimeout(() => {
uni.hideLoading();
}, 500);
// const responseData = await getInspectedItemGoShow({
// INSPECTION_ID: _this.form.INSPECTION_ID,
// })
// if (responseData.data.result === 'success') {
// uni.hideLoading();
// // _this.form = res.data.pd;
// for (let i = 0; i < _this.form.inspectorList.length; i++) {
// _this.inspectorList.push([])
// _this.getUserList('inspectorList', _this.form.inspectorList[i].INSPECTION_DEPARTMENT_ID, i)
// }
// if (Number(_this.form.INSPECTION_STATUS) < 1) {
// _this.forbidEdit = false;
// }
// } else if ("exception" == data.result) {
// uni.hideLoading();
// uni.showToast({
// title: '错误',
// duration: 2000
// });
// }
} catch (err) {
uni.hideLoading();
uni.showToast({
title: '错误',
duration: 2000
});
}
},
/**
* 完成手写签字事件处理
*/
subCanvas(e) {
this.signImgList.splice(0, this.signImgList.length);
this.signImgList.push(e);
this.$set(this.inspectedForm, 'INSPECTED_SITEUSER_SIGN_TIME', formatDate(new Date(), 'yyyy-MM-dd hh:mm'))
this.modalShow = false;
},
/**
* 删除手写签名的图片
*/
delImg(e) {
var _this = this;
let i = e.currentTarget.dataset.index
uni.showModal({
title: '秦港-双基双控',
content: '确定要删除这张图片吗？',
cancelColor: "#000000",
cancelText: '取消',
confirmText: '确定',
success: res => {
if (res.confirm) {
_this.signImgList.splice(i, 1)
}
}
})
},
/**
* 显示隐患信息弹窗弹出
*/
showHidden(item, index) {
this.resetHidden();
this.creatorList = [];
this.form.inspectorList.forEach(item => {
this.creatorList.push({
USER_ID: item.INSPECTED_USER_ID,
NAME: item.INSPECTION_USER_NAME
})
});
this.hiddenForm = item;
this.$refs['showHiddenWindow'].open()
this.showHiddenWindow = true;
},
/**
* 取消添加隐患信息弹窗
*/
cancelHidden() {
this.$refs['showHiddenWindow'].close();
this.showHiddenWindow = false;
},
/**
* 抽屉状态发生变化触发
*/
change(e, type) {
this[type] = e;
},
/**
* 图片预览处理
*/
viewImage(url) {
let files = [];
for (var i = 0; i < this.hiddenForm.hiddenImgs.length; i++) {
files.push(this.hiddenForm.hiddenImgs[i].FILEPATH);
// files.push(this.$store.state.filePath + this.hiddenForm.hiddenImgs[i].FILEPATH); // 文件预览地址因未接入网络接口,因此使用 mock 数据的绝对 url 进行压栈
}
uni.previewImage({
urls: files,
current: this.$store.state.filePath + url
});
},
feat: 完善各个下拉框数据请求接口
2024-09-03 16:26:49 +08:00
/**
* 被检查单位现场负责人意见的单选选择动作
*/
changeRadioGroup(e) {
this.inspectedForm.INSPECTED_EXPLAIN = ''
this.inspectedForm.INSPECTION_STATUS = e.detail.value
},
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
/**
* 播放视频处理
*/
playVideo(evt) {
this.videoSrc = evt.currentTarget.dataset.url;
this.modalShowVideo = true;
},
/**
* 提交逻辑处理
*/
fix: 修改被检查人确认提交
2024-09-03 17:21:31 +08:00
async goSubmit() {
feat: 完善各个下拉框数据请求接口
2024-09-03 16:26:49 +08:00
var _this = this;
let required = true;
this.inspectedRules.map(({ name, message }) => {
if (!this.inspectedForm[name]) {
uni.showToast({
icon: 'none',
title: message,
duration: 1500
});
required = false
}
})
if (!required) {
return
}
if (this.inspectedForm.INSPECTION_STATUS === '-2' && !this.validStr(this.inspectedForm.INSPECTED_EXPLAIN)) {
uni.showToast({
icon: 'none',
title: '请填写申辩说明',
duration: 1500
});
return;
}
if (this.signImgList.length === 0) {
uni.showToast({
icon: 'none',
title: '请签字',
duration: 1500
});
return;
}
fix: 修改被检查人确认提交
2024-09-03 17:21:31 +08:00
this.$set(this.inspectedForm, 'CREATOR', this.$store.state.userInfo.USER_ID)
this.$set(this.inspectedForm, 'CORPINFO_ID', this.$store.state.userInfo.CORPINFO_ID)
this.$set(this.inspectedForm, 'ACTION_USER', this.$store.state.userInfo.USERNAME)
feat: 完善各个下拉框数据请求接口
2024-09-03 16:26:49 +08:00
var _this = this;
uni.showLoading({
title: '请稍候'
})
uni.uploadFile({
fix: 修改被检查人确认提交
2024-09-03 17:21:31 +08:00
url: requestPath + "/app/safetyenvironmentalexplain/add",
feat: 完善各个下拉框数据请求接口
2024-09-03 16:26:49 +08:00
filePath: _this.signImgList[0].filePath,
name: 'FFILE',
formData: this.inspectedForm,
success: (res) => {
uni.showToast({
icon: 'none',
title: '保存成功',
duration: 2000
});
_this.goback()
},
fail: (err) => {
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
})
},
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
/**
* 返回逻辑处理
*/
goback() {
let pages = getCurrentPages(); // 获取当前页面栈
let prePage = pages[pages.length - 2]; // 上二级页面
// prePage.$vm.initflag = true; // A 页面 init方法 为true
uni.navigateBack({ delta: 1 });
uni.hideLoading();
},
feat: 完善各个下拉框数据请求接口
2024-09-03 16:26:49 +08:00
/**
* 获取部门下拉信息
*/
async getDept() {
var _this = this;
const resData = await getDepartmentTree({
loading: false,
CORPINFO_ID: this.$store.state.userInfo.CORPINFO_ID
});
if (resData.data.result === 'success') {
_this.treeNode = eval(resData.data.zTreeNodes);
} else {
uni.showToast({
title: resData.data.message,
duration: 2000
});
}
},
/**
* 获取人员列表
*/
async getUserList(list, dept, i) {
var _this = this;
const resData = await getPersonnelList({
DEPARTMENT_ID: dept,
NOMAIN: '1',
tm: new Date().getTime()
})
if (resData.data.result === 'success') {
if (i > -1) {
_this[list][i] = [];
_this[list][i] = resData.data.userList;
_this.$forceUpdate(); // 强制刷新
} else {
_this[list] = resData.data.userList;
}
} else {
uni.showToast({
title: resData.data.message,
duration: 2000
});
}
},
/** 获取数据字典数据 */
async getDict() {
var _this = this;
await getHiddenLevelTree({
tm: new Date().getTime(),
DICTIONARIES_ID: '60e6481d96e44a5390ff5c347c4d1ffe'
}).then((hiddenLevelResData) => {
_this.inspectionTypeTreeList = eval(hiddenLevelResData.data.zTreeNodes);
}).catch((err) => {
uni.showToast({
title: hiddenLevelResData.data.message,
duration: 2000
});
});
await getHiddenPositionTree({
CORPINFO_ID: this.$store.state.userInfo.CORPINFO_ID,
tm: new Date().getTime()
}).then((hiddenPositionTreeResData) => {
var json = hiddenPositionTreeResData.data.zTreeNodes;
_this.hiddenRegionTreeList = JSON.parse(json);
}).catch((err) => {
uni.showToast({
title: hiddenPositionTreeResData.data.message,
duration: 2000
});
});
await getHiddenLevelTree({
tm: new Date().getTime(),
DICTIONARIES_ID: '5e7cf8620ba54ad89719d0be62133c7a'
}).then((hiddenLevelResData) => {
var data = hiddenLevelResData.data.zTreeNodes;
_this.hiddenLevelTreeList = JSON.parse(data);
}).catch((err) => {
uni.showToast({
title: hiddenLevelResData.data.message,
duration: 2000
});
});
await getHiddenLevelTree({
tm: new Date().getTime(),
DICTIONARIES_ID: '3babc15144444bdc8d763d0af2bdfff6'
}).then((hiddenLevelResData) => {
var data = hiddenLevelResData.data.zTreeNodes;
_this.hiddenTypeTreeList = JSON.parse(data);
}).catch((err) => {
uni.showToast({
title: hiddenLevelResData.data.message,
duration: 2000
});
});
await getHiddenLevelTree({
tm: new Date().getTime(),
DICTIONARIES_ID: '18c0a9aea6e54feab9f4ab3f46e0bc86'
}).then((hiddenLevelResData) => {
var data = hiddenLevelResData.data.zTreeNodes;
_this.hiddenType2TreeList = JSON.parse(data);
}).catch((err) => {
uni.showToast({
title: hiddenLevelResData.data.message,
duration: 2000
});
});
},
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
/**
* 重置隐患键入表单
*/
resetHidden() {
this.hiddenForm = {
HIDDEN_ID: '',
HIDDENDESCR: '',
HIDDENPART: '',
HIDDENPART_NAME: '',
HIDDENLEVEL: '',
HIDDENLEVEL_NAME: '',
HIDDENTYPE: '',
HIDDENTYPE_NAME: '',
HIDDENTYPE2: '',
HIDDENTYPE2_NAME: '',
LONGITUDE: '',
LATITUDE: '',
DISCOVERYTIME: '',
HIDDENFINDDEPT: '',
HIDDENFINDDEPT_NAME: '',
CREATOR: '',
CREATOR_INDEX: '',
CREATOR_NAME: '',
SOURCE: '5',
hiddenImgs: [],
hiddenVideos: []
}
},
feat: 安全环保检查下,被检查人签字/申辩静态页面开发中
2024-09-02 11:57:02 +08:00
}
}
</script>
feat: 安全环保检查管理,新添加被检查人签字/申辩的菜单模块
2024-09-03 15:37:46 +08:00
<style scoped lang="scss">
.title {
min-width: 200upx;
width: max-content;
font-weight: bold;
color: #000000;
font-size: 28upx;
}
.value {
color: #808080;
font-size: 28upx
}
.check {
padding-left: 30upx;
padding-bottom: 24upx;
}
.ace-content {
padding: 20upx;
border-top: 2upx solid #F1F1F1;
}
.cu-form-textarea uni-textarea {
color: #808080;
}
.add_pard_item {
border: 2upx dashed #dfdfdf;
margin: 0 30upx;
margin-top: 30upx;
position: relative
}
.cu-form-group {
background-color: #ffffff;
padding: 2upx 30upx;
display: flex;
align-items: center;
min-height: 100upx;
justify-content: space-between
}
.cu-form-group+.cu-form-group {
border-top: 2upx solid #eee;
}
.bg-blue,
.bg-green {
color: #ffffff;
border-radius: 14upx;
}
// 绿色背景颜色定制
.bg-green {
background-color: #39b54a;
}
// 蓝色背景颜色定制
.bg-blue {
background-color: #0081ff;
}
.shadow {
box-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
}
.padding {
padding: 30upx;
}
.flex-direction {
flex-direction: column;
}
.flex {
display: flex;
}
.cu-tag {
background: rgba(0, 0, 0, .5);
color: #ffffff;
font-size: 24upx;
vertical-align: middle;
position: relative;
right: -280upx;
top: -174upx;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 0upx 16upx;
width: 50upx;
height: 40upx;
border-bottom-left-radius: 10upx;
font-family: Helvetica Neue, Helvetica, sans-serif;
white-space: nowrap;
}
.grid.grid-square .cu-tag {
position: absolute;
right: 0;
top: 0;
border-bottom-left-radius: 6upx;
padding: 6upx 12upx;
height: auto;
background-color: rgba(0, 0, 0, 0.5);
}
.cu-tag[class*="line-"]::after {
content: " ";
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 0;
border: 1upx solid currentColor;
transform: scale(0.5);
transform-origin: 0 0;
box-sizing: border-box;
border-radius: inherit;
z-index: 1;
pointer-events: none;
}
.cu-tag.radius[class*="line"]::after {
border-radius: 12upx;
}
.cu-tag.round[class*="line"]::after {
border-radius: 1000upx;
}
.cu-tag[class*="line-"]::after {
border-radius: 0;
}
.cu-tag+.cu-tag {
margin-left: 10upx;
}
.cu-tag.sm {
font-size: 20upx;
padding: 0upx 12upx;
height: 32upx;
}
.cuIcon-close:before {
font-family: "cuIcon";
content: "\e646";
}
.bottom-btn-group {
margin-top: 20upx;
padding: 26upx;
display: flex;
align-items: center;
justify-content: center;
}
// ======================================
// 隐患表单的右侧弹窗内部样式定制
// ======================================
.de-drawer {
box-sizing: border-box;
padding: 0 0;
font-size: 30upx;
}
.bg-white {
background-color: #ffffff;
color: #666666;
}
.cu-bar {
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
min-height: 100upx;
}
.pad {
padding: 0 30upx;
}
.text-color {
margin-right: 16upx;
color: #808080;
}
.grid-square {
display: flex;
flex-wrap: wrap;
overflow: hidden;
gap: 24upx;
flex: 1;
.box-img {
border: 1px solid #eee;
width: 160upx;
height: 160upx;
overflow: hidden;
object-fit: cover;
border-radius: 12upx;
}
}
.box-video-modal {
background: rgba(0, 0, 0, .8);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
.box-video-container {
box-sizing: border-box;
width: 646upx;
height: 746upx;
background-color: #fff;
color: #000;
border-radius: 20upx;
.box-video-title {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 80upx;
.text-center {
transform: translateX(28upx);
flex: 1;
}
.text-red {
margin-right: 24upx;
color: red;
}
.right-close {
z-index: 999;
}
}
.video-source {
margin-top: 24upx;
}
.vide-btn-close {
width: 100%;
display: flex;
height: 160upx;
justify-content: center;
align-items: center;
}
}
}
.de-drawer-bottom {
display: flex;
width: 100%;
position: fixed;
bottom: 0;
height: 80upx;
}
</style>