<template>
    <view >
        <cu-custom bgColor="bg-gradual-blueness" :isBack="true" >
            <block slot="backText">返回</block>
            <block slot="content">安全承诺</block>
        </cu-custom>

        <scroll-view scroll-y="false" >
            <view>
                <view class="wui-sub-title">
                    <text>企业状态</text>
                </view>
                <view class="wui-form-list" style="margin-top: 0;">
                    <view class="de-title">
						<text class="cuIcon-title text-blue"></text>
                        <text>高危生产活动及作业的安全风险可控状态</text>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">检维修作业：</view>
                        <input type="number" name="input" ref="INPUT1" v-model="pd.INPUT1" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">特殊作业：</view>
                        <input type="number" name="input" ref="INPUT2" v-model="pd.INPUT2" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">动火作业：</view>
                        <input type="number" name="input" ref="INPUT3" v-model="pd.INPUT3" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">其中特级：</view>
                        <input type="number" name="input" ref="INPUT4" v-model="pd.INPUT4" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">一级：</view>
                        <input type="number" name="input" ref="INPUT5" v-model="pd.INPUT5" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">二级：</view>
                        <input type="number" name="input" ref="INPUT6" v-model="pd.INPUT6" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">高处作业：</view>
                        <input type="number" name="input" ref="INPUT7" v-model="pd.INPUT7" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">受限空间作业：</view>
                        <input type="number" name="input" ref="INPUT8" v-model="pd.INPUT8" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">吊装作业：</view>
                        <input type="number" name="input" ref="INPUT9" v-model="pd.INPUT9" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">临时用电作业：</view>
                        <input type="number" name="input" ref="INPUT10" v-model="pd.INPUT10" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">盲板抽堵作业：</view>
                        <input type="number" name="input" ref="INPUT11" v-model="pd.INPUT11" placeholder="请输入"></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">动土作业：</view>
                        <input type="number" name="input" ref="INPUT12" v-model="pd.INPUT12" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">断路作业：</view>
                        <input type="number" name="input" ref="INPUT13" v-model="pd.INPUT13" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group"  style="height: 160upx;">
                        <view class="title" style="height: auto;padding-right: 0; width: 380upx;">风险辨识、作业许可及管控措施的落实情况</view>
                        <view style="width: 200upx;">
                        	<radio-group  class="wui-radio-group">
                        	    <radio class='radio'  value="-1" @click="changeRadio('RADIO1','-1')">
									<text class="wui-pl10">否</text></radio>
                        	    <radio class='radio' value="1" @click="changeRadio('RADIO1','1')">
									<text class="wui-pl10">是</text></radio>
                        	</radio-group>
                        </view>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">处于试生产情况</view>
						<view style="width: 200upx;">
                        <radio-group  class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO2','-1')">
								<text class="wui-pl10">否</text></radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO2','1')">
								<text class="wui-pl10">是</text></radio>
                        </radio-group>
						</view>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">处于开停车情况</view>
						<view style="width: 200upx;">
                        <radio-group  class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO3','-1')">
								<text class="wui-pl10">停</text></radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO3','1')">
								<text class="wui-pl10">开</text></radio>
                        </radio-group>
						</view>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">承包商作业：</view>
                        <input type="number" name="input" ref="INPUT14" v-model="pd.INPUT14" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">管控情况</view>
						<view style="width: 280upx;">
                        <radio-group  class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO4','-1')">
								<text class="wui-pl10">非受控</text></radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO4','1')">
								<text class="wui-pl10">受控</text></radio>
                        </radio-group>
						</view>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">变更情况</view>
						<view style="width: 250upx;">
                        <radio-group  class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO5','-1')">
								<text class="wui-pl10">没有</text></radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO5','1')">
								<text class="wui-pl10">有</text></radio>
                        </radio-group>
						</view>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">落实审批程序情况</view>
						<view style="width: 200upx;">
                        <radio-group  class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO6','-1')">
								<text class="wui-pl10">否</text></radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO6','1')">
								<text class="wui-pl10">是</text></radio>
                        </radio-group>
						</view>
                    </view>
                    <view class="cu-form-group" style="height: 160upx;">
                        <view class="title" style="height: auto;padding-right: 0; width: 380upx;">罐区、仓库等危险源是否处于安全状态</view>
						<view style="width: 200upx;">
                        <radio-group  class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO7','-1')">
								<text class="wui-pl10">否</text></radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO7','1')">
								<text class="wui-pl10">是</text></radio>
                        </radio-group>
						</view>
                    </view>
                </view>

                <view class="wui-form-list">
                    <view class="de-title">
						<text class="cuIcon-title text-blue"></text>
                        <text>班组安全状态</text>
                    </view>
                    <view class="cu-form-textarea">
                        <view class="cu-form-title">岗位主要设备（装置）名称、数量</view>
                        <textarea maxlength="255" v-model="pd.INPUT15"></textarea>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">其中运行：</view>
                        <input type="number" name="input" ref="INPUT16" v-model="pd.INPUT16" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">停产：</view>
                        <input type="number" name="input" ref="INPUT17" v-model="pd.INPUT17" placeholder="请输入..."></input>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">检修：</view>
                        <input type="number" name="input" ref="INPUT18" v-model="pd.INPUT18" placeholder="请输入..."></input>
                    </view>
                </view>

                <view class="wui-form-list">
                    <view class="de-title">
						<text class="cuIcon-title text-blue"></text>
                        <text class="text-semi">生产装置的安全运行状态</text>
                    </view>
                    <view class="cu-form-group" style="height: 160upx; ">
                        <view class="title" style="height: auto;padding-right: 0; width: 380upx;line-height: 1.6;">生产装置的温度、压力、组分液位、流量等主要工艺参数是否处于指标范围</view>
                       <view style="width: 200upx;">
						<radio-group class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO8','-1')">
								<text class="wui-pl10">否</text>
							</radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO8','1')">
								<text class="wui-pl10">是</text>
							</radio>
                        </radio-group>
						</view>
                    </view>
                    <view class="cu-form-group" style="height: 140upx; ">
                        <view class="title" style="height: auto;padding-right: 0; width: 380upx;line-height: 1.6;">压力容器、压力管道等特种设备处于安全运行状态</view>
                        <view style="width: 200upx;">
						<radio-group class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO9','-1')">
								<text class="wui-pl10">否</text>
							</radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO9','1')">
								<text class="wui-pl10">是</text>
							</radio>
                        </radio-group>
						</view>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">设备设施的静动密封完好无泄漏</view>
                        <radio-group class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO10','-1')">
								<text class="wui-pl10">否</text>
							</radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO10','1')">
								<text class="wui-pl10">是</text>
							</radio>
                        </radio-group>
                    </view>
                    <view class="cu-form-group" style="height: 160upx;">
                        <view class="title" style="height: auto;padding-right: 0; width: 380upx;line-height: 1.6;">超限报警、紧急切断、联锁等各类安全设施配备完好投用，并可靠运行</view>
						<view style="width: 200upx;">
                        <radio-group class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO11','-1')">
								<text class="wui-pl10">否</text>
							</radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO11','1')">
								<text class="wui-pl10">是</text>
							</radio>
                        </radio-group>
						</view>
                    </view>
                </view>

                <view class="wui-form-list">
                    <view class="de-title">
						<text class="cuIcon-title text-blue"></text>
                        <text class="text-semi">危险化学品罐区、仓库等重大危险源安全运行状态</text>
                    </view>
                    <view class="cu-form-group" style="height: 140upx;">
                        <view class="title" style="height: auto;padding-right: 0; width: 380upx;line-height: 1.6;">储罐、管道、机泵、阀门及仪表系统完好无泄漏</view>
                        <radio-group class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO12','-1')">
								<text class="wui-pl10">否</text>
							</radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO12','1')">
								<text class="wui-pl10">是</text>
							</radio>
                        </radio-group>
                    </view>
                    <view class="cu-form-group"  style="height: 140upx;">
                        <view class="title" style="height: auto;padding-right: 0; width: 380upx;line-height: 1.6;">储罐的液位、温度、压力无超限运行</view>
                        <radio-group class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO13','-1')">
								<text class="wui-pl10">否</text>
							</radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO13','1')">
								<text class="wui-pl10">是</text>
							</radio>
                        </radio-group>
                    </view>
                    <view class="cu-form-group" >
                        <view class="title">气柜钟罩超高、低运行</view>
                        <radio-group class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO14','-1')">
								<text class="wui-pl10">否</text>
							</radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO14','1')">
								<text class="wui-pl10">是</text>
							</radio>
                        </radio-group>
                    </view>
                    <view class="cu-form-group" style="height: 140upx;">
                        <view class="title" style="height: auto;padding-right: 0; width: 380upx;line-height: 1.6;">手动放脱水、装卸车时确保人员在岗</view>
                        <radio-group class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO15','-1')">
								<text class="wui-pl10">否</text>
							</radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO15','1')">
								<text class="wui-pl10">是</text>
							</radio>
                        </radio-group>
                    </view>
                    <view class="cu-form-group" style="height: 140upx;border-bottom: 1px solid #eee;">
                        <view class="title" style="height: auto;padding-right: 0; width: 380upx;line-height: 1.6;">可燃及有毒气体报警和联锁处于可靠运行状态</view>
                        <radio-group class="wui-radio-group">
                            <radio class='radio'  value="-1" @click="changeRadio('RADIO16','-1')">
								<text class="wui-pl10">否</text>
							</radio>
                            <radio class='radio' value="1" @click="changeRadio('RADIO16','1')">
								<text class="wui-pl10">是</text>
							</radio>
                        </radio-group>
                    </view>
                    <view class="cu-form-textarea">
                        <view class="cu-form-title">仓库是否按照国家标准分区分类储存危险化学品，是否超量、超品种储存，相互禁配物质是否混放混存。</view>
                        <textarea maxlength="255" v-model="pd.INPUT19" placeholder="请输入..."></textarea>
                    </view>
                </view>

                <view class="wui-sub-title">
                    <text>企业承诺</text>
                </view>
                <view class="wui-form-list" style="margin-top: 0;">
                    <view class="cu-form-group ">
                        <view class="title">今日</view>
                        <ruiDatePicker
                                       fields="minute"
                                       :start="todayDate"
                                       :value="pd.START_TIME?pd.START_TIME:''"
                                       @change="changeStartDate"
                        ></ruiDatePicker>
                    </view>
                    <view class="cu-form-group">
                        <view class="title">至</view>
                        <ruiDatePicker
                                       fields="minute"
                                       :value="pd.END_TIME?pd.END_TIME:''"
                                       @change="changeEndDate"
                        ></ruiDatePicker>
                    </view>
					<view class="sure-p p20"  style="border-bottom: 1px solid #eee;border-top: 1px solid #eee;">
						我车间已进行安全风险研判，各项安全风险防控措施已落实到位。我承诺本生产装置/业务活动处于安全运行状态，涉及罐区、仓库等危险源安全风险得到有效管控。
					</view>
                    <view class="wui-sign">
                        <view class="title">承诺人</view>
                        <button class="cu-btn bg-green shadow" @tap="showModal" data-target="Modal">手写签字</button>
                    </view>

                    <view class="wui-sign-box"  v-show="imgList && imgList.length > 0">
						<view class="sign-title">
						      签字照片：
						    </view>
                        <view class="wui-sign-cotent">
                            <view class="sign-img" v-for="(item,index) in imgList" :key="index" @tap="ViewImage"  data-type="0" :data-url="imgList[index].filePath">
                                <image :src="imgList[index].filePath" mode="aspectFit"></image>
                            </view>
                        </view>
                    </view>
                    <view class="cu-modal" :class="modalName=='Modal'?'show':''">
                        <writing-board  @confirm="subCanvas" @cancel="hideModal"></writing-board>
                    </view>
                </view>
            </view>
            <view class="cu-bar btn-group" style="margin-top: 30upx;">
                <button :loading="buttonloading" class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goSubmit)">提 交</button>
            </view>
            <view class="padding flex flex-direction">
            </view>
        </scroll-view>
    </view>
