drp-ui/src/views/business/spd/bo/basic/process.vue

<template>
  <div class="app-container">
    <el-steps :active="activeConversion(form.boStage)" finish-status="success" process-status="process-status" >
      <el-step v-for="item in boStage" :title="item.name" @click.native="viewingProcedure(item)"/>
    </el-steps>
    <!-- 提交、下一步按钮 -->
    <div style="text-align: center">
      <el-button
        style="margin-top: 12px"
        @click="submitOa"
        v-if="showSubmit && form.winningState == 0"
        >提交</el-button>
        <el-button
        style="margin-top: 12px"
        @click="next"
        v-show="!isUpdate"
        v-if="(showNext && form.winningState == 0) && this.boAuthority.boAuthority.boNext"
        >变更为下一阶段</el-button>
    </div>
    <el-divider content-position="left" style="font-size: 30px">
      该阶段任务
    </el-divider>
    <el-tabs v-model="activeName" @tab-click="tabsSwitch">
      <!-- SPD商机页签 -->
      <!-- 商机审核 -->
      <el-tab-pane label="阶段动作" name="t00101" style="height: 200px; overflow-y: scroll" v-if="tabsName.t00101" >
        <el-descriptions >
          <el-descriptions-item label="医院应收总额">
            <div v-for="dict in dict.type.mk_bo_total_revenue" v-if="form.totalHosRevenue == dict.value">
              <div>{{dict.label}}</div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="医院耗材预估额（万元）">{{form.hosDiscreetValue}}</el-descriptions-item>
        </el-descriptions>
      </el-tab-pane>
      <!-- 项目立项 -->
      <el-tab-pane label="阶段动作" name="t00201" style="height: 200px; overflow-y: scroll" v-if="tabsName.t00201">
        <el-form :disabled="!isUpdate" :model="form.boFlow">
          <el-form-item label="项目立项是否通过" prop="projectApproval">
            <el-radio
              v-model="form.boFlow.projectApproval"
              label="1"
              >是</el-radio
            >
            <el-radio
              v-model="form.boFlow.projectApproval"
              label="0"
              >否</el-radio
            >
          </el-form-item>
          <el-form-item label="项目未通过原因：" prop="noPassCause"  v-if="form.boFlow.projectApproval == 0">
            <el-row>
              <el-col
                :span="8"
              >
                <el-input
                    v-model="form.boFlow.noPassCause"
                  />
              </el-col>
            </el-row>
          </el-form-item>
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'商机审议会'"
            :fileName="form.boFlow.businessCouncilAccessoryName"
            :fileUrlid="form.boFlow.businessCouncilAccessoryUrlId"
            :fileCreateBy="form.boFlow.businessCouncilAccessoryCreateBy"
            :field="'business_council_accessory'"
            v-if="form.boFlow.projectApproval == 1"
          />
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'立项书'"
            :fileName="form.boFlow.projectProposalAccessoryName"
            :fileUrlid="form.boFlow.projectProposalAccessoryUrlId"
            :fileCreateBy="form.boFlow.projectProposalAccessoryCreateBy"
            :field="'project_proposal_accessory'"
            v-if="form.boFlow.projectApproval == 1"
          />
        </el-form>
      </el-tab-pane>
      <!-- 售前提案/邀请考察 -->
      <el-tab-pane label="售前提案" name="t00301" style="height: 200px; overflow-y: scroll" v-if="tabsName.t00301">
        <el-row>
          <el-col :span="8">
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'售前提案文件'"
              :fileName="form.boFlow.preSaleProposalAccessoryName"
              :fileUrlid="form.boFlow.preSaleProposalAccessoryUrlId"
              :fileCreateBy="form.boFlow.preSaleProposalAccessoryCreateBy"
              :field="'pre_sale_proposal_accessory'"
            />
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane label="邀请考察" name="t00302" style="height: 200px; overflow-y: scroll" v-if="tabsName.t00302">
        <el-form :inline="true" :disabled="!isUpdate" :model="form.boFlow" >
          <el-form-item label="考察开始时间" prop="inspectStartTime">
            <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="form.boFlow.inspectStartTime"
              :disabled="!isUpdate"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item label="考察结束时间" prop="inspectStartTime">
            <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="form.boFlow.inspectEndTime"
              :disabled="!isUpdate"
            >
            </el-date-picker>
          </el-form-item>
        </el-form>
        <el-row>
          <el-col :span="8">
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'考察报告'"
              :fileName="form.boFlow.investigationReportAccessoryName"
              :fileUrlid="form.boFlow.investigationReportAccessoryUrlId"
              :fileCreateBy="form.boFlow.investigationReportAccessoryCreateBy"
              :field="'investigation_report_accessory'"
            />
          </el-col>
        </el-row>
      </el-tab-pane>
      <!-- 开院务会 -->
      <el-tab-pane label="开院务会" name="t00401" style="height: 200px; overflow-y: scroll" v-if="tabsName.t00401">
        <el-form :inline="true" :disabled="!isUpdate" :model="form.boFlow">
          <el-form-item label="开院务会时间" prop="conferenceTime">
            <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="form.boFlow.conferenceTime"
            >
            </el-date-picker>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <!-- 院内立项 -->
      <el-tab-pane label="院内立项" name="t00501" style="height: 200px;" v-if="tabsName.t00501">
        <el-form :disabled="!isUpdate" :model="form.boFlow" >
          <el-row>
            <el-col :span="8">
              <el-form-item
                label="院内立项时间"
                prop="hospitalApprovalTime"
                label-width="100px"
              >
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.boFlow.hospitalApprovalTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item
                label="院内立项牵头人"
                prop="hospitalApprovalInitiator"
                label-width="200px"
              >
                <el-input
                  v-model="form.boFlow.hospitalApprovalInitiator"
                  placeholder="选择院内立项牵头人"
                />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-tab-pane>
      <!-- 进场调研 -->
      <el-tab-pane label="进场调研" name="t00601" style="height: 200px; overflow-y: scroll" v-if="tabsName.t00601">
        <el-form :disabled="!isUpdate" :model="form.boFlow">
          <el-row>
            <el-col :span="8">
              <el-form-item label="调研时间" prop="researchTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.boFlow.researchTime"
                  type="datetime"
                  placeholder="选择日期时间"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'调研报告'"
          :fileName="form.boFlow.investigateReportAccessoryName"
          :fileUrlid="form.boFlow.investigateReportAccessoryUrlId"
          :fileCreateBy="form.boFlow.investigateReportAccessoryCreateBy"
          :field="'investigate_report_accessory'"
        />
      </el-tab-pane>
      <!-- 解决方案-无 -->
      <!-- 投标与签合同 -->
      <el-tab-pane label="挂网投标" name="t00801" style="height: 200px; overflow-y: scroll" v-if="tabsName.t00801">
        <el-form :disabled="!isUpdate" :model="form.boFlow" >
          <el-row>
            <el-col :span="8">
              <el-form-item label="挂网时间" prop="researchTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.boFlow.hangingTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'投标书'"
              :fileName="form.boFlow.biddingDocumentsAccessoryName"
              :fileUrlid="form.boFlow.biddingDocumentsAccessoryUrlId"
              :fileCreateBy="form.boFlow.biddingDocumentsAccessoryCreateBy"
              :field="'bidding_documents_accessory'"
            />
          </el-row>
          <el-row>
            <el-col :span="5">
              <el-form-item label="投标是否通过" prop="biddingDocumentsPass">
                <el-radio
                  v-model="form.boFlow.biddingDocumentsPass"
                  label="1"
                  >是</el-radio
                >
                <el-radio
                  v-model="form.boFlow.biddingDocumentsPass"
                  label="0"
                  >否</el-radio
                >
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.boFlow.biddingDocumentsPass == '1'">
            <el-col :span="8">
              <el-form-item label="我方优势" prop="ourAdvantage">
                <el-input
                  v-model="form.boFlow.ourAdvantage"
                  placeholder="我方优势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.boFlow.biddingDocumentsPass == '0'">
            <el-col :span="8">
              <el-form-item label="我方劣势" prop="ourAdvantage">
                <el-input
                  v-model="form.boFlow.ourAdvantage"
                  placeholder="我方劣势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="form.boFlow.biddingDocumentsPass == 1">
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'中标通知书'"
              :fileName="form.boFlow.letterAcceptanceAccessoryName"
              :fileUrlid="form.boFlow.letterAcceptanceAccessoryUrlId"
              :fileCreateBy="form.boFlow.letterAcceptanceAccessoryCreateBy"
              :field="'letter_acceptance_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="合同签订" name="t00802" style="height: 200px; overflow-y: scroll" v-if="tabsName.t00802">
        <el-form :disabled="!isUpdate" :model="form.boFlow">
          <el-row>
            <el-col :span="8">
              <el-form-item label="合同签订时间" prop="contractSigningTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.boFlow.contractSigningTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'合同文件'"
              :fileName="form.boFlow.contractDocumentAccessoryName"
              :fileUrlid="form.boFlow.contractDocumentAccessoryUrlId"
              :fileCreateBy="form.boFlow.contractDocumentAccessoryCreateBy"
              :field="'contract_document_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>

      <!-- 耗材集采商机页签 -->
      <!-- 商机审核 -->
      <el-tab-pane label="阶段动作" name="t10101" style="height: 200px; overflow-y: scroll" v-if="tabsName.t10101">
        <el-descriptions >
          <el-descriptions-item label="医院应收总额">
            <div v-for="dict in dict.type.mk_bo_total_revenue" v-if="form.totalHosRevenue == dict.value">
              <div>{{dict.label}}</div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="医院耗材预估额（万元）">{{form.hosDiscreetValue}}</el-descriptions-item>
        </el-descriptions>
      </el-tab-pane>
      <!-- 项目立项 -->
      <el-tab-pane label="阶段动作" name="t10201" style="height: 200px; overflow-y: scroll" v-if="tabsName.t10201">
        <el-form :disabled="!isUpdate" :model="form.consumablesBoFlow">
          <el-form-item label="项目立项是否通过" prop="projectApproval">
            <el-radio
              v-model="form.consumablesBoFlow.projectApproval"
              label="1"
              >是</el-radio
            >
            <el-radio
              v-model="form.consumablesBoFlow.projectApproval"
              label="0"
              >否</el-radio
            >
          </el-form-item>
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'商机审议会'"
            :fileName="form.consumablesBoFlow.businessCouncilAccessoryName"
            :fileUrlid="form.consumablesBoFlow.businessCouncilAccessoryUrlId"
            :fileCreateBy="form.consumablesBoFlow.businessCouncilAccessoryCreateBy"
            :field="'business_council_accessory'"
            v-if="form.consumablesBoFlow.projectApproval == 1"
          />
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'立项书'"
            :fileName="form.consumablesBoFlow.projectProposalAccessoryName"
            :fileUrlid="form.consumablesBoFlow.projectProposalAccessoryUrlId"
            :fileCreateBy="form.consumablesBoFlow.projectProposalAccessoryCreateBy"
            :field="'project_proposal_accessory'"
            v-if="form.consumablesBoFlow.projectApproval == 1"
          />
          <el-form-item label="项目未通过原因：" prop="noPassCause"  v-if="form.consumablesBoFlow.projectApproval == 0">
            <el-row>
              <el-col
                :span="8"
              >
                <el-input
                    v-model="form.consumablesBoFlow.noPassCause"
                  />
              </el-col>
            </el-row>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <!-- 产品清单 -->
      <el-tab-pane label="产品清单" name="t10301" style="height: 200px; overflow-y: scroll" v-if="tabsName.t10301">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'产品清单'"
          :fileName="form.consumablesBoFlow.packagedProductAccessoryName"
          :fileUrlid="form.consumablesBoFlow.packagedProductAccessoryUrlId"
          :fileCreateBy="form.consumablesBoFlow.packagedProductAccessoryCreateBy"
          :field="'packaged_product_accessory'"
        />
      </el-tab-pane>
      <!-- 解决方案 -->
      <el-tab-pane label="解决方案" name="t10401" style="height: 200px; overflow-y: scroll" v-if="tabsName.t10401">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'产品解决方案'"
          :fileName="form.consumablesBoFlow.productSolutionAccessoryName"
          :fileUrlid="form.consumablesBoFlow.productSolutionAccessoryUrlId"
          :fileCreateBy="form.consumablesBoFlow.productSolutionAccessoryCreateBy"
          :field="'product_solution_accessory'"
        />
      </el-tab-pane>
      <!-- 院内决策 -->
      <el-tab-pane label="院内决策" name="t10501" style="height: 200px; overflow-y: scroll" v-if="tabsName.t10501">
        <el-form :inline="true" :disabled="!isUpdate" :model="form.consumablesBoFlow">
          <el-row>
            <el-col :span="8">
              <el-form-item label="医院决策人" prop="hospitalDecisionMaker" >
                <el-input v-model="form.consumablesBoFlow.hospitalDecisionMaker" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="医院决策时间" prop="hospitalDecisionTime" >
                <el-date-picker   value-format="yyyy-MM-dd" v-model="form.consumablesBoFlow.hospitalDecisionTime">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-tab-pane>
      <!-- 投标与签合同 -->
      <el-tab-pane label="挂网投标" name="t10601" style="height: 200px; overflow-y: scroll" v-if="tabsName.t10601">
        <el-form :disabled="!isUpdate" :model="form.consumablesBoFlow" >
          <el-row>
            <el-col :span="8">
              <el-form-item label="挂网时间" prop="researchTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.consumablesBoFlow.hangingTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'投标书'"
              :fileName="form.consumablesBoFlow.biddingDocumentsAccessoryName"
              :fileUrlid="form.consumablesBoFlow.biddingDocumentsAccessoryUrlId"
              :fileCreateBy="form.consumablesBoFlow.biddingDocumentsAccessoryCreateBy"
              :field="'bidding_documents_accessory'"
            />
          </el-row>
          <el-row>
            <el-col :span="5">
              <el-form-item label="投标是否通过" prop="biddingDocumentsPass">
                <el-radio
                  v-model="form.consumablesBoFlow.biddingDocumentsPass"
                  label="1"
                  >是</el-radio
                >
                <el-radio
                  v-model="form.consumablesBoFlow.biddingDocumentsPass"
                  label="0"
                  >否</el-radio
                >
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.consumablesBoFlow.biddingDocumentsPass == '1'">
            <el-col :span="8">
              <el-form-item label="我方优势" prop="ourAdvantage">
                <el-input
                  v-model="form.consumablesBoFlow.ourAdvantage"
                  placeholder="我方优势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.consumablesBoFlow.biddingDocumentsPass == '0'">
            <el-col :span="8">
              <el-form-item label="我方劣势" prop="ourAdvantage">
                <el-input
                  v-model="form.consumablesBoFlow.ourAdvantage"
                  placeholder="我方劣势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="form.consumablesBoFlow.biddingDocumentsPass == 1">
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'中标通知书'"
              :fileName="form.consumablesBoFlow.letterAcceptanceAccessoryName"
              :fileUrlid="form.consumablesBoFlow.letterAcceptanceAccessoryUrlId"
              :fileCreateBy="form.consumablesBoFlow.letterAcceptanceAccessoryCreateBy"
              :field="'letter_acceptance_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="合同签订" name="t10602" style="height: 200px; overflow-y: scroll" v-if="tabsName.t10602">
        <el-form :disabled="!isUpdate" :model="form.consumablesBoFlow">
          <el-row>
            <el-col :span="8">
              <el-form-item label="合同签订时间" prop="contractSigningTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.consumablesBoFlow.contractSigningTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'合同文件'"
              :fileName="form.consumablesBoFlow.contractDocumentAccessoryName"
              :fileUrlid="form.consumablesBoFlow.contractDocumentAccessoryUrlId"
              :fileCreateBy="form.consumablesBoFlow.contractDocumentAccessoryCreateBy"
              :field="'contract_document_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>

      <!-- 医用耗材商机页签 -->
      <!-- 需求信息收集 -->
      <el-tab-pane label="需求详情" name="t20101" style="height: 200px; overflow-y: scroll" v-if="tabsName.t20101">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'耗材清单'"
          :fileName="form.medicalBoFlow.hosSuppliesListAccessoryName"
          :fileUrlid="form.medicalBoFlow.hosSuppliesListAccessoryUrlId"
          :fileCreateBy="form.medicalBoFlow.hosSuppliesListAccessoryCreateBy"
          :field="'hos_supplies_list_accessory'"
        />
      </el-tab-pane>
      <!-- 商机审核 -->
      <el-tab-pane label="阶段动作" name="t20201" style="height: 200px; overflow-y: scroll" v-if="tabsName.t20201">
        <el-descriptions >
          <el-descriptions-item label="医院应收总额">
            <div v-for="dict in dict.type.mk_bo_total_revenue" v-if="form.totalHosRevenue == dict.value">
              <div>{{dict.label}}</div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="医院耗材预估额（万元）">{{form.hosDiscreetValue}}</el-descriptions-item>
        </el-descriptions>
      </el-tab-pane>
      <!-- 项目立项 -->
      <el-tab-pane label="阶段动作" name="t20301" style="height: 200px; overflow-y: scroll" v-if="tabsName.t20301">
        <el-form :disabled="!isUpdate" :model="form.medicalBoFlow" >
          <el-form-item label="项目立项是否通过" prop="projectApproval">
            <el-radio
              v-model="form.medicalBoFlow.projectApproval"
              label="1"
              >是</el-radio
            >
            <el-radio
              v-model="form.medicalBoFlow.projectApproval"
              label="0"
              >否</el-radio
            >
          </el-form-item>
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'商机审议会'"
            :fileName="form.medicalBoFlow.businessCouncilAccessoryName"
            :fileUrlid="form.medicalBoFlow.businessCouncilAccessoryUrlId"
            :fileCreateBy="form.medicalBoFlow.businessCouncilAccessoryCreateBy"
            :field="'business_council_accessory'"
            v-if="form.medicalBoFlow.projectApproval == 1"
          />
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'立项书'"
            :fileName="form.medicalBoFlow.projectProposalAccessoryName"
            :fileUrlid="form.medicalBoFlow.projectProposalAccessoryUrlId"
            :fileCreateBy="form.medicalBoFlow.projectProposalAccessoryCreateBy"
            :field="'project_proposal_accessory'"
            v-if="form.medicalBoFlow.projectApproval == 1"
          />
          <el-form-item label="项目未通过原因：" prop="noPassCause"  v-if="form.medicalBoFlow.projectApproval == 0">
            <el-row>
              <el-col
                :span="8"
              >
                <el-input
                    v-model="form.medicalBoFlow.noPassCause"
                  />
              </el-col>
            </el-row>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <!-- 产品清单 -->
      <el-tab-pane label="产品清单" name="t20401" style="height: 200px; overflow-y: scroll" v-if="tabsName.t20401">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'产品清单'"
          :fileName="form.medicalBoFlow.hosSuppliesListAccessoryName"
          :fileUrlid="form.medicalBoFlow.hosSuppliesListAccessoryUrlId"
          :fileCreateBy="form.medicalBoFlow.hosSuppliesListAccessoryCreateBy"
          :field="'hos_supplies_list_accessory'"
        />
      </el-tab-pane>
      <!-- 解决方案 -->
      <el-tab-pane label="解决方案" name="t20501" style="height: 200px; overflow-y: scroll" v-if="tabsName.t20501">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'产品解决方案'"
          :fileName="form.medicalBoFlow.productSolutionAccessoryName"
          :fileUrlid="form.medicalBoFlow.productSolutionAccessoryUrlId"
          :fileCreateBy="form.medicalBoFlow.productSolutionAccessoryCreateBy"
          :field="'product_solution_accessory'"
        />
      </el-tab-pane>
      <!-- 临床申请 -->
      <el-tab-pane label="临床申请" name="t20601" style="height: 200px; overflow-y: scroll" v-if="tabsName.t20601">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'临床申请报告'"
          :fileName="form.medicalBoFlow.clinicalReportAccessoryName"
          :fileUrlid="form.medicalBoFlow.clinicalReportAccessoryUrlId"
          :fileCreateBy="form.medicalBoFlow.clinicalReportAccessoryCreateBy"
          :field="'clinical_report_accessory'"
        />
      </el-tab-pane>
      <!-- 院内决策 -->
      <el-tab-pane label="院内决策" name="t20701" style="height: 200px; overflow-y: scroll" v-if="tabsName.t20701">
        <el-form :disabled="!isUpdate" :inline="true" :model="form.medicalBoFlow" >
          <el-row>
            <el-col :span="8">
              <el-form-item label="医院决策人" prop="hospitalDecisionMaker" >
                <el-input v-model="form.medicalBoFlow.hospitalDecisionMaker" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="医院决策时间" prop="hospitalDecisionTime" >
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.medicalBoFlow.hospitalDecisionTime">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-tab-pane>
      <!-- 投标与签合同 -->
      <el-tab-pane label="挂网投标" name="t20801" style="height: 200px; overflow-y: scroll" v-if="tabsName.t20801">
        <el-form :disabled="!isUpdate" :model="form.medicalBoFlow" >
          <el-row>
            <el-col :span="8">
              <el-form-item label="挂网时间" prop="researchTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.medicalBoFlow.hangingTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'投标书'"
              :fileName="form.medicalBoFlow.biddingDocumentsAccessoryName"
              :fileUrlid="form.medicalBoFlow.biddingDocumentsAccessoryUrlId"
              :fileCreateBy="form.medicalBoFlow.biddingDocumentsAccessoryCreateBy"
              :field="'bidding_documents_accessory'"
            />
          </el-row>
          <el-row>
            <el-col :span="5">
              <el-form-item label="投标是否通过" prop="biddingDocumentsPass">
                <el-radio
                  v-model="form.medicalBoFlow.biddingDocumentsPass"
                  label="1"
                  >是</el-radio
                >
                <el-radio
                  v-model="form.medicalBoFlow.biddingDocumentsPass"
                  label="0"
                  >否</el-radio
                >
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.medicalBoFlow.biddingDocumentsPass == '1'">
            <el-col :span="8">
              <el-form-item label="我方优势" prop="ourAdvantage">
                <el-input
                  v-model="form.medicalBoFlow.ourAdvantage"
                  placeholder="我方优势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.medicalBoFlow.biddingDocumentsPass == '0'">
            <el-col :span="8">
              <el-form-item label="我方劣势" prop="ourAdvantage">
                <el-input
                  v-model="form.medicalBoFlow.ourAdvantage"
                  placeholder="我方劣势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="form.medicalBoFlow.biddingDocumentsPass == 1">
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'中标通知书'"
              :fileName="form.medicalBoFlow.letterAcceptanceAccessoryName"
              :fileUrlid="form.medicalBoFlow.letterAcceptanceAccessoryUrlId"
              :fileCreateBy="form.medicalBoFlow.letterAcceptanceAccessoryCreateBy"
              :field="'letter_acceptance_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="合同签订" name="t20802" style="height: 200px; overflow-y: scroll" v-if="tabsName.t20802">
        <el-form :disabled="!isUpdate" :model="form.medicalBoFlow">
          <el-row>
            <el-col :span="8">
              <el-form-item label="合同签订时间" prop="contractSigningTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.medicalBoFlow.contractSigningTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'合同文件'"
              :fileName="form.medicalBoFlow.contractDocumentAccessoryName"
              :fileUrlid="form.medicalBoFlow.contractDocumentAccessoryUrlId"
              :fileCreateBy="form.medicalBoFlow.contractDocumentAccessoryCreateBy"
              :field="'contract_document_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>

      <!-- 医疗设备商机页签 -->
      <!-- 需求信息收集 -->
      <el-tab-pane label="需求详情" name="t30101" style="height: 200px; overflow-y: scroll" v-if="tabsName.t30101">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'设备清单'"
          :fileName="form.armariumBoFlow.hosEqPurchaseAccessoryName"
          :fileUrlid="form.armariumBoFlow.hosEqPurchaseAccessoryUrlId"
          :fileCreateBy="form.armariumBoFlow.hosEqPurchaseAccessoryCreateBy"
          :field="'hos_eq_purchase_accessory'"
        />
      </el-tab-pane>
      <!-- 商机审核 -->
      <el-tab-pane label="阶段动作" name="t30201" style="height: 200px; overflow-y: scroll" v-if="tabsName.t30201">
        <el-descriptions >
          <el-descriptions-item label="医院应收总额">
            <div v-for="dict in dict.type.mk_bo_total_revenue" v-if="form.totalHosRevenue == dict.value">
              <div>{{dict.label}}</div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="医院耗材预估额（万元）">{{form.hosDiscreetValue}}</el-descriptions-item>
        </el-descriptions>
      </el-tab-pane>
      <!-- 项目立项 -->
      <el-tab-pane label="阶段动作" name="t30301" style="height: 200px; overflow-y: scroll" v-if="tabsName.t30301">
        <el-form :model="form.armariumBoFlow" :disabled="!isUpdate">
          <el-form-item label="项目立项是否通过" prop="projectApproval">
            <el-radio
              v-model="form.armariumBoFlow.projectApproval"
              label="1"
              >是</el-radio
            >
            <el-radio
              v-model="form.armariumBoFlow.projectApproval"
              label="0"
              >否</el-radio
            >
          </el-form-item>
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'商机审议会'"
            :fileName="form.armariumBoFlow.businessCouncilAccessoryName"
            :fileUrlid="form.armariumBoFlow.businessCouncilAccessoryUrlId"
            :fileCreateBy="form.armariumBoFlow.businessCouncilAccessoryCreateBy"
            :field="'business_council_accessory'"
            v-if="form.armariumBoFlow.projectApproval == 1"
          />
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'立项书'"
            :fileName="form.armariumBoFlow.projectProposalAccessoryName"
            :fileUrlid="form.armariumBoFlow.projectProposalAccessoryUrlId"
            :fileCreateBy="form.armariumBoFlow.projectProposalAccessoryCreateBy"
            :field="'project_proposal_accessory'"
            v-if="form.armariumBoFlow.projectApproval == 1"
          />
          <el-form-item label="项目未通过原因：" prop="noPassCause"  v-if="form.armariumBoFlow.projectApproval == 0">
            <el-row>
              <el-col
                :span="8"
              >
                <el-input
                    v-model="form.armariumBoFlow.noPassCause"
                  />
              </el-col>
            </el-row>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <!-- 谈判产品 -->
      <el-tab-pane label="谈判产品" name="t30401" style="height: 200px; overflow-y: scroll" v-if="tabsName.t30401">
        <el-form :inline="true" :disabled="!isUpdate" :model="form.armariumBoFlow" >
          <el-col :span="1.5">
            <el-form-item label="谈判产品日期" prop="negotiationTime" >
              <el-date-picker
                value-format="yyyy-MM-dd"
                v-model="form.armariumBoFlow.negotiationTime">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'谈判产品报告'"
            :fileName="form.armariumBoFlow.negotiationProductAccessoryName"
            :fileUrlid="form.armariumBoFlow.negotiationProductAccessoryUrlId"
            :fileCreateBy="form.armariumBoFlow.negotiationProductAccessoryCreateBy"
            :field="'negotiation_product_accessory'"
          />
        </el-form>
      </el-tab-pane>
      <!-- 获得授权 -->
      <el-tab-pane label="获得授权" name="t30501" style="height: 200px; overflow-y: scroll" v-if="tabsName.t30501">
        <el-form :inline="true" :disabled="!isUpdate" :model="form.armariumBoFlow" >
          <el-form-item label="授权产品名称" prop="impowerProductName" >
            <el-input v-model="form.armariumBoFlow.impowerProductName" />
          </el-form-item>
          <el-form-item label="授权产品品牌" prop="impowerProductBrand" >
            <el-input v-model="form.armariumBoFlow.impowerProductBrand" />
          </el-form-item>
          <el-form-item label="授权开始时间" prop="impowerStartTime" >
            <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="form.armariumBoFlow.impowerStartTime"
            >
            </el-date-picker>
          </el-form-item>
          <el-form-item label="授权结束时间" prop="impowerEndTime" >
            <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="form.armariumBoFlow.impowerEndTime"
            >
            </el-date-picker>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <!-- 解决方案 -->
      <el-tab-pane label="解决方案" name="t30601" style="height: 200px; overflow-y: scroll" v-if="tabsName.t30601">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'产品解决方案'"
          :fileName="form.armariumBoFlow.productSolutionAccessoryName"
          :fileUrlid="form.armariumBoFlow.productSolutionAccessoryUrlId"
          :fileCreateBy="form.armariumBoFlow.productSolutionAccessoryCreateBy"
          :field="'product_solution_accessory'"
        />
      </el-tab-pane>
      <!-- 投标与签合同 -->
      <el-tab-pane label="挂网投标" name="t30701" style="height: 200px; overflow-y: scroll" v-if="tabsName.t30701">
        <el-form :disabled="!isUpdate" :model="form.armariumBoFlow" >
          <el-row>
            <el-col :span="8">
              <el-form-item label="挂网时间" prop="researchTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.armariumBoFlow.hangingTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'投标书'"
              :fileName="form.armariumBoFlow.biddingDocumentsAccessoryName"
              :fileUrlid="form.armariumBoFlow.biddingDocumentsAccessoryUrlId"
              :fileCreateBy="form.armariumBoFlow.biddingDocumentsAccessoryCreateBy"
              :field="'bidding_documents_accessory'"
            />
          </el-row>
          <el-row>
            <el-col :span="5">
              <el-form-item label="投标是否通过" prop="biddingDocumentsPass">
                <el-radio
                  v-model="form.armariumBoFlow.biddingDocumentsPass"
                  label="1"
                  >是</el-radio
                >
                <el-radio
                  v-model="form.armariumBoFlow.biddingDocumentsPass"
                  label="0"
                  >否</el-radio
                >
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.armariumBoFlow.biddingDocumentsPass == '1'">
            <el-col :span="8">
              <el-form-item label="我方优势" prop="ourAdvantage">
                <el-input
                  v-model="form.armariumBoFlow.ourAdvantage"
                  placeholder="我方优势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.armariumBoFlow.biddingDocumentsPass == '0'">
            <el-col :span="8">
              <el-form-item label="我方劣势" prop="ourAdvantage">
                <el-input
                  v-model="form.armariumBoFlow.ourAdvantage"
                  placeholder="我方劣势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="form.armariumBoFlow.biddingDocumentsPass == 1">
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'中标通知书'"
              :fileName="form.armariumBoFlow.letterAcceptanceAccessoryName"
              :fileUrlid="form.armariumBoFlow.letterAcceptanceAccessoryUrlId"
              :fileCreateBy="form.armariumBoFlow.letterAcceptanceAccessoryCreateBy"
              :field="'letter_acceptance_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="合同签订" name="t30702" style="height: 200px; overflow-y: scroll" v-if="tabsName.t30702">
        <el-form :disabled="!isUpdate" :model="form.armariumBoFlow">
          <el-row>
            <el-col :span="8">
              <el-form-item label="合同签订时间" prop="contractSigningTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.armariumBoFlow.contractSigningTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'合同文件'"
              :fileName="form.armariumBoFlow.contractDocumentAccessoryName"
              :fileUrlid="form.armariumBoFlow.contractDocumentAccessoryUrlId"
              :fileCreateBy="form.armariumBoFlow.contractDocumentAccessoryCreateBy"
              :field="'contract_document_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>

      <!-- 军队医疗设备商机页签 -->
      <!-- 需求信息收集 -->
      <el-tab-pane label="设备清单" name="t40101" style="height: 200px; overflow-y: scroll" v-if="tabsName.t40101">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'设备清单'"
          :fileName="form.amfBoFlow.hosEqPurchaseAccessoryName"
          :fileUrlid="form.amfBoFlow.hosEqPurchaseAccessoryUrlId"
          :fileCreateBy="form.amfBoFlow.hosEqPurchaseAccessoryCreateBy"
          :field="'hos_eq_purchase_accessory'"
        />
      </el-tab-pane>
      <!-- 商机审核 -->
      <el-tab-pane label="阶段动作" name="t40201" style="height: 200px; overflow-y: scroll" v-if="tabsName.t40201">
        <el-descriptions >
          <el-descriptions-item label="医院应收总额">
            <div v-for="dict in dict.type.mk_bo_total_revenue" v-if="form.totalHosRevenue == dict.value">
              <div>{{dict.label}}</div>
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="医院耗材预估额（万元）">{{form.hosDiscreetValue}}</el-descriptions-item>
        </el-descriptions>
      </el-tab-pane>
      <!-- 项目立项 -->
      <el-tab-pane label="阶段动作" name="t40301" style="height: 200px; overflow-y: scroll" v-if="tabsName.t40301">
        <el-form :disabled="!isUpdate" :model="form.amfBoFlow" >
          <el-form-item label="项目立项是否通过" prop="projectApproval">
            <el-radio
              v-model="form.amfBoFlow.projectApproval"
              label="1"
              >是</el-radio
            >
            <el-radio
              v-model="form.amfBoFlow.projectApproval"
              label="0"
              >否</el-radio
            >
          </el-form-item>
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'设备清单'"
            :fileName="form.amfBoFlow.businessCouncilAccessoryName"
            :fileUrlid="form.amfBoFlow.businessCouncilAccessoryUrlId"
            :fileCreateBy="form.amfBoFlow.businessCouncilAccessoryCreateBy"
            :field="'business_council_accessory'"
            v-if="form.amfBoFlow.projectApproval == 1"
          />
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'立项书'"
            :fileName="form.amfBoFlow.projectProposalAccessoryName"
            :fileUrlid="form.amfBoFlow.projectProposalAccessoryUrlId"
            :fileCreateBy="form.amfBoFlow.projectProposalAccessoryCreateBy"
            :field="'project_proposal_accessory'"
            v-if="form.amfBoFlow.projectApproval == 1"
          />
          <el-form-item label="项目未通过原因：" prop="noPassCause"  v-if="form.amfBoFlow.projectApproval == 0">
            <el-row>
              <el-col
                :span="8"
              >
                <el-input
                    v-model="form.amfBoFlow.noPassCause"
                  />
              </el-col>
            </el-row>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <!-- 谈判产品 -->
      <el-tab-pane label="谈判产品" name="t40401" style="height: 200px; overflow-y: scroll" v-if="tabsName.t40401">
        <el-form :inline="true" :disabled="!isUpdate" :model="form.amfBoFlow" >
          <el-col :span="1.5">
            <el-form-item label="谈判产品日期" prop="negotiationTime" >
              <el-date-picker
                value-format="yyyy-MM-dd"
                v-model="form.amfBoFlow.negotiationTime">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <Filemanager
            @reload="reload"
            :form="form"
            :name="'谈判产品报告'"
            :fileName="form.amfBoFlow.negotiationProductAccessoryName"
            :fileUrlid="form.amfBoFlow.negotiationProductAccessoryUrlId"
            :fileCreateBy="form.amfBoFlow.negotiationProductAccessoryCreateBy"
            :field="'negotiation_product_accessory'"
          />
        </el-form>
      </el-tab-pane>
      <!-- 获得授权 -->
      <el-tab-pane label="获得授权" name="t40501" style="height: 200px; overflow-y: scroll" v-if="tabsName.t40501">
        <el-form :inline="true" :disabled="!isUpdate" :model="form.amfBoFlow">
          <el-form-item label="授权产品名称" prop="impowerProductName" >
            <el-input v-model="form.amfBoFlow.impowerProductName" />
          </el-form-item>
          <el-form-item label="授权产品品牌" prop="impowerProductBrand" >
            <el-input v-model="form.amfBoFlow.impowerProductBrand" />
          </el-form-item>
          <el-form-item label="授权开始时间" prop="impowerStartTime" >
            <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="form.amfBoFlow.impowerStartTime">
            </el-date-picker>
          </el-form-item>
          <el-form-item label="授权结束时间" prop="impowerEndTime" >
            <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="form.amfBoFlow.impowerEndTime">
            </el-date-picker>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <!-- 解决方案 -->
      <el-tab-pane label="解决方案" name="t40601" style="height: 200px; overflow-y: scroll" v-if="tabsName.t40601">
        <Filemanager
          @reload="reload"
          :form="form"
          :name="'产品解决方案'"
          :fileName="form.amfBoFlow.productSolutionAccessoryName"
          :fileUrlid="form.amfBoFlow.productSolutionAccessoryUrlId"
          :fileCreateBy="form.amfBoFlow.productSolutionAccessoryCreateBy"
          :field="'product_solution_accessory'"
        />
      </el-tab-pane>
      <!-- 投标与签合同 -->
      <el-tab-pane label="挂网投标" name="t40701" style="height: 200px; overflow-y: scroll" v-if="tabsName.t40701">
        <el-form :disabled="!isUpdate" :model="form.amfBoFlow" >
          <el-row>
            <el-col :span="8">
              <el-form-item label="挂网时间" prop="researchTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.amfBoFlow.hangingTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'投标书'"
              :fileName="form.amfBoFlow.biddingDocumentsAccessoryName"
              :fileUrlid="form.amfBoFlow.biddingDocumentsAccessoryUrlId"
              :fileCreateBy="form.amfBoFlow.biddingDocumentsAccessoryCreateBy"
              :field="'bidding_documents_accessory'"
            />
          </el-row>
          <el-row>
            <el-col :span="5">
              <el-form-item label="投标是否通过" prop="biddingDocumentsPass">
                <el-radio
                  v-model="form.amfBoFlow.biddingDocumentsPass"
                  label="1"
                  >是</el-radio
                >
                <el-radio
                  v-model="form.amfBoFlow.biddingDocumentsPass"
                  label="0"
                  >否</el-radio
                >
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.amfBoFlow.biddingDocumentsPass == '1'">
            <el-col :span="8">
              <el-form-item label="我方优势" prop="ourAdvantage">
                <el-input
                  v-model="form.amfBoFlow.ourAdvantage"
                  placeholder="我方优势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-show="this.form.amfBoFlow.biddingDocumentsPass == '0'">
            <el-col :span="8">
              <el-form-item label="我方劣势" prop="ourAdvantage">
                <el-input
                  v-model="form.amfBoFlow.ourAdvantage"
                  placeholder="我方劣势"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row v-if="form.amfBoFlow.biddingDocumentsPass == 1">
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'中标通知书'"
              :fileName="form.amfBoFlow.letterAcceptanceAccessoryName"
              :fileUrlid="form.amfBoFlow.letterAcceptanceAccessoryUrlId"
              :fileCreateBy="form.amfBoFlow.letterAcceptanceAccessoryCreateBy"
              :field="'letter_acceptance_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="合同签订" name="t40702" style="height: 200px; overflow-y: scroll" v-if="tabsName.t40702">
        <el-form :disabled="!isUpdate" :model="form.amfBoFlow">
          <el-row>
            <el-col :span="8">
              <el-form-item label="合同签订时间" prop="contractSigningTime">
                <el-date-picker
                  value-format="yyyy-MM-dd"
                  v-model="form.amfBoFlow.contractSigningTime"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <Filemanager
              @reload="reload"
              :form="form"
              :name="'合同文件'"
              :fileName="form.amfBoFlow.contractDocumentAccessoryName"
              :fileUrlid="form.amfBoFlow.contractDocumentAccessoryUrlId"
              :fileCreateBy="form.amfBoFlow.contractDocumentAccessoryCreateBy"
              :field="'contract_document_accessory'"
            />
          </el-row>
        </el-form>
      </el-tab-pane>

      <!-- 公用页签 -->
      <el-tab-pane label="项目成员" name="tB" style="height: 200px; overflow-y: scroll" v-if="tabsName.B">
        <PojpsnList
          :source="'BoDetails'"
          :bo="form"
          :boAuthority="boAuthority"
          v-if="activeName == 'tB'"
        />
      </el-tab-pane>
      <el-tab-pane label="跟进记录" name="tA" style="height: 200px; overflow-y: scroll" v-if="tabsName.A">
        <BehaviorList
          :source="'BoDetails'"
          :bo="behaviorParame"
          :boAuthority="boAuthority"
          v-if="activeName == 'tA'"
        />
      </el-tab-pane>
    </el-tabs>
    <!-- 编辑按钮组 -->
    <dev>
      <el-row type="flex" class="row-bg" justify="end">
        <el-col :span="2" v-show="!isUpdate && showStage.code == form.boStage && form.winningState == 0" v-if="this.boAuthority.boAuthority.boEdit">
          <div class="grid-content bg-purple">
            <el-button
              @click="modifyButton"
              >修改</el-button
            >
          </div>
        </el-col>
        <el-col :span="2" v-show="isUpdate">
          <div class="grid-content bg-purple-light">
            <el-button
              @click="cancelButton"
              >取消</el-button
            >
          </div>
        </el-col>
        <el-col :span="2" v-show="isUpdate">
          <div class="grid-content bg-purple">
            <el-button
              @click="saveButton"
              >保存</el-button
            >
          </div>
        </el-col>
      </el-row>
    </dev>
  </div>
