ConsumSupplier-Platform/src/views/page/consumCataManage-sup/catalogdetails.vue

<template>
  <div>
    <!-- <el-card style="width: 98%; margin-right: 18px; border-radius: 6px"> -->
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="基础信息" name="first">
        <el-form
          :model="infoData"
          ref="planForm"
          label-width="150px"
          class="grid-form-class"
        >
          <!-- <div class="common-card" v-if="reaDiv">
            <div class="form-body">
              <div class="flex-css">
                <el-form-item label="驳回原因" prop="rejtRea">
                  <el-input v-model="infoData.rejtRea"></el-input>
                </el-form-item>
              </div>
            </div>
          </div> -->
          <div class="common-card">
            <h3>耗材基本资料</h3>
            <!-- <div class="right-type" style="color: #3c64dc; font-weight: 800">
              {{ $store.state.user.username }}
            </div> -->
            <div class="form-body">
              <div class="flex-css">
                <el-form-item label="耗材名称" prop="prodName">
                  <div class="content" v-if="isShow">
                    {{ infoData.prodName }}
                  </div>
                  <el-input
                    v-else
                    v-model="infoData.prodName"
                    placeholder="请输入耗材名称"
                  ></el-input>
                </el-form-item>
                <el-form-item
                  label="通用名称"
                  prop="genName"
                  :rules="rules.required"
                >
                  <el-input
                    v-model="infoData.genName"
                    placeholder="请输入通用名称"
                    maxlength="50"
                  ></el-input>
                </el-form-item>
                <el-form-item
                  label="英文名称"
                  prop="engName"
                  :rules="rules.InterEng"
                >
                  <el-input
                    v-model="infoData.engName"
                    placeholder="请输入英文名称"
                    maxlength="50"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="flex-css">
                <el-form-item label="品牌" prop="brad">
                  <el-input
                    v-model="infoData.brad"
                    maxlength="50"
                    placeholder="请输入品牌"
                  ></el-input>
                </el-form-item>
                <el-form-item
                  label="生产来源"
                  prop="prodSouc"
                  :rules="rules.selectRequired"
                >
                  <el-select
                    v-model="infoData.prodSouc"
                    placeholder="请选择生产来源"
                    clearable
                  >
                    <el-option
                      v-for="item in sourceData"
                      :key="item.value"
                      :label="item.name"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="生产企业"
                  prop="prodEntp"
                  :rules="rules.required"
                >
                  <div class="content" v-if="isShow">
                    {{ infoData.prodEntp }}
                  </div>

                  <el-input
                    v-else
                    v-model="infoData.prodEntp"
                    placeholder="请输入生产企业"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="flex-css">
                <el-form-item
                  label="代理企业"
                  prop="agnt"
                  :rules="rules.required"
                >
                  <div class="content" v-if="isShow">
                    {{ infoData.agnt }}
                  </div>
                  <el-input
                    v-else
                    v-model="infoData.agnt"
                    placeholder="请输入代理企业"
                  ></el-input>
                </el-form-item>

                <el-form-item label="规格" prop="spec" :rules="rules.required">
                  <div class="content" v-if="isShow">
                    {{ infoData.spec }}
                  </div>
                  <el-input
                    v-else
                    v-model="infoData.spec"
                    placeholder="请输入规格"
                  ></el-input>
                </el-form-item>
                <el-form-item label="型号" prop="mol" :rules="rules.required">
                  <div class="content" v-if="isShow">
                    {{ infoData.mol }}
                  </div>
                  <el-input
                    v-else
                    v-model="infoData.mol"
                    placeholder="请输入型号"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="flex-css">
                <el-form-item label="材质" prop="matl" :rules="rules.required">
                  <div class="content" v-if="isShow">
                    {{ infoData.matl }}
                  </div>
                  <el-input
                    v-else
                    v-model="infoData.matl"
                    placeholder="请输入材质"
                  ></el-input>
                </el-form-item>
                <el-form-item
                  label="包装材质"
                  prop="pacmatl"
                  :rules="rules.required"
                >
                  <div class="content" v-if="isShow">
                    {{ infoData.pacmatl }}
                  </div>
                  <el-input
                    v-else
                    v-model="infoData.pacmatl"
                    placeholder="请输入包装材质"
                  ></el-input>
                </el-form-item>
                <el-form-item
                  label="注册证号"
                  prop="regcertno"
                  :rules="rules.required"
                >
                  <div class="content" v-if="isShow">
                    {{ infoData.regcertno }}
                  </div>
                  <el-input
                    v-else
                    v-model="infoData.regcertno"
                    placeholder="请输入注册证号"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="flex-css">
                <el-form-item label="目录来源" prop="isPub">
                  <div class="content">
                    <span v-if="infoData.isPub == '1'">挂网</span>
                    <span v-if="infoData.isPub == '0'">非挂网</span>
                  </div>
                </el-form-item>
                <el-form-item label="挂网价格" prop="pubonlnPric" v-if="isShow">
                  <el-input
                    v-model="infoData.pubonlnPric"
                    placeholder="请输入挂网价格"
                  ></el-input>
                </el-form-item>
                <el-form-item label="  " prop="" v-else>
                  <div class="content">
                    <!-- {{infoData.regcertno}} -->
                  </div>
                </el-form-item>
                <el-form-item label="  " prop="">
                  <div class="content" v-if="isShow">
                    <!-- {{infoData.regcertno}} -->
                  </div>
                </el-form-item>
              </div>
            </div>
          </div>
          <div class="common-card">
            <h3>耗材属性资料</h3>
            <div class="form-body">
              <div class="flex-css">
                <!-- <el-form-item label="耗材大类" prop="prodType" :rules="rules.required">
                  <el-select v-model="infoData.prodType" placeholder="请选择耗材大类" clearable>
                    <el-option
                      v-for="item in prodTypeData"
                      :key="item.value"
                      :label="item.name"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </el-form-item> -->
                <el-form-item
                  label="耗材类别"
                  prop="mcsType"
                  :rules="rules.selectRequired"
                >
                  <el-select
                    v-model="infoData.mcsType"
                    placeholder="请选择耗材类别"
                    clearable
                  >
                    <el-option
                      v-for="item in mcsTypeData"
                      :key="item.value"
                      :label="item.name"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="是否集采"
                  prop="isFas"
                  :rules="rules.selectRequired"
                >
                  <div class="content">
                    <span v-if="infoData.isFas == '1'">是</span>
                    <span v-if="infoData.isFas == '0'">否</span>
                  </div>
                  <!-- <el-select
                    v-else
                    v-model="infoData.isFas"
                    placeholder="请选择是否集采"
                    clearable
                    @change="clearType"
                  >
                    <el-option
                      v-for="item in iFjcData"
                      :key="item.value"
                      :label="item.name"
                      :value="item.value"
                    ></el-option>
                  </el-select> -->
                </el-form-item>
              </div>
              <div class="flex-css">
                <el-form-item
                  label="集采批次"
                  prop="fasBtch"
                  v-if="infoData.isFas == '1'"
                  :rules="rules.required"
                >
                  <div class="content" v-if="isShow">
                    {{ infoData.fasBtch }}
                  </div>
                  <el-input
                    v-else
                    v-model="infoData.fasBtch"
                    placeholder="请输入集采批次"
                  ></el-input>
                </el-form-item>
                <el-form-item
                  label="是否寄售"
                  prop="isCgmt"
                  :rules="rules.selectRequired"
                >
                  <el-select
                    v-model="infoData.isCgmt"
                    placeholder="请选择是否寄售"
                    clearable
                  >
                    <el-option
                      v-for="item in iFjcData"
                      :key="item.value"
                      :label="item.name"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <!-- <el-form-item label="是否十八项重点耗材" prop="isEm" :rules="rules.selectRequired">
                  <el-select v-model="infoData.isEm" placeholder="请选择是否十八项重点耗材" clearable>
                    <el-option
                      v-for="item in iFjcData"
                      :key="item.value"
                      :label="item.name"
                      :value="item.value"
                    ></el-option>
                  </el-select>
                </el-form-item> -->
              </div>
            </div>
          </div>
          <div class="common-card">
            <h3>耗材编码资料</h3>
            <div class="form-body">
              <div class="flex-css">
                <el-form-item
                  label="医保编码"
                  prop="hiCode"
                  :rules="rules.proCodeRule"
                >
                  <div class="content" v-if="editCode">
                    {{ infoData.hiCode }}
                  </div>
                  <el-input
                    v-else
                    v-model="infoData.hiCode"
                    placeholder="请输入医保编码"
                  ></el-input>
                </el-form-item>
              </div>
            </div>
          </div>
          <div class="common-card">
            <h3>耗材包装规则</h3>
            <div class="form-body">
              <div class="flex-css">
                <el-form-item
                  label="最小单位"
                  prop="prcUnt"
                  :rules="rules.selectRequired"
                >
                  <el-select
                    v-model="infoData.prcUnt"
                    placeholder="请选择最小单位"
                    clearable
                  >
                    <el-option
                      v-for="item in purcUntData"
                      :key="item.value"
                      :label="item.label"
                      :value="item.label"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="采购价"
                  prop="purcPric"
                  :rules="rules.numPot4"
                >
                  <template slot-scope="{}" slot="label">
                    <span>采购价</span>
                    <el-tooltip class="item" effect="dark" placement="top">
                      <i
                        class="el-icon-question"
                        style="font-size: 14px; vertical-align: middle"
                      ></i>
                      <div slot="content">最小单位采购价</div>
                    </el-tooltip>
                  </template>
                  <el-input
                    maxlength="50"
                    v-model="infoData.purcPric"
                    placeholder="请输入采购价"
                  ></el-input>
                </el-form-item>
              </div>
              <div class="flex-css">
                <el-form-item
                  label="采购单位"
                  prop="purcUnt"
                  :rules="rules.selectRequired"
                >
                  <el-select
                    v-model="infoData.purcUnt"
                    placeholder="请选择采购单位"
                    clearable
                  >
                    <el-option
                      v-for="item in prcUntData"
                      :key="item.value"
                      :label="item.label"
                      :value="item.label"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="包装内数量"
                  prop="convrat"
                  :rules="rules.InterNum"
                >
                  <template slot-scope="{}" slot="label">
                    <span>包装内数量</span>
                    <el-tooltip class="item" effect="dark" placement="top">
                      <i
                        class="el-icon-question"
                        style="font-size: 14px; vertical-align: middle"
                      ></i>
                      <div slot="content">包含最小单位的数量</div>
                    </el-tooltip>
                  </template>
                  <template>
                    <el-input
                      v-model="infoData.convrat"
                      placeholder="请输入包装内数量"
                      maxlength="50"
                    ></el-input>
                  </template>
                </el-form-item>
              </div>
            </div>
          </div>
          <div class="common-card">
            <h3>其他资料</h3>
            <div class="form-body">
              <div class="flex-css">
                <el-form-item
                  label="存储方式"
                  prop="stogType"
                  :rules="rules.selectRequired"
                >
                  <el-select
                    v-model="infoData.stogType"
                    placeholder="请选择存储方式"
                    clearable
                    @change="storageChage"
                  >
                    <el-option
                      v-for="item in stogTypeData"
                      :key="item.value"
                      :label="item.name"
                      :value="item.name"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="存储温度"
                  prop="stogTemp"
                  :rules="rules.selectRequired"
                >
                  <el-select
                    v-model="infoData.stogTemp"
                    placeholder="请选择存储温度"
                    clearable
                    disabled
                  >
                    <el-option
                      v-for="item in stogTempData"
                      :key="item.value"
                      :label="item.name"
                      :value="item.name"
                    ></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item
                  label="是否灭菌"
                  prop="isStlz"
                  :rules="rules.selectRequired"
                >
                  <el-select
                    v-model="infoData.isStlz"
                    placeholder="请选择是否灭菌"
                    clearable
                  >
                    <el-option
                      v-for="item in isStlzdata"
                      :key="item.value"
                      :label="item.name"
                      :value="item.name"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </div>
            </div>
          </div>
        </el-form>
        <div class="foot-button">
          <el-button
            v-if="btnShow"
            type="success"
            @click="handleSave"
            :loading="saveLoad"
            >保存</el-button
          >
          <el-button
            v-if="btnShow"
            type="primary"
            @click="handleSubmit"
            :loading="submitLoad"
            >提交</el-button
          >
          <!-- </div>
        <div class="foot-button"> -->
          <el-button type="info" @click="handleBack">返回</el-button>
        </div>
      </el-tab-pane>
      <el-tab-pane label="资质信息" name="second">
        <div class="common-card">
          <div>
            <h3>耗材资质</h3>
            <div class="right-type" v-if="addBtn">
              <el-button
                style="margin-bottom: 10px"
                type="primary"
                @click="handleAdd('one')"
                >添加资质</el-button
              >
            </div>
          </div>
          <el-table
            v-loading="listLoading"
            element-loading-text="加载中"
            :data="list"
            fit
            stripe
            border
            :cell-class-name="tableColClassName"
          >
            <template slot="empty">
              <img src="@/assets/nopage.png" alt />
              <p>暂无数据</p>
            </template>
            <el-table-column fixed type="index" label="序号" width="60" />
            <el-table-column label="资质证书信息" prop="quaName">
            </el-table-column>
            <el-table-column label="资质证书编号" prop="quaCode" />
            <el-table-column label="发证日期" prop="issuDate" />
            <el-table-column label="截止日期" prop="endDate" />
            <el-table-column label="资质证件" prop="fileId">
              <template slot-scope="scope">
                <yl-upload
                  :fileId="scope.row.fileId"
                  readonly
                  v-if="scope.row.fileId"
                >
                </yl-upload>
              </template>
            </el-table-column>
            <el-table-column label="备注" prop="memo" />
             <el-table-column label="操作" width="100" fixed="right">
        <template slot-scope="scope">
          <el-button type="text" @click="quitData(scope.row)"
            >编辑</el-button
          >
        </template>
      </el-table-column>
          </el-table>
        </div>
      </el-tab-pane>
    </el-tabs>
    <!-- </el-card> -->
     <el-dialog
      class="addclass"
      width="30%"
      :title="textMap[dialogStatus]"
      :close-on-click-modal="false"
      :visible.sync="dialogFormVisible"
      v-if="dialogFormVisible"
    >
      <el-form label-width="120px" :model="addform" ref="addForm">
        <el-form-item
          label="资质证书信息"
          prop="quaName"
          :rules="rules.selectRequired"
        >
          <el-input
            v-model="addform.quaName"
            placeholder="请输入资质证书信息"
            maxlength="50"
          ></el-input>
        </el-form-item>
        <el-form-item label="资质证书编号" prop="quaCode" :rules="rules.required">
          <el-input
            v-model="addform.quaCode"
            placeholder="请输入资质证书编号"
            maxlength="50"
          ></el-input>
        </el-form-item>

        <el-form-item label="发证时间" prop="issuDate" :rules="rules.dateRequired">
          <el-date-picker
            v-model.trim="addform.issuDate"
            type="date"
            :picker-options="TimeOption1"
            placeholder="选择日期"
            value-format="yyyy-MM-dd"
          ></el-date-picker>
        </el-form-item>
        <el-form-item label="截止时间" prop="endDate" :rules="rules.dateRequired">
          <el-date-picker
            v-model.trim="addform.endDate"
            type="date"
            :picker-options="TimeOption"
            placeholder="选择日期"
            value-format="yyyy-MM-dd"
          ></el-date-picker>
        </el-form-item>
        <!-- <el-form-item label="截止时间" prop="endDate" :rules="rules.required">
          <el-input
            v-model="inputDate"
            placeholder="请输入日期"
            @change="handleInputDateChange"
          ></el-input>
          <el-date-picker
            v-model="selectedDate"
            type="date"
            @change="handleInputDateChange1"
            placeholder="选择日期"
          ></el-date-picker> -->
        </el-form-item>
        <el-form-item label="资质证件" prop="fileId" :rules="rules.uploadRequired">
          <yl-upload :fileId="addform.fileId" @getUpload="getUpload" urlName="acco">
            <template v-slot:dec>只能上传pdf文件</template>
          </yl-upload>
          <!-- <yl-upload
                v-else
              :fileId="addform.fileId"
              readonly
            >
            </yl-upload> -->
        </el-form-item>
        <el-form-item label="备注" prop="memo">
          <el-input
            v-model="addform.memo"
            placeholder="请输入备注"
            maxlength="50"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button
          type="primary"
          v-preventReClick
          v-loading="loading1"
          @click="handledialog()"
          >确 定</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script>