</template>

<script>
    import {
        basePath,corpinfoId,deptId,loginUser,formatDate,loginSession,baseImgPath
    } from '@/common/tool.js';
    import tkiTree from "@/components/select-tree/select-tree.vue"
    import writingBoard from "@/components/writing-board/writing-board.vue"
    import gcoord from '@/common/gcoord.js'
    import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue';
    export default {
        components: {
            tkiTree, ruiDatePicker, writingBoard
        },
        data() {
            return {
                baseImgPath: baseImgPath,
                buttonloading: false,
                isUps: false,
                forbidEdit: true,// 禁止修改
                msg: 'add',
                noClick: true,
                pd: {},// 数据
                measuresList: [],
                gasList: [],
                rules: [
                    {name: 'INPUT1', message: '请输入检维修作业数'},
                    {name: 'INPUT2', message: '请输入特殊作业数'},
                    {name: 'INPUT3', message: '请输入动火作业数'},
                    {name: 'INPUT4', message: '请输入特级动火作业数'},
                    {name: 'INPUT5', message: '请输入一级动火作业数'},
                    {name: 'INPUT6', message: '请输入二级动火作业数'},
                    {name: 'INPUT7', message: '请输入高处作业数'},
                    {name: 'INPUT8', message: '请输入受限空间作业数'},
                    {name: 'INPUT9', message: '请输入吊装作业数'},
                    {name: 'INPUT10', message: '请输入临时用电作业数'},
                    {name: 'INPUT11', message: '请输入盲板抽堵作业数'},
                    {name: 'INPUT12', message: '请输入动土作业数'},
                    {name: 'INPUT13', message: '请输入断路作业数'},
                    {name: 'INPUT14', message: '请输入承包商作业数'},
                    {name: 'INPUT15', message: '岗位主要设备（装置）名称、数量'},
                    {name: 'INPUT16', message: '请输入班组安全状态运行数'},
                    {name: 'INPUT17', message: '请输入班组安全状态停产数'},
                    {name: 'INPUT18', message: '请输入班组安全状态检修数'},
                    {name: 'INPUT19', message: '请输入仓库是否按照国家标准分区分类储存危险化学品，是否超量、超品种储存，相互禁配物质是否混放混存'},
                    {name: 'RADIO1', message: '请选择风险辨识、作业许可及管控措施的落实情况'},
                    {name: 'RADIO2', message: '请选择处于试生产情况'},
                    {name: 'RADIO3', message: '请选择处于开停车情况'},
                    {name: 'RADIO4', message: '请选择管控情况'},
                    {name: 'RADIO5', message: '请选择变更情况'},
                    {name: 'RADIO6', message: '请选择落实审批程序情况'},
                    {name: 'RADIO7', message: '请选择罐区、仓库等危险源是否处于安全状态'},
                    {name: 'RADIO8', message: '请选择生产装置的温度、压力、组分液位、流量等主要工艺参数是否处于指标范围'},
                    {name: 'RADIO9', message: '请选择压力容器、压力管道等特种设备处于安全运行状态'},
                    {name: 'RADIO10', message: '请选择设备设施的静动密封完好无泄漏'},
                    {name: 'RADIO11', message: '请选择超限报警、紧急切断、联锁等各类安全设施配备完好投用，并可靠运行'},
                    {name: 'RADIO12', message: '请选择储罐、管道、机泵、阀门及仪表系统完好无泄漏'},
                    {name: 'RADIO13', message: '请选择储罐的液位、温度、压力无超限运行'},
                    {name: 'RADIO14', message: '请选择气柜钟罩超高、低运行'},
                    {name: 'RADIO15', message: '请选择手动放脱水、装卸车时确保人员在岗'},
                    {name: 'RADIO16', message: '请选择可燃及有毒气体报警和联锁处于可靠运行状态'},
                    {name: 'START_TIME', message: '请选择承诺时间'},
                    {name: 'END_TIME', message: '请选择承诺时间'},
                ],
                todayDate: '',
                modalName: null,
                imgList: [],
            }
        },
        onLoad(event){
            loginSession();
            this.todayDate =  formatDate(new Date(), 'yyyy-MM-dd hh:mm');
        },
        methods: {
            goSubmit(){
              let startTime = this.pd.START_TIME
              let endTime = this.pd.END_TIME
              let timeStamp = 86400000 * 30
              if(new Date(endTime).getTime() - new Date(startTime).getTime() > timeStamp){
                uni.showToast({
                  title:'只能选择30天内的日期',
                  icon:'none'
                })
                return;
              }
                var _this = this;
                let required = true
                uni.showLoading({
                    title: '请稍候'
                })
                if (_this.imgList.length <= 0) {
                    uni.showToast({
                        icon: 'none',
                        title: '请签字',
                        duration: 1500
                    });
                    return;
                }
                this.rules.map(({name,message})  => {
                    if (!this.pd[name]) {
                        uni.showToast({
                            icon: 'none',
                            title: message,
                            duration: 1500
                        });
                        required = false
                    }
                })
                if (!required) {
                    return
                }
                const formData={}
                Object.keys(this.pd).map(key => {
                    formData[key]=this.pd[key]
                })
                formData.DEPARTMENT_ID=deptId
                formData.SIGN_USER=loginUser.USER_ID
                formData.CORPINFO_ID = loginUser.CORPINFO_ID
                formData.USER_ID = loginUser.USER_ID
                this.buttonloading = true
                uni.uploadFile({
                    url: basePath+'app/commitment/team/add',
                    filePath: _this.imgList[0].filePath,
                    name: 'FFILE',
                    formData:formData,
                    success: (res) => {
                        uni.showToast({
                            icon:'none',
                            title: '保存成功',
                            duration: 2000
                        });
                        _this.goback()
                        this.buttonloading = false
                    },
                    fail: (err) => {
                        uni.hideLoading();
                        uni.showModal({
                            content: err.errMsg,
                            showCancel: false
                        });
                    }
                })
            },
            changeRadio(name,value){
                this.pd[name]=value
            },
            changeStartDate(e) {
                this.pd.START_TIME = e
                this.$forceUpdate();//强制刷新
            },
            changeEndDate(e) {
                this.pd.END_TIME = e
                this.$forceUpdate();//强制刷新
            },
            /*
			 *手写板
			 */
            showModal(e) {
                this.modalName = e.currentTarget.dataset.target
            },
            hideModal(e) {
                this.modalName = null
            },
            //完成
            subCanvas(e) {
                this.imgList.splice(0,this.imgList.length);
                this.imgList.push(e);
                this.pd.SIGNER_TIME = formatDate(new Date(), 'yyyy-MM-dd hh:mm');
                this.hideModal()
            },
            ViewImage(e) {
                let files =[];
                files.push(e.currentTarget.dataset.url)
                uni.previewImage({
                    urls: files,
                    current: e.currentTarget.dataset.url
                });
            },
            goback(){
                var pages = getCurrentPages();	// 获取当前页面栈
                var prePage = pages[pages.length - 2];	// 上二级页面
                prePage.$vm.initflag = true;    // A 页面 init方法 为true
                uni.navigateBack({delta: 1});
                uni.hideLoading();
            },
        }
    }
</script>

<style scoped>
.radio+.radio{
	margin-left: 16upx;
}
</style>