</template>

<script>
import {submit, changeNextStage, updateBasicFlow} from "@/api/business/spd/bo/basic";
import BehaviorList from "../behavior/behaviorList.vue";
import PojpsnList from "../pojpsn/pojpsnList.vue";
import Filemanager from '../basic/filemanager.vue';

export default {
  name: "process",
  props: ["form","boAuthority","boStage","dict"],
  components: {BehaviorList,PojpsnList,Filemanager},
  data() {
    return {
      //选择的选项卡
      activeName: '',
      //查看的节点
      showStage: null,
      //流程所在节点
      active: null,
      //提交按钮是否显示
      showSubmit:false,
      //下一步按钮是否显示
      showNext:false,
      //页签显示状态
      tabsName:{
        t00101:false,
        t00201:false,
        t00202:false,
        t00301:false,
        t00302:false,
        t00303:false,
        t00401:false,
        t00501:false,
        t00601:false,
        t00801:false,
        t00802:false,

        t10101:false,
        t10201:false,
        t10301:false,
        t10401:false,
        t10501:false,
        t10601:false,
        t10602:false,

        t20101:false,
        t20201:false,
        t20301:false,
        t20401:false,
        t20501:false,
        t20601:false,
        t20701:false,
        t20801:false,
        t20802:false,

        t30101:false,
        t30201:false,
        t30301:false,
        t30401:false,
        t30501:false,
        t30601:false,
        t30701:false,
        t30702:false,

        t40101:false,
        t40201:false,
        t40301:false,
        t40401:false,
        t40501:false,
        t40601:false,
        t40701:false,
        t40702:false,

        A:false,
        B:false,
      },
      //编辑状态
      isUpdate:false,
      //跟进记录参数
      behaviorParame:{},
    };
  },
  created() {
    console.log("this.boAuthority", this.boAuthority);
    console.log('流程组件的boStage',this.boStage);
    console.log('流程组件的form',this.form);
    //初始化流程数据
    //控制提交、下一步按钮显示状态
    var arr = this.boStage.filter(item=>item.name.toString().includes('审核'));
    var auditNode = arr[0].orderNum;
    console.log('auditNode',auditNode);
    var arr1 = this.boStage.filter(item=>item.code == this.form.boStage);
    var curNode = arr1[0].orderNum;
    console.log('curNode',curNode);
     if(auditNode == curNode || arr1[0].code.toString().includes('99')){
      this.showSubmit = false;
      this.showNext = false;
    }else if(auditNode - 1 == curNode){
      this.showSubmit = true;
      this.showNext = false;
    }else if(auditNode - 1 != curNode){
      this.showNext = true;
      this.showSubmit = false;
    }
    this.showStage = {code:this.form.boStage}
    //控制初始化时展示哪些页签
    this.showTabs(this.form.boStage);
  },
  methods: {
    // 当前流程节点转换
    activeConversion(val){
      let arr = this.boStage.filter(item=>item.code == val);
      return arr[0].orderNum;
    },
    //查看阶段时触发
    viewingProcedure(stage) {
      this.showStage = stage;
      console.log(this.showStage,this.form.boStage);
      if(this.isUpdate) return;
      let arr = this.boStage.filter(item=>item.code == this.form.boStage);
      this.showStage = stage;
      if(stage.orderNum > arr[0].orderNum){
        this.$modal.alert("只能查看之前的阶段信息!");
      }else{
        this.showTabs(stage.code);
      }
    },
    //  提交至OA进行审批
    submitOa(){
      const id = this.form.id;
      this.$modal.confirm('确认提交吗？').then(function() {
        return submit(id);
      }).then(() => {
        this.$modal.msgSuccess("提交成功");
        this.$emit('reload');
      }).catch(() => {});
    },
    //下一步
    next() {
      var boId = this.form.id;
      this.$modal.confirm('确定要变更为下一阶段吗？').then(function() {
        return changeNextStage(boId);
      }).then(() => {
        this.$modal.msgSuccess("流程扭转成功");
        this.$emit('reload');
      }).catch(function() {
      });
    },
    //修改按钮
    modifyButton() {
      this.isUpdate = true;
    },
    //取消按钮
    cancelButton() {
      this.isUpdate = false;
      this.$emit('reload');
    },
    //保存按钮
    saveButton() {
      updateBasicFlow(this.form).then((response) => {
        this.$modal.msgSuccess("修改成功");
        this.isUpdate = false;
        this.$emit('reload');
      });
    },
    //多页签切换
    tabsSwitch(e) {
      console.log("当前查看的页签是",e.name);
      switch(e.name) {
        case 'tA':
          this.behaviorParame = JSON.parse(JSON.stringify(this.form));
          this.behaviorParame.boStage = this.showStage.code;
          //跟进记录
          break;
        case 'tB':
          //项目成员
          break;
        default:
            break;
      }
    },
    //展示哪些页签
    showTabs(val){
      console.log('当前查看的阶段是',val);
      this.closeTabs();
      switch(val){
        case '0-01':
          this.activeName = 't00101';
          this.tabsName.t00101 = true;
          this.tabsName.A = true;
          break;
        case '0-02':
          this.activeName = 't00201';
          this.tabsName.t00201 = true;
          this.tabsName.t00202 = true;
          this.tabsName.A = true;
          this.tabsName.B = true;
          break;
        case '0-03':
          this.activeName = 't00301';
          this.tabsName.t00301 = true;
          this.tabsName.t00302 = true;
          break;
        case '0-04':
          this.activeName = 't00401';
          this.tabsName.t00401 = true;
          break;
        case '0-05':
          this.activeName = 't00501';
          this.tabsName.t00501 = true;
          break;
        case '0-06':
          this.activeName = 't00601';
          this.tabsName.t00601 = true;
          break;
        case '0-07':
          this.activeName = 't00301';
          this.tabsName.t00301 = true;
          this.tabsName.t00302 = true;
          this.tabsName.t00303 = true;
          this.tabsName.t00401 = true;
          this.tabsName.t00501 = true;
          this.tabsName.t00601 = true;
          this.tabsName.A = true;
          break;
        case '0-08':
          this.activeName = 't00801';
          this.tabsName.t00801 = true;
          this.tabsName.t00802 = true;
          this.tabsName.A = true;
          break;
        case '0-09':
          break;
        case '0-10':
          break;
        case '0-11':
          break;
        case '0-12':
          break;
        case '1-01':
          this.activeName = 't10101';
          this.tabsName.t10101 = true;
          this.tabsName.A = true;
          break;
        case '1-02':
          this.activeName = 't10201';
          this.tabsName.t10201 = true;
          this.tabsName.B = true;
          this.tabsName.A = true;
          break;
        case '1-03':
          this.activeName = 't10301';
          this.tabsName.t10301 = true;
          break;
        case '1-04':
          this.activeName = 't10301';
          this.tabsName.t10301 = true;
          this.tabsName.t10401 = true;
          this.tabsName.A = true;
          break;
        case '1-05':
          this.activeName = 't10501';
          this.tabsName.t10501 = true;
          this.tabsName.A = true;
          break;
        case '1-06':
          this.activeName = 't10601';
          this.tabsName.t10601 = true;
          this.tabsName.t10602 = true;
          this.tabsName.A = true;
          break;
        case '2-01':
          this.activeName = 't20101';
          this.tabsName.t20101 = true;
          this.tabsName.A = true;
          break;
        case '2-02':
          this.activeName = 't20201';
          this.tabsName.t20201 = true;
          this.tabsName.A = true;
          break;
        case '2-03':
          this.activeName = 't20301';
          this.tabsName.t20301 = true;
          this.tabsName.B = true;
          this.tabsName.A = true;
          break;
        case '2-04':
          this.activeName = 't20401';
          this.tabsName.t20401 = true;
          break;
        case '2-05':
          this.activeName = 't20401';
          this.tabsName.t20401 = true;
          this.tabsName.t20501 = true;
          this.tabsName.A = true;
          break;
        case '2-06':
          this.activeName = 't20601';
          this.tabsName.t20601 = true;
          this.tabsName.A = true;
          break;
        case '2-07':
          this.activeName = 't20701';
          this.tabsName.t20701 = true;
          this.tabsName.A = true;
          break;
        case '2-08':
          this.activeName = 't20801';
          this.tabsName.t20801 = true;
          this.tabsName.t20802 = true;
          this.tabsName.A = true;
          break;
        case '3-01':
          this.activeName = 't30101';
          this.tabsName.t30101 = true;
          this.tabsName.A = true;
          break;
        case '3-02':
          this.activeName = 't30201';
          this.tabsName.t30201 = true;
          this.tabsName.A = true;
          break;
        case '3-03':
          this.activeName = 't30301';
          this.tabsName.t30301 = true;
          this.tabsName.B = true;
          this.tabsName.A = true;
          break;
        case '3-04':
          this.activeName = 't30401';
          this.tabsName.t30401 = true;
          break;
        case '3-05':
          this.activeName = 't30501';
          this.tabsName.t30501 = true;
          break;
        case '3-06':
          this.activeName = 't30401';
          this.tabsName.t30401 = true;
          this.tabsName.t30501 = true;
          // this.tabsName.t30601 = true;
          this.tabsName.A = true;
          break;
        case '3-07':
          this.activeName = 't30701';
          this.tabsName.t30701 = true;
          this.tabsName.t30702 = true;
          this.tabsName.A = true;
          break;
        case '4-01':
          this.activeName = 't40101';
          this.tabsName.t40101 = true;
          this.tabsName.A = true;
          break;
        case '4-02':
          this.activeName = 't40201';
          this.tabsName.t40201 = true;
          this.tabsName.A = true;
          break;
        case '4-03':
          this.activeName = 't40301';
          this.tabsName.t40301 = true;
          this.tabsName.B = true;
          this.tabsName.A = true;
          break;
        case '4-04':
          this.activeName = 't40401';
          this.tabsName.t40401 = true;
          break;
        case '4-05':
          this.activeName = 't40501';
          this.tabsName.t40501 = true;
          break;
        case '4-06':
          this.activeName = 't40401';
          this.tabsName.t40401 = true;
          this.tabsName.t40501 = true;
          // this.tabsName.t40601 = true;
          this.tabsName.A = true;
          break;
        case '4-07':
          this.activeName = 't40701';
          this.tabsName.t40701 = true;
          this.tabsName.t40702 = true;
          this.tabsName.A = true;
          break;
        default:
          break;
      }
    },
    closeTabs(){
      this.tabsName = {
        t00101:false,
        t00201:false,
        t00202:false,
        t00301:false,
        t00302:false,
        t00303:false,
        t00401:false,
        t00501:false,
        t00601:false,
        t00801:false,
        t00802:false,

        t10101:false,
        t10201:false,
        t10301:false,
        t10401:false,
        t10501:false,
        t10601:false,
        t10602:false,

        t20101:false,
        t20201:false,
        t20301:false,
        t20401:false,
        t20501:false,
        t20601:false,
        t20701:false,
        t20801:false,
        t20802:false,

        t30101:false,
        t30201:false,
        t30301:false,
        t30401:false,
        t30501:false,
        t30601:false,
        t30701:false,
        t30702:false,

        t40101:false,
        t40201:false,
        t40301:false,
        t40401:false,
        t40501:false,
        t40601:false,
        t40701:false,
        t40702:false,

        A:false,
        B:false,
      };
    },
    //重新加载数据
    reload(){
      this.$emit('reload');
    },
  },
};
</script>