import ylStep from "@/components/yl-step";
import ylUpload from "@/components/yl-upload";
import { getThreeMonthAgoDate } from "@/utils/utils";
import {
  selectMcsListById,
  selectMcsListIntfById,
  insertSplerMcsList,
  insertMcsQua,
  insertFacQua,
} from "@/api/consumCataManage-sup/index";
import moment from "moment";
import rules from "@/utils/rules";
export default {
  components: { ylUpload, ylStep },
  data() {
    return {
      activeName: "first",
      saveLoad: false,
      submitLoad: false,
      rules,
      infoData: { quaList: [] },
      listLoading: false,
      planForm: {},
      sourceData: [
        { value: "1", name: "国产" },
        { value: "2", name: "进口" },
      ],
      iFjcData: [
        { value: "1", name: "是" },
        { value: "0", name: "否" },
      ],
      mcsTypeData: [
        { value: "0", name: "普通耗材" },
        { value: "1", name: "高值耗材" },
        { value: "2", name: "试剂" },
        { value: "3", name: "总务耗材" },
        { value: "4", name: "低值可收费" },
        { value: "5", name: "低值不可收费" },
      ],
      prodTypeData: [
        { value: "0", name: "医用耗材" },
        { value: "1", name: "办公用品" },
      ],
      stogTypeData: [
        { value: "常温", name: "常温" },
        { value: "冷藏", name: "冷藏" },
        { value: "冷冻", name: "冷冻" },
      ],
      stogTempData: [
        { value: "15℃-25℃", name: "15℃-25℃" },
        { value: "2℃-8℃", name: "2℃-8℃" },
        { value: "-10℃-2℃", name: "-10℃-2℃" },
      ],
      isStlzdata: [
        { value: "灭菌", name: "灭菌" },
        { value: "非灭菌", name: "非灭菌" },
      ],
      isPubData: [
        { value: "1", name: "挂网" },
        { value: "0", name: "非挂网" },
      ],
      purcUntData: [
        { value: "箱", label: "箱" },
        { value: "包", label: "包" },
        { value: "袋", label: "袋" },
        { value: "盒", label: "盒" },
        { value: "瓶", label: "瓶" },
        { value: "根", label: "根" },
        { value: "片", label: "片" },
        { value: "贴", label: "贴" },
        { value: "件", label: "件" },
        { value: "条", label: "条" },
        { value: "只", label: "只" },
        { value: "块", label: "块" },
        { value: "枚", label: "枚" },
        { value: "捆", label: "捆" },
        { value: "束", label: "束" },
        { value: "斤", label: "斤" },
        { value: "个", label: "个" },
        { value: "支", label: "支" },
        { value: "台", label: "台" },
        { value: "克", label: "克" },
        { value: "张", label: "张" },
        { value: "辆", label: "辆" },
        { value: "具", label: "具" },
        { value: "米", label: "米" },
        { value: "批", label: "批" },
        { value: "盘", label: "盘" },
        { value: "把", label: "把" },
        { value: "对", label: "对" },
        { value: "盆", label: "盆" },
        { value: "套", label: "套" },
        { value: "轴", label: "轴" },
        { value: "板", label: "板" },
        { value: "本", label: "本" },
        { value: "公斤", label: "公斤" },
        { value: "万只", label: "万只" },
        { value: "卷", label: "卷" },
        { value: "付", label: "付" },
        { value: "桶", label: "桶" },
        { value: "节", label: "节" },
        { value: "打", label: "打" },
        { value: "副", label: "副" },
        { value: "人份", label: "人份" },
      ],
      prcUntData: [
        { value: "箱", label: "箱" },
        { value: "包", label: "包" },
        { value: "袋", label: "袋" },
        { value: "盒", label: "盒" },
        { value: "大包", label: "大包" },
        { value: "大袋", label: "大袋" },
        { value: "大盒", label: "大盒" },
        { value: "中包", label: "中包" },
        { value: "中袋", label: "中袋" },
        { value: "中盒", label: "中盒" },
        { value: "小包", label: "小包" },
        { value: "小袋", label: "小袋" },
        { value: "小盒", label: "小盒" },
        { value: "瓶", label: "瓶" },
        { value: "个", label: "个" },
        { value: "根", label: "根" },
        { value: "管", label: "管" },
        { value: "件", label: "件" },
        { value: "颗", label: "颗" },
        { value: "支", label: "支" },
        { value: "只", label: "只" },
        { value: "把", label: "把" },
        { value: "罐", label: "罐" },
        { value: "杯", label: "杯" },
        { value: "对", label: "对" },
        { value: "枚", label: "枚" },
        { value: "套", label: "套" },
        { value: "条", label: "条" },
        { value: "桶", label: "桶" },
        { value: "张", label: "张" },
        { value: "束", label: "束" },
      ],
      btnShow: true,
      reaDiv: false,
      // 禁用
      isShow: true,
      dialogFormVisible: false,
      loading1: false,
      addform: {
        splerId: "",
        hiCode: "",
        quaName: "",
        quaCode: "",
        issuDate: "",
        endDate: "",
        fileId: "",
        memo: "",
      },
      textMap: {
        one: "耗材资质",
        two: "生产厂商资质",
      },
      dialogStatus: "",
      addBtn: false,
      list: [],
      listC: [],
      editCode: true,
      qualData: [
        { id: "1", dicVal: "耗材授权书" },
        { id: "2", dicVal: "耗材注册证" },
      ],
      TimeOption: {
        disabledDate(time) {
          return time.getTime() < Date.now();
        },
      },
      TimeOption1: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        },
      },
      inputDate: "",
      selectedDate: null,
    };
  },
  created() {
    if (this.$route.query.status == "B" || this.$route.query.status == "C") {
      this.btnShow = false;
    } else if (this.$route.query.status == "D") {
      this.reaDiv = true;
    }
    if (this.$route.query.isPub == "0") {
      this.isShow = false;
    } else {
      this.isShow = true;
    }
    if (this.$route.query.type == "modify") {
      this.getData1();
    } else {
      this.getData();
    }
    if (this.$route.query.type == "edit") {
      this.addBtn = false;
    } else {
      this.addBtn = true;
    }
    if (this.$route.query.status == "A") {
      this.editCode = false;
    } else {
      this.editCode = true;
    }
    let qeryData = this.$route.query;
    if (qeryData.isPub == undefined || qeryData.isPub == "0") {
      this.infoData.isFas = "0";
    } else {
      this.infoData.isFas = "1";
    }
  },
  methods: {
    //存储方式和温度联动
    storageChage(val) {
      if (val == "常温") {
        this.infoData.stogTemp = "15℃-25℃";
      }
       if (val == "冷藏") {
        this.infoData.stogTemp = "2℃-8℃";
      }
       if (val == "冷冻") {
        this.infoData.stogTemp = "-10℃-2℃";
      }
    },
    quitData(row) {
      let newRow = { ...row };
      this.addform = newRow;
      this.dialogFormVisible = true;
      this.dialogStatus = "one";
    },
    isWithinLastThreeMonths(deadline) {
      // 创建截止日期对象
      const deadlineDate = new Date(deadline);
      // 创建截止日期前三个月的日期对象
      const threeMonthsAgo = new Date(getThreeMonthAgoDate(deadline));
      // 获取当前日期
      const now = new Date();
      // 判断当前日期是否在截止日期前三个月之内
      return now >= threeMonthsAgo && now <= deadlineDate;
    },

    tableColClassName({ row, column, rowIndex, columnIndex }) {
      if (
        this.isWithinLastThreeMonths(new Date(row.endDate)) &&
        columnIndex === 4
      ) {
        return "warning-row";
      }
      return "";
    },
    handleInputDateChange(value) {
      const date = new Date(value);
      if (!isNaN(date.getTime())) {
        this.selectedDate = date;
      } else {
        this.$message.error("输入的日期格式不正确");
      }
    },
    handleInputDateChange1(value) {
      const date = new Date(value).getTime();
      // this.inputDate = date;
      this.inputDate = moment(date).format("YYYY-MM-DD");
    },
    //获取列表数据
    getData() {
      selectMcsListIntfById({ id: this.$route.query.id })
        .then((response) => {
          this.infoData = response.data;
          this.list = response.data.mcsQuaList;
          this.listC = response.data.facQuaList;
          this.$refs["planForm"].resetFields();
        })
        .catch((err) => {
          this.$message.error("获取数据失败");
        });
    },
    getData1() {
      selectMcsListById({ id: this.$route.query.id })
        .then((response) => {
          this.infoData = response.data;
          this.list = response.data.mcsQuaList;
          this.listC = response.data.facQuaList;
          this.$refs["planForm"].resetFields();
        })
        .catch((err) => {
          this.$message.error("获取数据失败");
        });
    },
    clearType() {
      this.infoData.fasBtch = "";
    },
    // 信息保存
    handleSave() {
      // this.$refs["planForm"].validate((valid) => {
      // if (valid) {
      this.$confirm("确认保存", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          this.saveLoad = true;
          (this.infoData.isPub = this.$route.query.isPub),
            (this.infoData.opeType = this.$route.query.opeType),
            (this.infoData.status = "A");
          // this.infoData.opeType = "修改"
          insertSplerMcsList(this.infoData)
            .then((response) => {
              this.$message({
                message: "保存成功",
                type: "success",
              });
              this.saveLoad = false;
            })
            .catch(() => {
              this.saveLoad = false;
            });
        })
        .catch(() => {});
      // }
      // });
    },
    handleClick(tab) {
      // if (tab.name == "first") {
      //   this.getorderData();
      // } else {
      //   this.getorderDataC();
      // }
    },
    // 整体提交
    handleSubmit() {
      console.log('在这走了吗');
      this.$refs["planForm"].validate((valid) => {
        if (valid) {
          this.$confirm("确认提交", "提示", {
            confirmButtonext: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
            .then(() => {
              this.submitLoad = true;
              (this.infoData.isPub = this.$route.query.isPub),
                (this.infoData.status = "B");
              // this.infoData.opeType = this.$route.query.opeType;
              if (!this.$route.query.opeType) {
                this.infoData.opeType = "修改";
              } else {
                this.infoData.opeType = this.$route.query.opeType;
              }
              insertSplerMcsList(this.infoData)
                .then((response) => {
                  this.$message({
                    message: "提交成功",
                    type: "success",
                  });
                  this.submitLoad = false;
                  this.$router.push({
                    name: "consumCataManagement-sup",
                    query: { spdId: this.$route.query.spdId },
                  });
                })
                .catch(() => {
                  this.submitLoad = false;
                });
            })
            .catch(() => {});
        }
      });
    },
    // 返回
    handleBack() {
      if (this.$route.query.page == "2") {
        this.$router.push({
          name: "consumCataManagement-sup",
          query: { spdId: this.$route.query.spdId },
        });
      } else {
        this.$router.push({
          name: "distributionmanage",
          query: { spdId: this.$route.query.spdId },
        });
      }
    },
    // 新增资质
    handleAdd(type) {
      (this.addform = {
        splerId: "",
        hiCode: "",
        quaName: "",
        quaCode: "",
        issuDate: "",
        endDate: "",
        fileId: "",
        memo: "",
      }),
        (this.dialogFormVisible = true);
      this.dialogStatus = type;
      this.$nextTick(() => {
        this.$refs.addForm.resetFields();
      });
    },
    handleAdd1(type) {
      (this.addform = {
        splerId: "",
        quaName: "",
        quaCode: "",
        issuDate: "",
        endDate: "",
        fileId: "",
        memo: "",
        prodEntp: "",
      }),
        (this.dialogFormVisible = true);
      this.dialogStatus = type;
      this.$nextTick(() => {
        this.$refs.addForm.resetFields();
      });
    },
    getUpload(id) {
      this.addform.fileId = id;
      if (id) {
        this.$refs.addForm.clearValidate("fileId");
        console.log(this.addform.fileId, "this.addform.fileId");
      } else {
        this.$refs.addForm.validateField("fileId");
      }
    },
    // 确认
    handledialog() {
      this.$refs["addForm"].validate((valid) => {
        if (valid) {
          this.$confirm("确认提交", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
            .then(() => {
              this.loading1 = true;
              if (this.dialogStatus == "one") {
                this.addform.splerId = this.$store.state.user.orgId;
                this.addform.hiCode = this.infoData.hiCode;
                this.addform.spdId = this.$route.query.spdId;
                insertMcsQua(this.addform)
                  .then((response) => {
                    this.$message({
                      message: "提交成功",
                      type: "success",
                    });
                    this.loading1 = false;
                    this.dialogFormVisible = false;
                    this.activeName = "second";
                    if (this.$route.query.type == "modify") {
                      this.getData1();
                    } else {
                      this.getData();
                    }
                  })
                  .catch(() => {
                    this.loading1 = false;
                    this.$message({
                      message: "提交失败",
                      type: "error",
                    });
                  });
              } else if (this.dialogStatus == "two") {
                this.addform.splerId = this.$store.state.user.orgId;
                this.addform.prodEntp = this.infoData.prodEntp;
                insertFacQua(this.addform)
                  .then((response) => {
                    this.$message({
                      message: "提交成功",
                      type: "success",
                    });
                    this.loading1 = false;
                    this.dialogFormVisible = false;
                    this.loading1 = false;
                    this.dialogFormVisible = false;
                    this.activeName = "second";
                    if (this.$route.query.type == "modify") {
                      this.getData1();
                    } else {
                      this.getData();
                    }
                  })
                  .catch(() => {
                    this.loading1 = false;
                    this.$message({
                      message: "提交失败",
                      type: "error",
                    });
                  });
              }
            })
            .catch(() => {});
        }
      });
    },
  },
};
</script>

<style scoped lang="scss">
// ::v-deep .el-input__inner {
// width: 300px;
// }
.addclass ::v-deep .el-input__inner {
  width: 260px;
}
::v-deep .warning-row {
  background: #f8e7e9 !important;
}
</style>