proInspecMaintTicketAdd

 <!-- 添加或编辑措施 -->
      <van-popup
        v-model="measureVisible"
        position="bottom"
        :style="{ height: '60%' }"
      >
        <div class="page-popup-box btm">
          <div class="page-popup-head">
            <van-row>
              <van-col span="8" class="f18 pl10 cor3 flexa"> </van-col>
              <van-col span="8" class="tc f16">{{
                postPageType == "add" ? "新增" : "编辑"
              }}</van-col>
              <van-col @click="measureVisible = false" span="8" class="tr f20">
                <span class="mr10 f14 cor9">关闭</span></van-col
              >
            </van-row>
          </div>
          <div class="page-popup-content">
            <van-form ref="baseFrom" class="">
              <div
                class="bgf ml12 mr12 bdr10 page-van-cell page-van-field__body"
              >
                <div
                  class="pl15 pt15 pr15"
                  v-if="!selectRisk.safetyAcceptanceFlag"
                >
                  <div class="f14 corac">
                    <span class="corcc">*</span>
                    JSA安全风险识别
                  </div>

                  <van-field
                    v-model="form.jsaRisk"
                    placeholder="请填写JSA安全风险识别"
                    type="textarea"
                    :rules="[
                      { required: true, message: '请填写JSA安全风险识别' },
                    ]"
                  />
                </div>
                <div class="pl15 pt15 pr15">
                  <div class="f14 corac">
                    <span class="corcc">*</span>
                    {{
                      !selectRisk.safetyAcceptanceFlag
                        ? "措施名称"
                        : "JSA安全风险识别、措施名称"
                    }}
                  </div>

                  <van-field
                    v-model="form.measureName"
                    type="textarea"
                    placeholder="请填写"
                    :rules="[{ required: true, message: '请填写措施名称' }]"
                  />
                </div>
              </div>
            </van-form>
          </div>
          <div class="page-popup-btm">
            <div class="w p10 bxs">
              <van-button
                class="w"
                type="info"
                size="small"
                round
                @click="handelConfirm"
                >确 定</van-button
              >
            </div>
          </div>
        </div>
      </van-popup>

// 遮罩样式1
.page-popup-box {
    height: 100%;
    box-sizing: border-box;
    padding-top: 50px;
    padding-bottom: 10px;
    position: relative;

    .page-popup-head {
        width: 100%;
        line-height: 50px;
        background-color: #fff;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
    }

    .page-popup-content {
        height: 100%;
        overflow-y: auto;
    }

    .page-popup-btm {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: #fff;
    }
}

// 遮罩样式2
.page-popup-box.btm {
    padding-bottom: 58px;
}


// van-popup 遮罩白底
.page-van-overlay-f>.van-overlay {
    background: #fff !important;
}

 

    //添加或编辑措施2 申请
        handelConfirm() {
            this.$refs.baseFrom
                .validate()
                .then(async (res) => {
                    var datVal = {
                        ...this.form,
                        specialtyId: this.selectRisk.specialtyId,
                        processNodeId: this.selectRisk.processNodeId,
                        workTicketId: this.workTicketId
                    };
                    this.$toast.loading({
                        duration: 0,
                        forbidClick: true,
                        mask: false,
                        message: "请求中...",
                    });

                    if (this.form.id) {
                        const result = await measuresItemEditMeasures(datVal);
                        this.$toast.clear();
                        if (result.code == 200) {
                            this.measureVisible = false;
                            this.getDetailFn();
                        }
                    } else {
                        const result = await measuresItemAddMeasures(datVal);
                        this.$toast.clear();
                        if (result.code == 200) {
                            this.measureVisible = false;
                            this.getDetailFn();
                        }
                    }
                })
                .catch((err) => {

                });
        },