update:设施环境配置页改进

src/views/system/fasc/facilityEnvConfig.vue

@@ -0,0 +1,1438 @@
+<template>
+    <el-dialog
+        :title="title"
+        :visible.sync="dialogVisible"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :show-close="false"
+        append-to-body
+        fullscreen
+        class="dialog paper-detail-dialog"
+        top="0"
+    >
+        <div class="container">
+            <div class="main">
+                <div class="form">
+                    <el-form ref="form" :model="form" label-width="80px" :rules="rules">
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="类型：" label-width="100px" prop="lei_xing_">
+                                    <el-select v-model="form.lei_xing_" placeholder="请选择">
+                                        <el-option
+                                            v-for="(value,key) in config"
+                                            :key="key"
+                                            :label="key.split('-')[1]"
+                                            :value="key"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row v-if="isShowDevice">
+                            <el-col :span="12">
+                                <el-form-item label="设备编号：" label-width="100px">
+                                    <ibps-custom-dialog
+                                        v-model="form.she_bei_bian_hao_"
+                                        size="small"
+                                        template-key="sbxzmcgl"
+                                        :multiple="true"
+                                        :disabled="false"
+                                        type="dialog"
+                                        class="custom-dialog"
+                                        placeholder="请选择设备"
+                                    />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-alert
+                            title="默认数据，配置详情中的同名字段为空则使用以下默认数据"
+                            type="success"
+                        />
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="部门：" label-width="100px">
+                                    <ibps-user-selector
+                                        v-model="form.bian_zhi_bu_men_"
+                                        type="position"
+                                        readonly-text="text"
+                                        :disabled="false"
+                                        :multiple="false"
+                                    />
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item label="监测岗位：" label-width="100px">
+                                    <el-select v-model="form.gang_wei_" placeholder="请选择">
+                                        <el-option
+                                            v-for="item in jianCeGangWeiList"
+                                            :key="item.id_"
+                                            :label="item.wei_hu_gang_wei_"
+                                            :value="item.wei_hu_gang_wei_"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="监测周期：" label-width="100px">
+                                    <el-select v-model="form.zhou_qi_" placeholder="请选择">
+                                        <el-option
+                                            v-for="item in period"
+                                            :key="item.value"
+                                            :label="item.label"
+                                            :value="item.value"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row v-if="form.zhou_qi_!==''">
+                            <el-col :span="12">
+                                <el-form-item :label="labelShow" label-width="100px">
+                                    <el-checkbox-group v-if="form.zhou_qi_==='每日'" v-model="dayCheck">
+                                        <el-checkbox :label="1">周一</el-checkbox>
+                                        <el-checkbox :label="2">周二</el-checkbox>
+                                        <el-checkbox :label="3">周三</el-checkbox>
+                                        <el-checkbox :label="4">周四</el-checkbox>
+                                        <el-checkbox :label="5">周五</el-checkbox>
+                                        <el-checkbox :label="6">周六</el-checkbox>
+                                        <el-checkbox :label="7">周日</el-checkbox>
+                                    </el-checkbox-group>
+                                    <template v-if="form.zhou_qi_==='每周'">
+                                        <el-radio v-model="weekCheck" :label="1">周一</el-radio>
+                                        <el-radio v-model="weekCheck" :label="2">周二</el-radio>
+                                        <el-radio v-model="weekCheck" :label="3">周三</el-radio>
+                                        <el-radio v-model="weekCheck" :label="4">周四</el-radio>
+                                        <el-radio v-model="weekCheck" :label="5">周五</el-radio>
+                                        <el-radio v-model="weekCheck" :label="6">周六</el-radio>
+                                        <el-radio v-model="weekCheck" :label="7">周日</el-radio>
+                                    </template>
+                                    <el-select v-if="form.zhou_qi_==='每月'" v-model="monthCheck" placeholder="请选择">
+                                        <el-option
+                                            v-for="item in 28"
+                                            :key="item"
+                                            :label="`第${item}天`"
+                                            :value="item"
+                                        />
+                                    </el-select>
+                                    <el-select v-if="form.zhou_qi_==='每季度'" v-model="quarterCheck" placeholder="请选择">
+                                        <el-option
+                                            v-for="item in 3"
+                                            :key="item"
+                                            :label="`第${item}个月`"
+                                            :value="item"
+                                        />
+                                    </el-select>
+                                    <el-select v-if="form.zhou_qi_==='每半年'" v-model="halfYearCheck" placeholder="请选择">
+                                        <el-option
+                                            v-for="item in 6"
+                                            :key="item"
+                                            :label="`第${item}个月`"
+                                            :value="item"
+                                        />
+                                    </el-select>
+                                    <el-select v-if="form.zhou_qi_==='每年'" v-model="yearCheck" placeholder="请选择">
+                                        <el-option
+                                            v-for="item in 12"
+                                            :key="item"
+                                            :label="`第${item}个月`"
+                                            :value="item"
+                                        />
+                                    </el-select>
+                                </el-form-item>
+
+                            </el-col>
+                            <el-col v-if="nextDate" :span="12">
+                                <el-form-item label="下次监测日期为：" label-width="120px">
+                                    <el-tag>{{ nextDate }}</el-tag>
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item label="控制条件：" label-width="100px">
+                                    <el-input v-model="form.tiao_jian_" type="textarea" :rows="2" />
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="12">
+                                <el-form-item v-if="labelText.label1" :label="labelText.label1" label-width="120px">
+                                    <el-input-number v-model="form.temperatureMin" size="small" controls-position="right" :min="-100" :max="form.temperatureMax" :step="1" />
+                                    至
+                                    <el-input-number v-model="form.temperatureMax" size="small" controls-position="right" :min="form.temperatureMin" :max="100" :step="1" />
+                                    (℃)
+                                </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                                <el-form-item v-if="labelText.label2" :label="labelText.label2" label-width="120px">
+                                    <el-input-number v-model="form.humidityMin" size="small" controls-position="right" :min="-100" :max="form.humidityMax" :step="1" />
+                                    至
+                                    <el-input-number v-model="form.humidityMax" size="small" controls-position="right" :min="form.humidityMin" :max="100" :step="1" />
+                                    (%)
+                                </el-form-item>
+                            </el-col>
+                        </el-row>
+                    </el-form>
+                </div>
+                <div class="table">
+                    <div class="btn">
+                        <el-upload
+                            ref="uploadRef"
+                            class="upload-demo"
+                            action=""
+                            accept=".xlsx,.xls"
+                            :auto-upload="false"
+                            :show-file-list="false"
+                            :on-change="handleUploadChange"
+                        >
+                            <el-button type="primary" size="mini" icon="el-icon-upload2">导入</el-button>
+                        </el-upload>
+                        <el-button type="primary" size="mini" icon="el-icon-download" @click="exportExcel">导出</el-button>
+                        <el-button type="success" size="mini" icon="el-icon-plus" @click="openDialog">添加</el-button>
+
+                        <el-button type="danger" size="mini" icon="el-icon-delete" @click="removeItem">删除</el-button>
+                        <el-button v-if="subForm.length>0" type="info" size="mini" icon="el-icon-setting" @click="settingData">使用默认数据</el-button>
+                    </div>
+                    <el-table
+                        :data="showPaperList"
+                        style="width: 100%"
+                        @selection-change="handleSelectionChange"
+                    >
+                        <el-table-column
+                            width="50"
+                            type="selection"
+                        />
+                        <el-table-column
+                            prop=""
+                            label="序号"
+                            width="50"
+                            type="index"
+                            :index="showIndex"
+                        />
+                        <el-table-column
+                            prop="bu_men_"
+                            label="部门"
+                            width="100"
+                        >
+                            <template slot-scope="{row}">
+                                <ibps-user-selector
+                                    type="position"
+                                    :value="row.bu_men_"
+                                    readonly-text="text"
+                                    :disabled="true"
+                                    :multiple="true"
+                                />
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            prop="qu_yu_"
+                            label="区域"
+                        />
+                        <el-table-column
+                            prop="fang_jian_"
+                            label="房间"
+                        />
+                        <el-table-column
+                            v-if="isShowDevice"
+                            prop="deviceno1_"
+                            label="被控设备编号"
+                        />
+                        <el-table-column
+                            v-if="isShowDevice"
+                            prop="devicename1_"
+                            label="被控设备名称"
+                        />
+                        <el-table-column
+                            prop="deviceno2_"
+                            label="监控设备"
+                        />
+                        <el-table-column
+                            prop="jian_ce_zhou_qi_"
+                            label="监测周期"
+                            width="80"
+                        />
+                        <el-table-column
+                            prop="jian_ce_ri_qi_"
+                            label="监测日期"
+                            width="110"
+                        />
+                        <el-table-column
+                            prop="jian_ce_gang_wei_"
+                            label="监测岗位"
+                        />
+                        <el-table-column
+                            prop="shi_fou_qi_yong_"
+                            label="是否启用"
+                            width="80"
+                        >
+                            <template slot-scope="{row}">
+                                <el-tag v-if="row.shi_fou_qi_yong_==='1'">启用</el-tag>
+                                <el-tag v-if="row.shi_fou_qi_yong_==='0'" type="danger">停用</el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            fixed="right"
+                            prop=""
+                            label="操作栏目"
+                        >
+                            <template slot-scope="{row}">
+                                <el-button type="primary" icon="el-icon-edit" size="mini" @click="openDialog(row)">编辑</el-button>
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                    <el-pagination
+                        style="margin-top: 5px; padding-bottom: 10px"
+                        :current-page="currentPage"
+                        :page-sizes="[10, 20,30, 50]"
+                        :page-size="pageSize"
+                        layout="prev,pager,next,jumper,sizes,->,total"
+                        :total="subForm.length"
+                        @size-change="handleSizeChange"
+                        @current-change="handleCurrentChange"
+                    />
+                </div>
+            </div>
+
+        </div>
+        <div slot="footer" class="el-dialog--center">
+            <ibps-toolbar :actions="toolbars" @action-event="handleActionEvent" />
+        </div>
+
+        <FecDialog ref="FecDialogRef" @onSubmit="sonSubmit" />
+    </el-dialog>
+</template>
+
+<script>
+import IbpsAttachment from '@/business/platform/file/attachment/selector'
+import ibpsUserSelector from '@/business/platform/org/selector'
+import xlsx from 'xlsx'
+import fs from 'file-saver'
+import FecDialog from './fecDialog.vue'
+export default {
+    components: {
+        ibpsUserSelector,
+        IbpsAttachment,
+        FecDialog,
+        IbpsCustomDialog: () => import('@/business/platform/data/templaterender/custom-dialog')
+    },
+    props: {
+        parentData: {
+            type: [Object, Array],
+            default: () => {}
+        },
+        visible: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data () {
+        const { userId, level = {}} = this.$store.getters || {}
+        return {
+            level: level.second || level.first,
+            userId: userId,
+            pageSize: 10,
+            currentPage: 1,
+            multipleSelection: [],
+            nextDate: '',
+            rules: {
+                lei_xing_: [
+                    { required: true, message: '请选择类型', trigger: 'blur' }
+                ]
+            },
+            jianCeGangWeiList: [],
+            dialogVisible: true,
+            title: '设施环境配置表',
+            toolbars: [{ key: 'save', label: '保存' }, { key: 'cancel', label: '退出' }],
+            dayCheck: [],
+            weekCheck: '',
+            monthCheck: '',
+            quarterCheck: '',
+            halfYearCheck: '',
+            yearCheck: '',
+            form: {
+                temperatureMin: 0,
+                temperatureMax: 0,
+                humidityMin: 0,
+                humidityMax: 0,
+
+                di_dian_: level.second || level.first,
+                bian_zhi_ren_: userId,
+                lei_xing_: '',
+                bian_zhi_bu_men_: '',
+                zhou_qi_: '',
+                gang_wei_: '',
+                tiao_jian_: '',
+                default_environme: '',
+                she_bei_bian_hao_: '', // 设备编号
+                jian_ce_ri_qi_: '',
+                ri_qi_lie_biao_: '',
+                mo_kuai_lu_jing_: ''
+            },
+            subForm: [
+
+            ],
+            period: [
+                { label: '日监测', value: '每日' },
+                { label: '周监测', value: '每周' },
+                { label: '月监测', value: '每月' },
+                { label: '季度监测', value: '每季度' },
+                { label: '半年监测', value: '每半年' },
+                { label: '年监测', value: '每年' }
+            ],
+            config: {
+                '01-室内温湿度监控': {
+                    keyword: '',
+                    path: '/sshjgl/wdjc/snwsdjkcd'
+                },
+                '02-冰箱温度监控': {
+                    keyword: '冰箱，冰柜，冷藏，冷冻，低温，恒温，生化培养箱',
+                    path: '/sshjgl/wdjc/bxwdjc',
+                    showDevice: true
+                },
+                '03-温浴箱温度监控': {
+                    keyword: '',
+                    path: '/sshjgl/wdjc/wyxwdjkywh',
+                    showDevice: true
+                },
+                '04-阴凉柜温度监控': {
+                    keyword: '',
+                    path: '/sshjgl/wdjc/ylgwdjc',
+                    showDevice: true
+                },
+                '05-纯水机水质监测': {
+                    keyword: '',
+                    path: '/sshjgl/csjszjcb',
+                    showDevice: true
+                },
+                '06-每日安全检查': {
+                    keyword: '',
+                    path: '/sshjgl/aqgl/mraqjc'
+                },
+                // '07-每月安全检查': {
+                //     keyword: '',
+                //     path: '/sshjgl/aqgl/myaqjc'
+                // },
+                '08-含氯有效性监测': {
+                    keyword: '',
+                    path: '/sshjgl/aqgl/hlyxxjc'
+                },
+                // '09-紫外灯辐照测定': {
+                //     keyword: '',
+                //     path: '/sshjgl/aqgl/zwdfzd',
+                //     showDevice: true
+                // },
+                '10-洗眼器检查': {
+                    keyword: '',
+                    path: '/sshjgl/aqgl/xyqjc',
+                    showDevice: true
+                },
+                '11-紧急淋浴器检查': {
+                    keyword: '',
+                    path: '/sshjgl/aqgl/jjlyqjc',
+                    showDevice: true
+                },
+                '12-紫外灯消毒': {
+                    keyword: '',
+                    path: '/sshjgl/aqgl/jykzwdxdjlb',
+                    showDevice: true
+                },
+                '13-高压灭菌': {
+                    keyword: '',
+                    path: '/sshjgl/aqgl/gymjjlb',
+                    showDevice: true
+                },
+                '14-空气消毒机': {
+                    keyword: '',
+                    path: '/sshjgl/aqgl/xdjsyjlb',
+                    showDevice: true
+                }
+            },
+            listHander: {
+                bu_men_: '部门',
+                qu_yu_: '区域',
+                fang_jian_: '房间',
+                jian_ce_zhou_qi_: '监测周期',
+                jian_ce_ri_qi_: '监测日期',
+                jian_ce_gang_wei_: '监测岗位',
+                kong_zhi_tiao_jia: '控制条件',
+                xiu_zheng_shi_du_: '湿度修正值',
+                xiu_zheng_wen_du_: '温度修正值',
+                deviceno1_: '被控设备编号',
+                devicename1_: '被控设备名称',
+                deviceno2_: '监控设备编号'
+            },
+            subIdList: [],
+            isFirstDevice: true
+        }
+    },
+    computed: {
+        showPaperList () {
+            const start = (this.currentPage - 1) * this.pageSize
+            const end = start + this.pageSize
+            return this.subForm.slice(start, end)
+        },
+        isShowDevice () {
+            return this.form.lei_xing_ !== '01-室内温湿度监控' && this.form.lei_xing_ !== '06-每日安全检查' && this.form.lei_xing_ !== '08-含氯有效性监测'
+        },
+        isEdit () {
+            return this.parentData instanceof Object && this.parentData.mainId
+        },
+        labelShow () {
+            return this.form.zhou_qi_.split('每')[1] + '监测日期：'
+        },
+        labelText () {
+            switch (this.form.lei_xing_) {
+                case '02-冰箱温度监控':
+                    return { label1: '冷藏温度范围限值', label2: '冷冻温度范围限值' }
+                case '03-温浴箱温度监控':
+                case '04-阴凉柜温度监控':
+                    return { label1: '温度范围限值', label2: '' }
+                case '05-纯水机水质监测':
+                case '06-每日安全检查':
+                case '08-含氯有效性监测':
+                case '10-洗眼器检查':
+                case '11-紧急淋浴器检查':
+                case '13-高压灭菌':
+                case '14-空气消毒机':
+                case '12-紫外灯消毒':
+                    return { label1: '', label2: '' }
+                default:
+                    return { label1: '温度范围限值', label2: '湿度范围限值' }
+            }
+        }
+
+    },
+    watch: {
+        'form.temperatureMin' (val) {
+            this.form.default_environme = this.formatEnv(this.form.temperatureMax, this.form.temperatureMin, this.form.humidityMax, this.form.humidityMin)
+        },
+        'form.temperatureMax' (val) {
+            this.form.default_environme = this.formatEnv(this.form.temperatureMax, this.form.temperatureMin, this.form.humidityMax, this.form.humidityMin)
+        },
+        'form.humidityMin' (val) {
+            this.form.default_environme = this.formatEnv(this.form.temperatureMax, this.form.temperatureMin, this.form.humidityMax, this.form.humidityMin)
+        },
+        'form.humidityMax' (val) {
+            this.form.default_environme = this.formatEnv(this.form.temperatureMax, this.form.temperatureMin, this.form.humidityMax, this.form.humidityMin)
+        },
+        'form.she_bei_bian_hao_' (val) {
+            if (!this.isFirstDevice) {
+                const sql = `select yuan_she_bei_bian,she_bei_ming_cheng_ from t_sbdj where find_in_set(id_, '${val}')`
+                this.$common.request('sql', sql).then(res => {
+                    const { data = [] } = res.variables || {}
+                    data.forEach(item => {
+                        const bianHao = item.yuan_she_bei_bian
+                        const mingChneg = item.she_bei_ming_cheng_
+                        const t = this.subForm.find(sub => sub.deviceno1_ === bianHao)
+                        if (!t) {
+                            this.subForm.push({
+                                deviceno1_: bianHao,
+                                devicename1_: mingChneg,
+
+                                shi_fou_qi_yong_: '1',
+                                bu_men_: this.form.bian_zhi_bu_men_,
+                                jian_ce_gang_wei_: this.form.gang_wei_,
+                                jian_ce_zhou_qi_: this.form.zhou_qi_,
+                                kong_zhi_tiao_jia: this.form.tiao_jian_,
+                                environment_range: this.form.default_environme,
+                                xiu_zheng_shi_du_: '',
+                                xiu_zheng_wen_du_: '',
+                                fang_jian_: '',
+                                qu_yu_: '',
+                                deviceno2_: '',
+                                jian_ce_ri_qi_: this.form.jian_ce_ri_qi_,
+                                ri_qi_lie_biao_: this.form.ri_qi_lie_biao_,
+                                zi_wai_deng_wai_j: this.$utils.guid()
+                            })
+                        }
+                    })
+                })
+            }
+        },
+        'form.lei_xing_' (val) {
+            this.form.mo_kuai_lu_jing_ = this.config[val].path
+        },
+        'form.zhou_qi_' (val) {
+            this.dayCheck = []
+            this.weekCheck = ''
+            this.monthCheck = ''
+            this.quarterCheck = ''
+            this.halfYearCheck = ''
+            this.yearCheck = ''
+            this.nextDate = ''
+        },
+        dayCheck: {
+            handler: function (val, oldVal) {
+                this.formatRiQi()
+                if (val.length === 0) {
+                    this.nextDate = ''
+                    return
+                }
+                const temp_val = JSON.parse(JSON.stringify(val))
+                const today = new Date()
+                temp_val.sort(function (a, b) {
+                    return a - b
+                })
+                const num = temp_val.findIndex(e => e > today.getDay())
+                if (temp_val.length > 0 && num !== -1) {
+                    this.nextDate = this.getDayDate(temp_val[num], 0)
+                } else if (temp_val.length > 0 && num === -1) {
+                    this.nextDate = this.getDayDate(temp_val[0], 1)
+                } else {
+                    this.nextDate = ''
+                }
+            },
+            immediate: true
+        },
+        weekCheck: {
+            handler: function (val, oldVal) {
+                this.formatRiQi()
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const today = new Date()
+                const weekNum = []
+                weekNum.push(val)
+                const num = weekNum.findIndex(e => e > today.getDay())
+                if (val !== '' && num !== -1) {
+                    this.nextDate = this.getDayDate(weekNum[0], 0)
+                } else if (val !== '' && num === -1) {
+                    this.nextDate = this.getDayDate(weekNum[0], 1)
+                } else {
+                    this.nextDate = ''
+                }
+            },
+            immediate: true
+        },
+        monthCheck: {
+            handler: function (val, oldVal) {
+                this.formatRiQi()
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const today = new Date()
+                const day = today.getDate()
+                const nextMonth = this.getNextMonthDate(today, val, 1)
+                const currentMonth = this.getNextMonthDate(today, val, 0)
+                this.nextDate = val > day ? currentMonth : nextMonth
+            }
+            // immediate: true
+        },
+        quarterCheck: {
+            handler: function (val, oldVal) {
+                this.formatRiQi()
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const quarterList = [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10, 11, 12]]
+                const today = new Date()
+                const month = today.getMonth() + 1
+                const qu = this.getQuarter(today)
+                const nowM = quarterList[qu - 1][val - 1]
+                const nextM = quarterList[qu][val - 1]
+
+                const endMonth = month >= nowM ? nextM : nowM
+                const yearPJ = today.getFullYear()
+                const monthPJ = endMonth > 9 ? endMonth : '0' + endMonth
+
+                this.nextDate = yearPJ + '-' + monthPJ + '-01'
+            }
+            // immediate: true
+        },
+        halfYearCheck: {
+            handler: function (val, oldVal) {
+                this.formatRiQi()
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const midList = [[1, 2, 3, 4, 5, 6], [7, 8, 9, 10, 11, 12]]
+                const today = new Date()
+                const month = today.getMonth() + 1
+                const qu = month > 6 ? 2 : 1
+                const nowM = midList[qu - 1][val - 1]
+                const nextM = midList[qu][val - 1]
+
+                const endMonth = month >= nowM ? nextM : nowM
+                const yearPJ = today.getFullYear()
+                const monthPJ = endMonth > 9 ? endMonth : '0' + endMonth
+
+                this.nextDate = yearPJ + '-' + monthPJ + '-01'
+            }
+            // immediate: true
+        },
+        yearCheck: {
+            handler: function (val, oldVal) {
+                this.formatRiQi()
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const today = new Date()
+                const month = today.getMonth() + 1
+                const year = today.getFullYear()
+                const qu = month >= val ? year + 1 : year
+                const monthPJ = val > 9 ? val : '0' + val
+
+                this.nextDate = qu + '-' + monthPJ + '-01'
+            }
+            // immediate: true
+        }
+    },
+    mounted () {
+        this.init()
+        if (this.isEdit) {
+            this.loadData()
+            this.loadSubData()
+        } else {
+            this.isFirstDevice = false
+        }
+    },
+    methods: {
+        init () {
+            this.loadSelectorData()
+        },
+        loadSelectorData () {
+            const pos = this.$store.getters.level.second ? this.$store.getters.level.second : this.$store.getters.level.first
+            const sql = `select * from t_sbwhgwpzb where di_dian_='${pos}'`
+            this.$common.request('sql', sql).then(res => {
+                const { data = [] } = res.variables || {}
+                this.jianCeGangWeiList = data
+            })
+        },
+        loadData () {
+            const sql = `select * from t_sshjpzb where id_=${this.parentData.mainId}`
+            this.$common.request('sql', sql).then(res => {
+                const { data = [] } = res.variables || {}
+                // console.log('主表', data)
+                if (!data.length) {
+                    return this.$message.warning(``)
+                }
+                this.form = data[0]
+                const jian_ce_ri_qi_ = data[0].jian_ce_ri_qi_
+                if (this.form.default_environme) {
+                    const { humidity, temperature } = JSON.parse(this.form.default_environme)
+                    this.$set(this.form, 'temperatureMin', +temperature.min)
+                    this.$set(this.form, 'temperatureMax', +temperature.max)
+                    this.$set(this.form, 'humidityMin', +humidity.min)
+                    this.$set(this.form, 'humidityMax', +humidity.max)
+                }
+                if (this.form.jian_ce_ri_qi_) {
+                    this.$nextTick(() => {
+                        switch (this.form.zhou_qi_) {
+                            case '每日':
+                                if (jian_ce_ri_qi_ === '每天') {
+                                    this.dayCheck = [1, 2, 3, 4, 5, 6, 7]
+                                } else {
+                                    this.dayCheck = jian_ce_ri_qi_.split('每周')[1].split(',').map(item => +item)
+                                }
+                                break
+                            case '每周':
+                                this.weekCheck = +jian_ce_ri_qi_.split('每周')[1]
+                                break
+                            case '每月':
+                                this.monthCheck = +jian_ce_ri_qi_.split('每个月第')[1].split('天')[0]
+                                break
+                            case '每季度':
+                                this.quarterCheck = +jian_ce_ri_qi_.split('每季度第')[1].split('个月')[0]
+                                break
+                            case '每半年':
+                                this.halfYearCheck = +jian_ce_ri_qi_.split('每半年第')[1].split('个月')[0]
+                                break
+                            case '每年':
+                                this.yearCheck = +jian_ce_ri_qi_.split('每年第')[1].split('个月')[0]
+                                break
+                            default:
+                                break
+                        }
+                    })
+                }
+                this.$nextTick(() => {
+                    this.isFirstDevice = false
+                })
+            })
+        },
+        loadSubData () {
+            const sql = `select * from t_sshjpzxq where parent_id_=${this.parentData.mainId}`
+            this.$common.request('sql', sql).then(res => {
+                const { data = [] } = res.variables || {}
+                // console.log('子表', data)
+                if (!data.length) {
+                    return this.$message.warning(``)
+                }
+                this.subForm = data
+                this.subIdList = data.map(item => item.zi_wai_deng_wai_j)
+            })
+        },
+        formatEnv (temperatureMax, temperatureMin, humidityMax, humidityMin) {
+            const temp_environment_range = {
+                temperature: {
+                    max: temperatureMax,
+                    min: temperatureMin
+                },
+                humidity: {
+                    max: humidityMax,
+                    min: humidityMin
+                }
+            }
+            return JSON.stringify(temp_environment_range)
+        },
+        formatRiQi () {
+            switch (this.form.zhou_qi_) {
+                case '每日':
+                    if (!this.dayCheck || this.dayCheck.length === 0) {
+                        this.form.jian_ce_ri_qi_ = ''
+                        this.form.ri_qi_lie_biao_ = ''
+                    } else if (this.dayCheck.length === 7) {
+                        this.form.jian_ce_ri_qi_ = '每天'
+                        this.form.ri_qi_lie_biao_ = '1,2,3,4,5,6,7'
+                    } else {
+                        const temp_dayCheck = JSON.parse(JSON.stringify(this.dayCheck))
+                        temp_dayCheck.sort(function (a, b) {
+                            return a - b
+                        })
+                        this.form.ri_qi_lie_biao_ = temp_dayCheck.join(',')
+                        this.form.jian_ce_ri_qi_ = '每周' + temp_dayCheck.join(',')
+                    }
+                    break
+                case '每周':
+                    if (this.weekCheck) {
+                        this.form.jian_ce_ri_qi_ = '每周' + this.weekCheck
+                        this.form.ri_qi_lie_biao_ = this.weekCheck + ''
+                    } else {
+                        this.form.jian_ce_ri_qi_ = ''
+                        this.form.ri_qi_lie_biao_ = ''
+                    }
+
+                    break
+                case '每月':
+                    if (this.monthCheck) {
+                        this.form.jian_ce_ri_qi_ = '每个月第' + this.monthCheck + '天'
+                        this.form.ri_qi_lie_biao_ = this.monthCheck + ''
+                    } else {
+                        this.form.jian_ce_ri_qi_ = ''
+                        this.form.ri_qi_lie_biao_ = ''
+                    }
+
+                    break
+                case '每季度':
+                    if (this.quarterCheck) {
+                        this.form.jian_ce_ri_qi_ = '每季度第' + this.quarterCheck + '个月'
+                        this.form.ri_qi_lie_biao_ = this.quarterCheck + ''
+                    } else {
+                        this.form.jian_ce_ri_qi_ = ''
+                        this.form.ri_qi_lie_biao_ = ''
+                    }
+
+                    break
+                case '每半年':
+                    if (this.halfYearCheck) {
+                        this.form.jian_ce_ri_qi_ = '每半年第' + this.halfYearCheck + '个月'
+                        this.form.ri_qi_lie_biao_ = this.halfYearCheck + ''
+                    } else {
+                        this.form.jian_ce_ri_qi_ = ''
+                        this.form.ri_qi_lie_biao_ = ''
+                    }
+
+                    break
+                case '每年':
+                    if (this.yearCheck) {
+                        this.form.jian_ce_ri_qi_ = '每年第' + this.yearCheck + '个月'
+                        this.form.ri_qi_lie_biao_ = this.yearCheck + ''
+                    } else {
+                        this.form.jian_ce_ri_qi_ = ''
+                        this.form.ri_qi_lie_biao_ = ''
+                    }
+
+                    break
+                default:
+                    this.form.jian_ce_ri_qi_ = ''
+                    this.form.ri_qi_lie_biao_ = ''
+                    break
+            }
+        },
+        // 当前页码改变
+        handleCurrentChange (val) {
+            this.currentPage = val
+        },
+        // 页码选择器改变
+        handleSizeChange (val) {
+            this.pageSize = val
+            this.currentPage = 1
+        },
+        // 分页连续序号
+        showIndex (index) {
+            return index + 1 + (this.currentPage - 1) * this.pageSize
+        },
+        handleActionEvent ({ key }) {
+            switch (key) {
+                case 'cancel':
+                    this.dialogVisible = false
+                    break
+                case 'save':
+                    this.saveResult()
+                    break
+                default:
+                    break
+            }
+        },
+        // 使用默认数据
+        settingData () {
+            this.$confirm('使用默认数据后子表中为空的字段将会被以上数据代替，是否继续?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            })
+                .then(() => {
+                    this.subForm.forEach(item => {
+                        if (item.bu_men_ === '') {
+                            item.bu_men_ = this.form.bian_zhi_bu_men_
+                        }
+                        if (item.jian_ce_gang_wei_ === '') {
+                            item.jian_ce_gang_wei_ = this.form.gang_wei_
+                        }
+                        if (item.kong_zhi_tiao_jia === '') {
+                            item.kong_zhi_tiao_jia = this.form.tiao_jian_
+                        }
+                        if (item.environment_range === '' || item.environment_range === this.formatEnv(0, 0, 0, 0)) {
+                            item.environment_range = this.form.default_environme
+                        }
+
+                        if (item.jian_ce_ri_qi_ === '') {
+                            item.jian_ce_ri_qi_ = this.form.jian_ce_ri_qi_
+                        }
+                        if (item.ri_qi_lie_biao_ === '') {
+                            item.ri_qi_lie_biao_ = this.form.ri_qi_lie_biao_
+                        }
+                        if (item.jian_ce_zhou_qi_ === '') {
+                            item.jian_ce_zhou_qi_ = this.form.zhou_qi_
+                        }
+                    })
+                })
+        },
+        // 子表单添加/编辑按钮
+        openDialog (row) {
+            if (this.form.lei_xing_ === '') {
+                return this.$message.warning('请先选择类型！')
+            }
+            this.$refs.FecDialogRef.open(row, this.jianCeGangWeiList, this.form, { dayCheck: this.dayCheck, weekCheck: this.weekCheck, monthCheck: this.monthCheck, quarterCheck: this.quarterCheck, halfYearCheck: this.halfYearCheck, yearCheck: this.yearCheck })
+        },
+        // 子表的提交事件
+        sonSubmit (data) {
+            const { dayCheck, weekCheck, monthCheck, quarterCheck, halfYearCheck, yearCheck, form, isEdit, row } = data
+            const temp_form = JSON.parse(JSON.stringify(form))
+            const temp_environment_range = {
+                temperature: {
+                    max: temp_form.temperatureMax,
+                    min: temp_form.temperatureMin
+                },
+                humidity: {
+                    max: temp_form.humidityMax,
+                    min: temp_form.humidityMin
+                }
+            }
+            // 温度湿度格式化
+            temp_form.environment_range = JSON.stringify(temp_environment_range)
+            // 监测日期格式化
+            switch (temp_form.jian_ce_zhou_qi_) {
+                case '每日':
+                    if (!dayCheck || dayCheck.length === 0) {
+                        temp_form.jian_ce_ri_qi_ = ''
+                        temp_form.ri_qi_lie_biao_ = ''
+                    } else if (dayCheck.length === 7) {
+                        temp_form.jian_ce_ri_qi_ = '每天'
+                        temp_form.ri_qi_lie_biao_ = '1,2,3,4,5,6,7'
+                    } else {
+                        dayCheck.sort(function (a, b) {
+                            return a - b
+                        })
+                        temp_form.jian_ce_ri_qi_ = '每周' + dayCheck.join(',')
+                        temp_form.ri_qi_lie_biao_ = dayCheck.join(',')
+                    }
+                    break
+                case '每周':
+                    if (weekCheck) {
+                        temp_form.jian_ce_ri_qi_ = '每周' + weekCheck
+                        temp_form.ri_qi_lie_biao_ = weekCheck + ''
+                    } else {
+                        temp_form.jian_ce_ri_qi_ = ''
+                        temp_form.ri_qi_lie_biao_ = ''
+                    }
+
+                    break
+                case '每月':
+
+                    if (monthCheck) {
+                        temp_form.jian_ce_ri_qi_ = '每个月第' + monthCheck + '天'
+                        temp_form.ri_qi_lie_biao_ = monthCheck + ''
+                    } else {
+                        temp_form.jian_ce_ri_qi_ = ''
+                        temp_form.ri_qi_lie_biao_ = ''
+                    }
+                    break
+                case '每季度':
+
+                    if (quarterCheck) {
+                        temp_form.jian_ce_ri_qi_ = '每季度第' + [quarterCheck] + '个月'
+                        temp_form.ri_qi_lie_biao_ = quarterCheck + ''
+                    } else {
+                        temp_form.jian_ce_ri_qi_ = ''
+                        temp_form.ri_qi_lie_biao_ = ''
+                    }
+                    break
+                case '每半年':
+
+                    if (halfYearCheck) {
+                        temp_form.jian_ce_ri_qi_ = '每半年第' + [halfYearCheck] + '个月'
+                        temp_form.ri_qi_lie_biao_ = halfYearCheck + ''
+                    } else {
+                        temp_form.jian_ce_ri_qi_ = ''
+                        temp_form.ri_qi_lie_biao_ = ''
+                    }
+                    break
+                case '每年':
+
+                    if (yearCheck) {
+                        temp_form.jian_ce_ri_qi_ = '每年第' + [yearCheck] + '个月'
+                        temp_form.ri_qi_lie_biao_ = yearCheck + ''
+                    } else {
+                        temp_form.jian_ce_ri_qi_ = ''
+                        temp_form.ri_qi_lie_biao_ = ''
+                    }
+                    break
+                default:
+                    break
+            }
+            // 是否启用格式化
+            temp_form.shi_fou_qi_yong_ = temp_form.shi_fou_qi_yong_ ? '1' : '0'
+            // 删除多余项
+            delete temp_form.temperatureMax
+            delete temp_form.humidityMax
+            delete temp_form.temperatureMin
+            delete temp_form.humidityMin
+            if (isEdit === true) {
+                Object.assign(row, temp_form)
+            } else {
+                this.subForm.push(temp_form)
+            }
+            this.$refs.FecDialogRef.close()
+        },
+        // 关闭当前窗口
+        closeDialog () {
+            this.dialogVisible = false
+            this.$emit('close', false)
+        },
+        // 子表删除
+        removeItem () {
+            if (this.multipleSelection.length === 0) {
+                return this.$message.warning('请选择要删除的数据！')
+            } else {
+                this.$confirm('请确认是否删除所选项?', '提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '取消',
+                    type: 'warning'
+                }).then(() => {
+                    this.multipleSelection.forEach(item => {
+                        const index = this.subForm.indexOf(item)
+                        this.subForm.splice(index, 1)
+                    })
+                    this.$message.success('删除成功！')
+                    this.multipleSelection = []
+                }).catch(() => {
+                    this.$message({
+                        type: 'info',
+                        message: '已取消删除'
+                    })
+                })
+            }
+        },
+        // table复选框
+        handleSelectionChange (val) {
+            this.multipleSelection = val
+        },
+        submit () {
+            if (this.subForm.length === 0) {
+                return this.$message.warning('请添加子表数据')
+            }
+            for (var i = 0; i < this.subForm.length; i++) {
+                const item = this.subForm[i]
+                if (item.bu_men_ === '') {
+                    return this.$message.warning(`子表第${i + 1}行部门信息缺失！`)
+                }
+                if (item.jian_ce_ri_qi_ === '') {
+                    return this.$message.warning(`子表第${i + 1}行监测日期信息缺失！`)
+                }
+                if (item.jian_ce_gang_wei_ === '') {
+                    return this.$message.warning(`子表第${i + 1}行监测岗位信息缺失！`)
+                }
+            }
+            delete this.form.temperatureMax
+            delete this.form.humidityMax
+            delete this.form.temperatureMin
+            delete this.form.humidityMin
+            // console.log('主表', this.form)
+            // console.log('子表', this.subForm)
+            const allUid = this.subForm.map(item => item.zi_wai_deng_wai_j)
+            const existUid = this.subIdList
+            const addList = this.subForm.filter(item => !existUid.includes(item.zi_wai_deng_wai_j))
+            const deleteList = existUid.filter(item => !allUid.includes(item))
+            const updateList = this.subForm.filter(item => existUid.includes(item.zi_wai_deng_wai_j))
+            // console.log('原来数据', existUid)
+            // console.log('全部数据', allUid)
+            // console.log('需要添加', addList)
+            // console.log('需要更新', updateList)
+            // console.log('需要删除', deleteList)
+            // return
+            // 主表修改
+            if (this.isEdit) {
+                const params = {
+                    tableName: 't_sshjpzb',
+                    updList: [
+                        {
+                            where: {
+                                id_: this.parentData.mainId
+                            },
+                            param: {
+                                lei_xing_: this.form.lei_xing_,
+                                bian_zhi_bu_men_: this.form.bian_zhi_bu_men_,
+                                zhou_qi_: this.form.zhou_qi_,
+                                gang_wei_: this.form.gang_wei_,
+                                tiao_jian_: this.form.tiao_jian_,
+                                default_environme: this.form.default_environme,
+                                she_bei_bian_hao_: this.form.she_bei_bian_hao_,
+                                jian_ce_ri_qi_: this.form.jian_ce_ri_qi_,
+                                ri_qi_lie_biao_: this.form.ri_qi_lie_biao_,
+                                mo_kuai_lu_jing_: this.form.mo_kuai_lu_jing_
+                            }
+
+                        }
+                    ]
+                }
+                this.$common.request('update', params).then(() => {
+                    console.log('主表更新数据成功')
+                    if (addList.length) {
+                        const params = {
+                            tableName: 't_sshjpzxq',
+                            paramWhere: addList.map(item => {
+                                return { ...item, parent_id_: this.parentData.mainId }
+                            })
+                        }
+                        this.$common.request('add', params).then(() => { console.log('子表添加数据成功') })
+                    }
+                    if (updateList.length) {
+                        const params = {
+                            tableName: 't_sshjpzxq',
+                            updList: updateList.map(item => ({
+                                where: {
+                                    zi_wai_deng_wai_j: item.zi_wai_deng_wai_j
+                                },
+                                param: {
+                                    qu_yu_: item.qu_yu_,
+                                    fang_jian_: item.fang_jian_,
+                                    bu_men_: item.bu_men_,
+                                    deviceno1_: item.deviceno1_,
+                                    devicename1_: item.devicename1_,
+                                    deviceno2_: item.deviceno2_, // 监控设备
+                                    jian_ce_zhou_qi_: item.jian_ce_zhou_qi_,
+                                    jian_ce_gang_wei_: item.jian_ce_gang_wei_,
+                                    shi_fou_qi_yong_: item.shi_fou_qi_yong_,
+                                    kong_zhi_tiao_jia: item.kong_zhi_tiao_jia,
+                                    environment_range: item.environment_range,
+                                    xiu_zheng_shi_du_: item.xiu_zheng_shi_du_,
+                                    xiu_zheng_wen_du_: item.xiu_zheng_wen_du_,
+                                    jian_ce_ri_qi_: item.jian_ce_ri_qi_,
+                                    ri_qi_lie_biao_: item.ri_qi_lie_biao_
+                                }
+                            }))
+                        }
+                        this.$common.request('update', params).then(() => { console.log('子表更新数据成功') })
+                    }
+                    if (deleteList.length) {
+                        const params = {
+                            tableName: 't_sshjpzxq',
+                            paramWhere: { zi_wai_deng_wai_j: deleteList.join(',') }
+                        }
+                        this.$common.request('delete', params).then(() => { console.log('子表删除数据成功') })
+                    }
+                    this.$nextTick(() => {
+                        this.$message.success('修改成功！')
+                        this.closeDialog()
+                    })
+                })
+            } else {
+                const params = {
+                    tableName: 't_sshjpzb',
+                    paramWhere: [this.form]
+                }
+                this.$common.request('add', params).then((res) => {
+                    console.log('主表新增数据成功')
+                    const { cont = [] } = res.variables || {}
+                    if (addList.length) {
+                        const params = {
+                            tableName: 't_sshjpzxq',
+                            paramWhere: addList.map(item => {
+                                return { ...item, parent_id_: cont[0].id_ }
+                            })
+                        }
+                        this.$common.request('add', params).then(() => {
+                            this.$message.success('添加成功！')
+                            console.log('子表添加数据成功')
+                            this.closeDialog()
+                        })
+                    }
+                })
+            }
+
+            // 紫外灯数据同步更新紫外灯消毒记录表
+            if (this.form.lei_xing_.includes('12')) {
+                const tableName = 't_jykzwdxdjlbsc'
+                // 生成添加请求参数
+                const addParams = addList.length ? {
+                    tableName,
+                    paramWhere: addList.map(item => ({
+                        di_dian_: this.level,
+                        bian_zhi_bu_men_: item.bu_men_,
+                        bian_zhi_ren_: this.userId,
+                        zi_wai_deng_ming_: item.deviceName1,
+                        she_shi_id_: item.zi_wai_deng_wai_j
+                    }))
+                } : null
+
+                // 生成更新请求参数
+                const updateParams = updateList.length ? {
+                    tableName,
+                    updList: updateList.map(item => ({
+                        where: {
+                            she_shi_id_: item.zi_wai_deng_wai_j
+                        },
+                        param: {
+                            bian_zhi_bu_men_: item.bu_men_,
+                            zi_wai_deng_ming_: item.deviceName1
+                        }
+                    }))
+                } : null
+
+                // 生成删除请求参数
+                const deleteParams = deleteList.length ? {
+                    tableName,
+                    paramWhere: { she_shi_id_: deleteList.map(item => item.sheShiId).join(',') }
+                } : null
+
+                // 合并所有请求
+                const allRequests = []
+
+                if (addParams) {
+                    allRequests.push(this.$common.request('add', addParams).then(() => console.log('添加紫外灯数据成功')))
+                }
+
+                if (updateParams) {
+                    allRequests.push(this.$common.request('update', updateParams).then(() => console.log('更新紫外灯数据成功')))
+                }
+
+                if (deleteParams) {
+                    allRequests.push(this.$common.request('delete', deleteParams).then(() => console.log('删除紫外灯数据成功')))
+                }
+
+                // 执行所有请求
+                Promise.all(allRequests)
+                    .then(() => console.log('所有请求完成'))
+                    .catch(error => console.error('请求出错：', error))
+            }
+        },
+        saveResult () {
+            this.$refs.form.validate((valid) => {
+                if (valid) {
+                    this.submit()
+                } else {
+                    this.$message.warning('请填写必填项')
+                    return false
+                }
+            })
+        },
+        /* 读取文件 */
+        readFile (file) {
+            return new Promise(resolve => {
+                const reader = new FileReader()
+                reader.readAsBinaryString(file)
+                reader.onload = ev => {
+                    resolve(ev.target.result)
+                }
+            })
+        },
+        // 获取 excel 的 json 数据
+        async handleUploadChange (file) {
+            const dataBinary = await this.readFile(file.raw)
+            const workBook = xlsx.read(dataBinary, { type: 'binary', cellDates: true })
+            const workSheet = workBook.Sheets[workBook.SheetNames[0]]
+            const data = xlsx.utils.sheet_to_json(workSheet)
+            if (data.length === 0) {
+                return this.$message.warning('文件内容为空！')
+            }
+            data.forEach(item => {
+                this.subForm.push({
+                    deviceno1_: item['被控设备编号'] || '',
+                    devicename1_: item['被控设备名称'] || '',
+                    shi_fou_qi_yong_: '1',
+                    bu_men_: this.switchDeptid(item['部门']),
+                    jian_ce_gang_wei_: item['监测岗位'] || '',
+                    jian_ce_zhou_qi_: item['监测周期'] || '',
+                    kong_zhi_tiao_jia: item['控制条件'] || '',
+                    environment_range: '',
+                    xiu_zheng_shi_du_: item['湿度修正值'] || '',
+                    xiu_zheng_wen_du_: item['温度修正值'] || '',
+                    fang_jian_: item['房间'] || '',
+                    qu_yu_: item['区域'] || '',
+                    deviceno2_: item['监控设备编号'] || '',
+                    jian_ce_ri_qi_: '',
+                    ri_qi_lie_biao_: '',
+                    zi_wai_deng_wai_j: this.$utils.guid()
+                })
+            })
+            this.$message.success('导入成功！')
+        },
+        // 部门id转部门
+        switchDept (dep) {
+            const userList = this.$store.getters.userList
+            for (let i = 0; i < userList.length; i++) {
+                const user = userList[i]
+                const positionId = user.positionId.split(',')
+                const positions = user.positions.split(',')
+                const pos = positionId.findIndex(p => p === dep)
+                if (pos >= 0) {
+                    return positions[pos]
+                }
+            }
+        },
+        // id 转部门
+        switchDeptid (id) {
+            const userList = this.$store.getters.userList
+            for (let i = 0; i < userList.length; i++) {
+                const user = userList[i]
+                const positionId = user.positionId.split(',')
+                const positions = user.positions.split(',')
+                const pos = positions.findIndex(p => p === id)
+                if (pos >= 0) {
+                    return positionId[pos]
+                }
+            }
+            return ''
+        },
+        // 导出
+        exportExcel () {
+            const temp_subForm = JSON.parse(JSON.stringify(this.subForm))
+            temp_subForm.forEach(item => {
+                item.bu_men_ = this.switchDept(item.bu_men_)
+            })
+            this.xlsx(temp_subForm, this.listHander, '设施环境配置表')
+            this.$message.success('导出成功！')
+        },
+        xlsx (json, fields, filename = '.xlsx') { // 导出xlsx
+            json.forEach(item => {
+                for (const i in item) {
+                    if (fields.hasOwnProperty(i)) {
+                        item[fields[i]] = item[i]
+                    }
+                    delete item[i] // 删除原先的对象属性
+                }
+            })
+            const sheetName = filename // excel的文件名称
+            const wb = xlsx.utils.book_new() // 工作簿对象包含一SheetNames数组，以及一个表对象映射表名称到表对象。XLSX.utils.book_new实用函数创建一个新的工作簿对象。
+            const ws = xlsx.utils.json_to_sheet(json, { header: Object.values(fields) }) // 将JS对象数组转换为工作表。
+            wb.SheetNames.push(sheetName)
+            wb.Sheets[sheetName] = ws
+            const defaultCellStyle = { font: { name: 'Verdana', sz: 13, color: 'FF00FF88' }, fill: { fgColor: { rgb: 'FFFFAA00' }}}// 设置表格的样式
+            const wopts = { bookType: 'xlsx', bookSST: false, type: 'binary', cellStyles: true, defaultCellStyle: defaultCellStyle, showGridLines: false } // 写入的样式
+            const wbout = xlsx.write(wb, wopts)
+            const blob = new Blob([this.s2ab(wbout)], { type: 'application/octet-stream' })
+            fs.saveAs(blob, filename + '.xlsx')
+        },
+
+        s2ab (s) {
+            let buf
+            if (typeof ArrayBuffer !== 'undefined') {
+                buf = new ArrayBuffer(s.length)
+                const view = new Uint8Array(buf)
+                for (let i = 0; i !== s.length; ++i) view[i] = s.charCodeAt(i) & 0xff
+                return buf
+            } else {
+                buf = new Array(s.length)
+                for (let i = 0; i !== s.length; ++i) buf[i] = s.charCodeAt(i) & 0xFF
+                return buf
+            }
+        },
+        getDayDate (type, dates) {
+            const now = new Date()
+            const nowTime = now.getTime()
+            const day = now.getDay()
+            const longTime = 24 * 60 * 60 * 1000
+            const n = longTime * 7 * (dates || 0)
+            let dd = nowTime - (day - type) * longTime + n
+            dd = new Date(dd)
+            const y = dd.getFullYear()
+            let m = dd.getMonth() + 1
+            let d = dd.getDate()
+            m = m < 10 ? '0' + m : m
+            d = d < 10 ? '0' + d : d
+            const daynow = y + '-' + m + '-' + d
+            return daynow
+        },
+        // 获取往后几个月相应的日期
+        // currentDate：当前日期
+        // dayOfMonth：获取几号
+        // val：往后几个月
+        getNextMonthDate (currentDate, dayOfMonth, val) {
+            const currentYear = currentDate.getFullYear()
+            const currentMonth = currentDate.getMonth()
+            const nextMonth = currentMonth + val
+
+            const nextMonthDate = new Date(currentYear, nextMonth, dayOfMonth)
+            const formattedDate = nextMonthDate.toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')
+            return formattedDate
+        },
+        // 获取当前季度
+        getQuarter (date) {
+            return Math.floor(date.getMonth() / 3) + 1
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.paper-detail-dialog {
+    ::v-deep {
+        .el-dialog__header {
+            text-align: center;
+        }
+    }
+.container {
+        display: flex;
+        width: 100%;
+        justify-content: center;
+
+        .main{
+            width: 80%;
+            height: calc(100vh - 135px);
+            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+            padding:20px;
+            // overflow-y: auto;
+            .form{
+                .el-row{
+                    margin: 10px 0;
+                }
+            }
+            .btn{
+                display: flex;
+                .upload-demo{
+                    margin-right: 10px;
+                }
+            }
+        }
+
+    }
+}
+</style>

src/views/system/fasc/fecDialog.vue

@@ -0,0 +1,618 @@
+<template>
+    <el-dialog
+        :title="title+(isEdit===true?'--编辑':'--新增')"
+        :visible.sync="dialogVisible"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        append-to-body
+        class="dialog paper-detail-dialog"
+        width="80%"
+        top
+        style="margin-top:100px"
+        :show-close="false"
+    >
+        <div class="contain">
+            <div class="main">
+                <el-form ref="form" :model="form">
+                    <el-row v-if="isShowDevice">
+                        <el-col :span="12">
+                            <el-form-item label="被控设备编号：" label-width="100px">
+                                <el-input v-model="form.deviceno1_" />
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="被控设备名称：" label-width="100px">
+                                <el-input v-model="form.devicename1_" />
+                            </el-form-item>
+                        </el-col>
+
+                    </el-row>
+                    <el-row>
+                        <el-col :span="8">
+                            <el-form-item label="部门：" label-width="100px">
+                                <ibps-user-selector
+                                    v-model="form.bu_men_"
+                                    type="position"
+                                    readonly-text="text"
+                                    :disabled="false"
+                                    :multiple="false"
+                                />
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="监测岗位：" label-width="100px">
+                                <el-select v-model="form.jian_ce_gang_wei_" placeholder="请选择">
+                                    <el-option
+                                        v-for="item in jianCeGangWeiList"
+                                        :key="item.id_"
+                                        :label="item.wei_hu_gang_wei_"
+                                        :value="item.wei_hu_gang_wei_"
+                                    />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+                        <el-col :span="24">
+                            <el-form-item label="监测周期：" label-width="100px">
+                                <el-select v-model="form.jian_ce_zhou_qi_" placeholder="请选择">
+                                    <el-option
+                                        v-for="item in period"
+                                        :key="item.value"
+                                        :label="item.label"
+                                        :value="item.value"
+                                    />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-row v-if="form.jian_ce_zhou_qi_!==''">
+                        <el-col :span="12">
+                            <el-form-item :label="labelShow" label-width="100px">
+                                <el-checkbox-group v-if="form.jian_ce_zhou_qi_==='每日'" v-model="dayCheck">
+                                    <el-checkbox :label="1">周一</el-checkbox>
+                                    <el-checkbox :label="2">周二</el-checkbox>
+                                    <el-checkbox :label="3">周三</el-checkbox>
+                                    <el-checkbox :label="4">周四</el-checkbox>
+                                    <el-checkbox :label="5">周五</el-checkbox>
+                                    <el-checkbox :label="6">周六</el-checkbox>
+                                    <el-checkbox :label="7">周日</el-checkbox>
+                                </el-checkbox-group>
+                                <template v-if="form.jian_ce_zhou_qi_==='每周'">
+                                    <el-radio v-model="weekCheck" :label="1">周一</el-radio>
+                                    <el-radio v-model="weekCheck" :label="2">周二</el-radio>
+                                    <el-radio v-model="weekCheck" :label="3">周三</el-radio>
+                                    <el-radio v-model="weekCheck" :label="4">周四</el-radio>
+                                    <el-radio v-model="weekCheck" :label="5">周五</el-radio>
+                                    <el-radio v-model="weekCheck" :label="6">周六</el-radio>
+                                    <el-radio v-model="weekCheck" :label="7">周日</el-radio>
+                                </template>
+                                <el-select v-if="form.jian_ce_zhou_qi_==='每月'" v-model="monthCheck" placeholder="请选择">
+                                    <el-option
+                                        v-for="item in 28"
+                                        :key="item"
+                                        :label="`第${item}天`"
+                                        :value="item"
+                                    />
+                                </el-select>
+                                <el-select v-if="form.jian_ce_zhou_qi_==='每季度'" v-model="quarterCheck" placeholder="请选择">
+                                    <el-option
+                                        v-for="item in 3"
+                                        :key="item"
+                                        :label="`第${item}个月`"
+                                        :value="item"
+                                    />
+                                </el-select>
+                                <el-select v-if="form.jian_ce_zhou_qi_==='每半年'" v-model="halfYearCheck" placeholder="请选择">
+                                    <el-option
+                                        v-for="item in 6"
+                                        :key="item"
+                                        :label="`第${item}个月`"
+                                        :value="item"
+                                    />
+                                </el-select>
+                                <el-select v-if="form.jian_ce_zhou_qi_==='每年'" v-model="yearCheck" placeholder="请选择">
+                                    <el-option
+                                        v-for="item in 12"
+                                        :key="item"
+                                        :label="`第${item}个月`"
+                                        :value="item"
+                                    />
+                                </el-select>
+                            </el-form-item>
+
+                        </el-col>
+                        <el-col v-if="nextDate" :span="12">
+                            <el-form-item label="下次监测日期为：" label-width="120px">
+                                <el-tag>{{ nextDate }}</el-tag>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item v-if="labelText.label1" :label="labelText.label1+'范围限值'" label-width="120px">
+                                <el-input-number v-model="form.temperatureMin" size="small" controls-position="right" :min="-100" :max="form.temperatureMax" :step="1" />
+                                至
+                                <el-input-number v-model="form.temperatureMax" size="small" controls-position="right" :min="form.temperatureMin" :max="100" :step="1" />
+                                (℃)
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item v-if="labelText.label2" :label="labelText.label2+'范围限值'" label-width="120px">
+                                <el-input-number v-model="form.humidityMin" size="small" controls-position="right" :min="-100" :max="form.humidityMax" :step="1" />
+                                至
+                                <el-input-number v-model="form.humidityMax" size="small" controls-position="right" :min="form.humidityMin" :max="100" :step="1" />
+                                (%)
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                    <el-row>
+
+                        <el-col :span="12">
+                            <el-form-item v-if="labelText.label1" :label="labelText.label1+'修正值'" label-width="100px">
+                                <el-input v-model="form.xiu_zheng_wen_du_" type="textarea" :rows="2" />
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item v-if="labelText.label2" :label="labelText.label2+'修正值'" label-width="100px">
+                                <el-input v-model="form.xiu_zheng_shi_du_" type="textarea" :rows="2" />
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                    <el-row>
+                        <el-col :span="8">
+                            <el-form-item label="房间：" label-width="100px">
+                                <el-select v-model="form.fang_jian_" placeholder="请选择">
+                                    <el-option
+                                        v-for="item in fangJianList"
+                                        :key="item.id_"
+                                        :label="item.fang_jian_ming_ha"
+                                        :value="item.fang_jian_ming_ha"
+                                    />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="区域：" label-width="100px">
+                                <el-select v-model="form.qu_yu_" placeholder="请选择">
+                                    <el-option
+                                        v-for="item in quYuList"
+                                        :key="item.id_"
+                                        :label="item.qu_yu_ming_cheng_"
+                                        :value="item.qu_yu_ming_cheng_"
+                                    />
+                                </el-select>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="监控设备：" label-width="100px">
+                                <ibps-link-data
+                                    v-model="form.deviceno2_"
+                                    size="mini"
+                                    template-key="jksbxz"
+                                    :multiple="false"
+                                    :temp-search="true"
+                                />
+                            </el-form-item>
+                        </el-col>
+
+                    </el-row>
+
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="控制条件：" label-width="100px">
+                                <el-input v-model="form.kong_zhi_tiao_jia" type="textarea" :rows="2" />
+                            </el-form-item>
+                        </el-col>
+
+                        <el-col :span="8">
+                            <el-form-item label="是否启用：" label-width="100px">
+                                <el-switch
+                                    v-model="form.shi_fou_qi_yong_"
+                                    active-color="#13ce66"
+                                    inactive-color="#ff4949"
+                                    active-text="启用"
+                                    inactive-text="停用"
+                                />
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                </el-form>
+            </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+            <el-button type="primary" @click="submit">确 定</el-button>
+            <el-button @click="close">取 消</el-button>
+        </span>
+    </el-dialog>
+</template>
+
+<script>
+import ibpsUserSelector from '@/business/platform/org/selector'
+import IbpsLinkData from '@/business/platform/data/templaterender/link-data'
+
+export default {
+    components: {
+        ibpsUserSelector,
+        IbpsLinkData
+    },
+    data () {
+        return {
+            dialogVisible: false,
+            title: '配置详情',
+            jianCeGangWeiList: [],
+            lei_xing_: '',
+            form: {
+                temperatureMin: 0,
+                temperatureMax: 0,
+                humidityMin: 0,
+                humidityMax: 0,
+
+                qu_yu_: '',
+                fang_jian_: '',
+                bu_men_: '',
+                deviceno1_: '',
+                devicename1_: '',
+                deviceno2_: '', // 监控设备
+                jian_ce_zhou_qi_: '',
+                jian_ce_gang_wei_: '',
+                shi_fou_qi_yong_: true,
+                kong_zhi_tiao_jia: '',
+                environment_range: '',
+                xiu_zheng_shi_du_: '',
+                xiu_zheng_wen_du_: '',
+                jian_ce_ri_qi_: '',
+                ri_qi_lie_biao_: '',
+                zi_wai_deng_wai_j: '' // 紫外灯外键
+            },
+            isEdit: false,
+            quYuList: [],
+            fangJianList: [],
+            nextDate: '',
+            dayCheck: [],
+            weekCheck: '',
+            monthCheck: '',
+            quarterCheck: '',
+            halfYearCheck: '',
+            yearCheck: '',
+            period: [
+                { label: '日监测', value: '每日' },
+                { label: '周监测', value: '每周' },
+                { label: '月监测', value: '每月' },
+                { label: '季度监测', value: '每季度' },
+                { label: '半年监测', value: '每半年' },
+                { label: '年监测', value: '每年' }
+            ],
+            row: {}
+
+        }
+    },
+    computed: {
+        // isEdit () {
+        //     return this.parentData instanceof Object && this.parentData.mainId
+        // },
+        isShowDevice () {
+            return this.lei_xing_ !== '01-室内温湿度监控' && this.lei_xing_ !== '06-每日安全检查' && this.lei_xing_ !== '08-含氯有效性监测'
+        },
+        labelShow () {
+            if (this.form.jian_ce_zhou_qi_) {
+                return this.form.jian_ce_zhou_qi_.split('每')[1] + '监测日期：'
+            }
+            return ''
+        },
+        labelText () {
+            switch (this.lei_xing_) {
+                case '02-冰箱温度监控':
+                    return { label1: '冷藏温度', label2: '冷冻温度' }
+                case '03-温浴箱温度监控':
+                case '04-阴凉柜温度监控':
+                    return { label1: '温度', label2: '' }
+                case '05-纯水机水质监测':
+                case '06-每日安全检查':
+                case '08-含氯有效性监测':
+                case '10-洗眼器检查':
+                case '11-紧急淋浴器检查':
+                case '13-高压灭菌':
+                case '14-空气消毒机':
+                case '12-紫外灯消毒':
+                    return { label1: '', label2: '' }
+                default:
+                    return { label1: '温度', label2: '湿度' }
+            }
+        }
+
+    },
+    watch: {
+        // 'form.lei_xing_' (val) {
+        //     this.mo_kuai_lu_jing_ = this.config[val].path
+        // },
+        'form.jian_ce_zhou_qi_' (val) {
+            this.dayCheck = []
+            this.weekCheck = ''
+            this.monthCheck = ''
+            this.quarterCheck = ''
+            this.halfYearCheck = ''
+            this.yearCheck = ''
+            this.nextDate = ''
+        },
+        dayCheck: {
+            handler: function (val, oldVal) {
+                if (val.length === 0) {
+                    this.nextDate = ''
+                    return
+                }
+                const temp_val = JSON.parse(JSON.stringify(val))
+                const today = new Date()
+                temp_val.sort(function (a, b) {
+                    return a - b
+                })
+                const num = temp_val.findIndex(e => e > today.getDay())
+                if (temp_val.length > 0 && num !== -1) {
+                    this.nextDate = this.getDayDate(temp_val[num], 0)
+                } else if (temp_val.length > 0 && num === -1) {
+                    this.nextDate = this.getDayDate(temp_val[0], 1)
+                } else {
+                    this.nextDate = ''
+                }
+            },
+            immediate: true
+        },
+        weekCheck: {
+            handler: function (val, oldVal) {
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const today = new Date()
+                const weekNum = []
+                weekNum.push(val)
+                const num = weekNum.findIndex(e => e > today.getDay())
+                if (val !== '' && num !== -1) {
+                    this.nextDate = this.getDayDate(weekNum[0], 0)
+                } else if (val !== '' && num === -1) {
+                    this.nextDate = this.getDayDate(weekNum[0], 1)
+                } else {
+                    this.nextDate = ''
+                }
+            },
+            immediate: true
+        },
+        monthCheck: {
+            handler: function (val, oldVal) {
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const today = new Date()
+                const day = today.getDate()
+                const nextMonth = this.getNextMonthDate(today, val, 1)
+                const currentMonth = this.getNextMonthDate(today, val, 0)
+                this.nextDate = val > day ? currentMonth : nextMonth
+            }
+            // immediate: true
+        },
+        quarterCheck: {
+            handler: function (val, oldVal) {
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const quarterList = [[1, 2, 3], [4, 5, 6], [7, 8, 9], [10, 11, 12]]
+                const today = new Date()
+                const month = today.getMonth() + 1
+                const qu = this.getQuarter(today)
+                const nowM = quarterList[qu - 1][val - 1]
+                const nextM = quarterList[qu][val - 1]
+
+                const endMonth = month >= nowM ? nextM : nowM
+                const yearPJ = today.getFullYear()
+                const monthPJ = endMonth > 9 ? endMonth : '0' + endMonth
+
+                this.nextDate = yearPJ + '-' + monthPJ + '-01'
+            }
+            // immediate: true
+        },
+        halfYearCheck: {
+            handler: function (val, oldVal) {
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const midList = [[1, 2, 3, 4, 5, 6], [7, 8, 9, 10, 11, 12]]
+                const today = new Date()
+                const month = today.getMonth() + 1
+                const qu = month > 6 ? 2 : 1
+                const nowM = midList[qu - 1][val - 1]
+                const nextM = midList[qu][val - 1]
+
+                const endMonth = month >= nowM ? nextM : nowM
+                const yearPJ = today.getFullYear()
+                const monthPJ = endMonth > 9 ? endMonth : '0' + endMonth
+
+                this.nextDate = yearPJ + '-' + monthPJ + '-01'
+            }
+            // immediate: true
+        },
+        yearCheck: {
+            handler: function (val, oldVal) {
+                if (val === '') {
+                    this.nextDate = ''
+                    return
+                }
+                const today = new Date()
+                const month = today.getMonth() + 1
+                const year = today.getFullYear()
+                const qu = month >= val ? year + 1 : year
+                const monthPJ = val > 9 ? val : '0' + val
+
+                this.nextDate = qu + '-' + monthPJ + '-01'
+            }
+            // immediate: true
+        }
+    },
+    mounted () {
+        this.init()
+    },
+    methods: {
+        init () {
+            const pos = this.$store.getters.level.second ? this.$store.getters.level.second : this.$store.getters.level.first
+            const sql1 = `select * from t_qypzb where di_dian_='${pos}'`
+            this.$common.request('sql', sql1).then(res => {
+                const { data = [] } = res.variables || {}
+                this.quYuList = data
+            })
+            const sql2 = `select * from t_jjqfjb where di_dian_='${pos}'`
+            this.$common.request('sql', sql2).then(res => {
+                const { data = [] } = res.variables || {}
+                this.fangJianList = data
+            })
+        },
+        submit () {
+            this.$emit('onSubmit', { dayCheck: this.dayCheck, weekCheck: this.weekCheck, monthCheck: this.monthCheck, quarterCheck: this.quarterCheck, halfYearCheck: this.halfYearCheck, yearCheck: this.yearCheck, form: this.form, isEdit: this.isEdit, row: this.row })
+        },
+        close () {
+            this.dialogVisible = false
+            // 初始化操作
+            this.form.bu_men_ = ''
+            this.form.shi_fou_qi_yong_ = true
+            this.form.xiu_zheng_shi_du_ = ''
+            this.form.xiu_zheng_wen_du_ = ''
+            this.form.kong_zhi_tiao_jia = ''
+            this.form.fang_jian_ = ''
+            this.form.qu_yu_ = ''
+            this.form.deviceno2_ = ''
+            this.form.temperatureMin = 0
+            this.form.temperatureMax = 0
+            this.form.humidityMin = 0
+            this.form.humidityMax = 0
+            this.form.deviceno1_ = ''
+            this.form.devicename1_ = ''
+            this.form.jian_ce_zhou_qi_ = ''
+            this.form.jian_ce_gang_wei_ = ''
+            this.form.environment_range = ''
+            this.form.jian_ce_ri_qi_ = ''
+            this.form.ri_qi_lie_biao_ = ''
+            this.form.zi_wai_deng_wai_j = ''
+
+            this.dayCheck = []
+            this.weekCheck = ''
+            this.monthCheck = ''
+            this.quarterCheck = ''
+            this.halfYearCheck = ''
+            this.yearCheck = ''
+        },
+        open (row, jianCeGangWeiList, parentForm, dateCheck) {
+            this.dialogVisible = true
+            this.jianCeGangWeiList = jianCeGangWeiList
+            this.lei_xing_ = parentForm.lei_xing_
+            this.row = row
+            // 编辑
+            if (row instanceof PointerEvent === false) {
+                this.isEdit = true
+                this.form = JSON.parse(JSON.stringify(row))
+                if (row.shi_fou_qi_yong_ === '1') {
+                    this.form.shi_fou_qi_yong_ = true
+                }
+                if (row.shi_fou_qi_yong_ === '0') {
+                    this.form.shi_fou_qi_yong_ = false
+                }
+
+                if (this.form.jian_ce_ri_qi_) {
+                    this.$nextTick(() => {
+                        switch (this.form.jian_ce_zhou_qi_) {
+                            case '每日':
+                                if (this.form.jian_ce_ri_qi_ === '每天') {
+                                    this.dayCheck = [1, 2, 3, 4, 5, 6, 7]
+                                } else {
+                                    this.dayCheck = this.form.jian_ce_ri_qi_.split('每周')[1].split(',').map(item => +item)
+                                }
+                                break
+                            case '每周':
+                                this.weekCheck = +this.form.jian_ce_ri_qi_.split('每周')[1]
+                                break
+                            case '每月':
+                                this.monthCheck = +this.form.jian_ce_ri_qi_.split('每个月第')[1].split('天')[0]
+                                break
+                            case '每季度':
+                                this.quarterCheck = +this.form.jian_ce_ri_qi_.split('每季度第')[1].split('个月')[0]
+                                break
+                            case '每半年':
+                                this.halfYearCheck = +this.form.jian_ce_ri_qi_.split('每半年第')[1].split('个月')[0]
+                                break
+                            case '每年':
+                                this.yearCheck = +this.form.jian_ce_ri_qi_.split('每年第')[1].split('个月')[0]
+                                break
+                            default:
+                                break
+                        }
+                    })
+                }
+
+                if (this.form.environment_range) {
+                    const { humidity, temperature } = JSON.parse(this.form.environment_range)
+                    this.$set(this.form, 'temperatureMin', +temperature.min)
+                    this.$set(this.form, 'temperatureMax', +temperature.max)
+                    this.$set(this.form, 'humidityMin', +humidity.min)
+                    this.$set(this.form, 'humidityMax', +humidity.max)
+                }
+            } else {
+                this.isEdit = false
+                this.form.zi_wai_deng_wai_j = this.$utils.guid()
+            }
+        },
+        getDayDate (type, dates) {
+            const now = new Date()
+            const nowTime = now.getTime()
+            const day = now.getDay()
+            const longTime = 24 * 60 * 60 * 1000
+            const n = longTime * 7 * (dates || 0)
+            let dd = nowTime - (day - type) * longTime + n
+            dd = new Date(dd)
+            const y = dd.getFullYear()
+            let m = dd.getMonth() + 1
+            let d = dd.getDate()
+            m = m < 10 ? '0' + m : m
+            d = d < 10 ? '0' + d : d
+            const daynow = y + '-' + m + '-' + d
+            return daynow
+        },
+        // 获取往后几个月相应的日期
+        // currentDate：当前日期
+        // dayOfMonth：获取几号
+        // val：往后几个月
+        getNextMonthDate (currentDate, dayOfMonth, val) {
+            const currentYear = currentDate.getFullYear()
+            const currentMonth = currentDate.getMonth()
+            const nextMonth = currentMonth + val
+
+            const nextMonthDate = new Date(currentYear, nextMonth, dayOfMonth)
+            const formattedDate = nextMonthDate.toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')
+            return formattedDate
+        },
+        // 获取当前季度
+        getQuarter (date) {
+            return Math.floor(date.getMonth() / 3) + 1
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+.contain{
+    .main{
+        padding: 20px;
+        height: 60vh;
+        .el-row{
+            margin: 10px 0;
+        }
+    }
+
+}
+.dialog-footer{
+        display: flex;
+        justify-content: center;
+    }
+</style>