From 233528dd9aa57dd866b62fcbd8bd9eb27fd72b24 Mon Sep 17 00:00:00 2001
From: shenyanpei <shenyanpei>
Date: Thu, 16 Sep 2021 17:54:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/bzrk/step2.vue         | 2406 +++++++++--------
 1 file changed, 1219 insertions(+), 1187 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
index 4005a5006..121bf00d8 100644
--- a/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
@@ -1,1200 +1,1232 @@
 <template>
-    <div class="bzrkStep2">
-        <!--        标准入库流程-->
-        <ProcessHeader toggle>
-            <template slot="proName">标准入库流程</template>
-            <template slot="proNode">经理人审批</template>
-        </ProcessHeader>
-        <div class="headerTabs">
-            <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
-            <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
-<!--            <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>-->
-        </div>
-        <div class="content" v-if="active === '1'">
-            <div style="flex: auto; overflow: auto;">
-                <el-form
-                        ref="qbkwForm"
-                        :model="form"
-                        class="label-input-form"
-                        label-width="210px"
-                >
-                    <ProcessTitle>
-                        <template slot="title">基础信息</template>
-                    </ProcessTitle>
-                    <div class="prc-content-border">
-                        <el-row :gutter="24">
-                            <el-col :span="12">
-                                <el-form-item label="标准来源" prop="standInData" class="add-form-item form-item-disabled">
-                                    <el-radio-group v-model="form.standInData" disabled>
-                                        <el-radio label="0">国内标准入库</el-radio>
-                                        <el-radio label="1">海外标准入库</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-
-
-                              <el-form-item v-if="form.standInData=='1'" label="国家/地区" prop="country" class="add-form-item form-item-disabled">
-                                <el-select :popper-append-to-body="false" v-model="form.country" placeholder="国家/地区" multiple disabled>
-                                  <el-option
-                                      v-for="item in countryOptions"
-                                      placeholder="请选择"
-                                      :key="item.value"
-                                      :value="item.value"
-                                      :label="item.label"
-                                  ></el-option>
-                                </el-select>
-                              </el-form-item>
-
-                                <el-form-item label="标准类别" prop="standSort" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.standSort" placeholder="请选择标准类别" disabled>
-                                        <el-option
-                                                v-for="item in standSortOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="标准年份" prop="standYear" class="add-form-item form-item-disabled">
-                                    <el-input
-                                            disabled
-                                            v-model.number="form.standYear"
-                                            placeholder="请输入标准标准年份"
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item label="标准中文名称" prop="standName" class="add-form-item form-item-disabled">
-                                    <el-input
-                                            disabled
-                                            v-model="form.standName"
-                                            placeholder="请输入标准中文名称"
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item label="标准英文名称" prop="standEnName" class="add-form-item form-item-disabled">
-                                    <el-input
-                                            disabled
-                                            v-model="form.standEnName"
-                                            placeholder="请输入标准英文名称"
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item label="是否需要会签" prop="signFlag" class="add-form-item form-item-disabled">
-                                    <el-radio-group v-model="form.signFlag" disabled>
-                                        <el-radio label="1">是</el-radio>
-                                        <el-radio label="2">否</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="标准编号" prop="standNumber" class="add-form-item form-item-disabled">
-                                    <el-input
-                                            disabled
-                                            v-model="form.standNumber"
-                                            placeholder="请输入标准编号"
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item label="标准性质" prop="standNature" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.standNature" placeholder="请选择标准性质" disabled>
-                                        <el-option
-                                                v-for="item in standNatureOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="文本状态" prop="textStatus" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.textStatus" placeholder="请选择文本状态" disabled>
-                                        <el-option
-                                                v-for="item in standStateOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="标准发布日期" prop="issueTime" class="add-form-item form-item-disabled">
-                                    <el-date-picker
-                                            disabled
-                                            v-model="form.issueTime"
-                                            type="date"
-                                            placeholder="请选择标准发布日期"
-                                            value-format="yyyy-MM-dd">
-                                    </el-date-picker>
-                                </el-form-item>
-                                <el-form-item label="是否纳入认证清单" prop="isRelateAccess" class="add-form-item form-item-disabled">
-                                    <el-radio-group v-model="form.isRelateAccess" disabled>
-                                        <el-radio label="1">是</el-radio>
-                                        <el-radio label="2">否</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                                <el-form-item v-if="form.standInData === '0'" label="标准体系" prop="standSystem" class="add-form-item form-item-disabled">
-                                    <el-input v-model="form.standSystem" disabled></el-input>
-                                </el-form-item>
-                                <el-form-item v-if="form.standInData === '1'" label="标签" prop="gxhbq" class="add-form-item form-item-disabled">
-                                   <el-input
-                                            disabled
-                                            v-model="form.gxhbq"
-                                            placeholder="请输入标签"
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </div>
-                    <ProcessTitle>
-                        <template slot="title">实施日期</template>
-                    </ProcessTitle>
-                    <div class="prc-content-border">
-                        <el-row :gutter="24">
-                            <el-col :span="12">
-                                <el-form-item label="实施日期(标准文本)" prop="ssrq" class="add-form-item form-item-disabled">
-                                    <el-date-picker
-                                            disabled
-                                            v-model="form.ssrq"
-                                            type="date"
-                                            placeholder="请选择标准实施日期(标准文本)"
-                                            value-format="yyyy-MM-dd">
-                                    </el-date-picker>
-                                </el-form-item>
-                                <el-form-item label="在产车实施日期(标准文本)" prop="zccssrq" class="add-form-item form-item-disabled">
-                                    <el-date-picker
-                                            disabled
-                                            v-model="form.zccssrq"
-                                            type="date"
-                                            placeholder="请选择在产车实施日期(标准文本)"
-                                            value-format="yyyy-MM-dd">
-                                    </el-date-picker>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="新车型实施日期(标准文本)" prop="xcxssrq" class="add-form-item form-item-disabled">
-                                    <el-date-picker
-                                            disabled
-                                            v-model="form.xcxssrq"
-                                            type="date"
-                                            placeholder="请选择新车型实施日期(标准文本"
-                                            value-format="yyyy-MM-dd">
-                                    </el-date-picker>
-                                </el-form-item>
-<!--                                <el-form-item label="实施日期(国际)" prop="ssrqgj" class="add-form-item form-item-disabled">-->
-<!--                                    <el-date-picker-->
-<!--                                            disabled-->
-<!--                                            v-model="form.ssrqgj"-->
-<!--                                            type="date"-->
-<!--                                            placeholder="请选择实施日期(国际)"-->
-<!--                                            value-format="yyyy-MM-dd">-->
-<!--                                    </el-date-picker>-->
-<!--                                </el-form-item>-->
-<!--                                <el-form-item label="新车型实施日期(国际)" prop="xcxssrqgj" class="add-form-item form-item-disabled">-->
-<!--                                    <el-date-picker-->
-<!--                                            disabled-->
-<!--                                            v-model="form.xcxssrqgj"-->
-<!--                                            type="date"-->
-<!--                                            placeholder="请选择新车型实施日期(国家)"-->
-<!--                                            value-format="yyyy-MM-dd">-->
-<!--                                    </el-date-picker>-->
-<!--                                </el-form-item>-->
-<!--                                <el-form-item label="在产车实施日期(国际)" prop="zccssrqgj" class="add-form-item form-item-disabled">-->
-<!--                                    <el-date-picker-->
-<!--                                            disabled-->
-<!--                                            v-model="form.zccssrqgj"-->
-<!--                                            type="date"-->
-<!--                                            placeholder="请选择在产车实施日期(国家)"-->
-<!--                                            value-format="yyyy-MM-dd">-->
-<!--                                    </el-date-picker>-->
-<!--                                </el-form-item>-->
-                            </el-col>
-                        </el-row>
-                    </div>
-                    <ProcessTitle>
-                        <template slot="title">文本信息</template>
-                    </ProcessTitle>
-                    <div class="prc-content-border">
-                      <el-row :gutter="24">
-                        <el-col :span="12">
-                          <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">
-                            <div style="cursor: pointer;color: #00b7ee"  v-if="form.xgdName" @click="downloadFile('xgd')">
-                              {{ form.xgdName }}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
-                            <div style="cursor: pointer;color: #00b7ee" v-if="form.fbgbjbdName" @click="downloadFile('fbgbjbd')">
-                              {{ form.fbgbjbdName }}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
-                            <div v-if="form.zbjbdName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd')">
-                              {{ form.zbjbdName }}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
-                            <div v-if="form.ssgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg')">
-                              {{ form.ssgName }}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
-                            <div v-if="form.caName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca')">
-                              {{ form.caName }}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                        </el-col>
-                        <el-col :span="12">
-                          <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
-                            <div v-if="form.kwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj')">
-                              {{ form.kwjName }}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
-                            <div v-if="form.jdwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj')">
-                              {{ form.jdwjName }}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
-                            <div v-if="form.bpgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg')">
-                              {{ form.bpgName }}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
-                            <div v-if="form.zqyjgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg')">
-                              {{ form.zqyjgName }}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                        </el-col>
-                      </el-row>
-                    </div>
-                    <ProcessTitle>
-                        <template slot="title">适用范围</template>
-                    </ProcessTitle>
-                    <div class="prc-content-border">
-                        <el-row :gutter="24">
-                            <el-col :span="12">
-                                <el-form-item label="责任部门" prop="zrbm" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.zrbm" placeholder="请选择责任部门" multiple disabled>
-                                        <el-option
-                                                v-for="item in zrbmOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.cllx" placeholder="请选择适用车型" multiple disabled>
-                                        <el-option
-                                                v-for="item in applyArcticOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="能源类型" prop="nylx" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.nylx" placeholder="请选择能源类型" multiple disabled>
-                                        <el-option
-                                                v-for="item in categoryOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="关联模块--乘用车VPPS编码" prop="cycvppsbm" class="add-form-item form-item-disabled">
-                                    <el-input v-model="form.cycvppsbm" disabled></el-input>
-                                </el-form-item>
-                                <el-form-item label="关联模块--卡车VPPS编码" prop="kccvppsbm" class="add-form-item form-item-disabled">
-                                    <el-input v-model="form.kccvppsbm" disabled></el-input>
-                                </el-form-item>
-                                <el-form-item label="模块结构单元变型号" prop="dybxh" class="add-form-item form-item-disabled">
-                                    <el-input v-model="form.dybxh" disabled></el-input>
-                                </el-form-item>
-                              <el-form-item v-if="form.standInData === '0'" label="归口管理部门" prop="gkdw" class="add-form-item form-item-disabled">
-                                <el-select :popper-append-to-body="false"  v-model="form.gkdw" placeholder="请选择归口管理部门">
-                                  <el-option v-for="item in gkglbmOptions" :value="item.value" :key="item.value" :label="item.label"></el-option>
-                                </el-select>
-                              </el-form-item>
-                                <el-form-item v-if="form.standInData === '0'" label="起草单位" prop="qcdw" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.qcdw" placeholder="请选择起草单位" multiple disabled>
-                                        <el-option
-                                                v-for="item in qcdwOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item v-if="form.standInData === '1'" label="体系类别" prop="txlb" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.txlb" placeholder="请选择体系类别" multiple disabled>
-                                        <el-option
-                                                v-for="item in txlbOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="适用产品线" prop="sycpx" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.sycpx" placeholder="请选择适用产品线" multiple disabled>
-                                        <el-option
-                                                v-for="item in sycpxOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="适用认证" prop="syrz" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.syrz" placeholder="请选择适用认证" multiple disabled>
-                                        <el-option
-                                                v-for="item in applyAuthOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="责任工程师" prop="zrgcs" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.zrgcs" placeholder="请选择责任工程师" multiple disabled>
-                                        <el-option
-                                                v-for="item in zrgcsOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="关联模块--乘用车vpps中文名称" prop="cycvppscn" class="add-form-item form-item-disabled">
-                                    <el-input
-                                            v-model="form.cycvppscn"
-                                            disabled
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item label="关联模块--卡车vpps中文名称" prop="kccvppscn" class="add-form-item form-item-disabled">
-                                    <el-input
-                                            v-model="form.kccvppscn"
-                                            disabled
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item label="模块结构单元名称" prop="dymc" class="add-form-item form-item-disabled">
-                                    <el-input
-                                            v-model="form.dymc"
-                                            disabled
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item v-if="form.standInData === '0'" label="我司署名人" prop="wssmr" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.wssmr" placeholder="请选择我司署名人" multiple disabled>
-                                        <el-option
-                                                v-for="item in wssmrOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item v-if="form.standInData === '0'" label="我司参与深度" prop="cysd" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.cysd" placeholder="请选择我司参与深度" disabled>
-                                        <el-option
-                                                v-for="item in cysdOptions"
-                                                placeholder="请选择"
-                                                :key="item.value"
-                                                :value="item.value"
-                                                :label="item.label"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </div>
-                    <ProcessTitle>
-                        <template slot="title">关联信息</template>
-                    </ProcessTitle>
-                    <div class="prc-content-border">
-                        <el-row :gutter="24">
-                            <el-col :span="12">
-                                <el-form-item label="代替标准号" prop="dtbjh" class="add-form-item form-item-disabled">
-                                    <el-input
-                                            disabled
-                                            v-model="form.dtbjh"
-                                            placeholder="请输入代替标准号"
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item v-if="form.standInData === '0'" label="采标程度" prop="cbcd" class="add-form-item form-item-disabled">
-                                    <el-select v-model="form.cbcd" placeholder="请选择采标程度" disabled>
-                                      <el-option v-for="item in cbcdOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
-                                    </el-select>
-                                </el-form-item>
-                              <el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
-                                <div v-if="form.glwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj')">
-                                  {{ form.glwjName }}
-                                </div>
-                                <div v-else>
-                                  - -
-                                </div>
-                              </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                              <el-form-item label="部分代替标准号" prop="bfbdtbzh" class="add-form-item form-item-disabled">
-                                <el-input
-                                    disabled
-                                    v-model="form.bfbdtbzh"
-                                    placeholder="请输入部分代替标准号"
-                                    clearable
-                                ></el-input>
-                              </el-form-item>
-                              <el-form-item v-if="form.standInData === '0'" label="采标编号" prop="cbbh" class="add-form-item form-item-disabled">
-                                <el-input
-                                    disabled
-                                    v-model="form.cbbh"
-                                    placeholder="请输入采标编号"
-                                    clearable
-                                ></el-input>
-                              </el-form-item>
-                              <el-form-item label="引用标准" prop="yybj" class="add-form-item form-item-disabled">
-                                    <el-input
-                                            disabled
-                                            v-model="form.yybj"
-                                            placeholder="请输入引用标准"
-                                            clearable
-                                    ></el-input>
-                                </el-form-item>
-                            </el-col>
-                        </el-row>
-                    </div>
-                </el-form>
-            </div>
-          <div>
-            <el-collapse accordion v-model="activeName">
-              <el-collapse-item title="意见填写" name = "1">
-                <div style="margin: 10px 0;">
-                  <el-form
-                      ref="formTongGuo"
-                      :model="formTongGuo"
-                      :rules="rules">
-                    <el-form-item
-                        prop="approvalOpinion"
-                    >
-                      <el-select @change="getRule" v-model="formTongGuo.approvalOpinion" placeholder="请审批" style="margin-bottom: 20px;">
-                        <el-option label="驳回" value="1"></el-option>
-                        <el-option label="通过" value="0"></el-option>
-                      </el-select>
-                    </el-form-item>
-                    <el-form-item
-                        prop="commentText"
-                    >
-                      <el-input
-                          type="textarea"
-                          :rows="3"
-                          resize="none"
-                          placeholder="请输入意见"
-                          v-model="formTongGuo.commentText">
-                      </el-input>
-                    </el-form-item>
-                  </el-form>
-                </div>
-              </el-collapse-item>
-            </el-collapse>
-          </div>
-        </div>
-        <div class="content" v-if="active === '2'">
-            <div class="block" style="padding-top: 20px;">
-                <el-timeline>
-                    <el-timeline-item timestamp="发起流程" placement="top" :color="user1 ? '#66b1ff' : ''">
-                        <el-card>
-                            <h4>流程发起人</h4>
-                            <div style="margin-top: 10px;width: 300px;">
-                                <el-input v-model="user1" placeholder="流程发起人"></el-input>
-                            </div>
-                        </el-card>
-                    </el-timeline-item>
-                    <el-timeline-item timestamp="选择责任人" placement="top" :color="user2 ? '#66b1ff' : ''">
-                        <el-card>
-                            <h4>责任人</h4>
-                            <div style="margin-top: 10px;width: 300px;">
-                                <el-input v-model="user2" placeholder="选择责任人">
-                                </el-input></div>
-                        </el-card>
-                    </el-timeline-item>
-                    <el-timeline-item timestamp="填写意见" placement="top" :color="user3 ? '#66b1ff' : ''">
-                        <el-card>
-                            <h4>责任人</h4>
-                            <div style="margin-top: 10px;width: 300px;">
-                                <el-input v-model="user3" placeholder="责任人"></el-input>
-                            </div>
-                        </el-card>
-                    </el-timeline-item>
-                    <el-timeline-item timestamp="意见汇总并发起会签" placement="top" :color="user4 ? '#66b1ff' : ''">
-                        <el-card>
-                            <h4>标准法规工程师</h4>
-                            <div style="margin-top: 10px;width: 300px;">
-                                <el-input v-model="user4" placeholder="标准法规工程师"></el-input>
-                            </div>
-                        </el-card>
-                    </el-timeline-item>
-                    <el-timeline-item timestamp="审核" placement="top" :color="user5 ? '#66b1ff' : ''">
-                        <el-card>
-                            <h4>责任对接人，标准法规部部门负责人</h4>
-                            <div style="margin-top: 10px;width: 300px;">
-                                <el-input v-model="user5" placeholder="责任对接人，标准法规部部门负责人"></el-input>
-                            </div>
-                        </el-card>
-                    </el-timeline-item>
-                </el-timeline>
-            </div>
-        </div>
-        <div class="content" v-if="active === '3'">
-          <div class="flow-list">
-            <el-table
-                height="100%"
-                ref="selection"
-                :data="detailData"
-                tooltip-effect="dark"
-                style="width: 100%"
-                border
-                row-key="id"
-                :no-data-text="listNoDataText"
-                :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
-            >
-              <el-table-column
-                  type="selection"
-                  width="55"
-                  align="center">
-              </el-table-column>
-              <el-table-column
-                  prop="name"
-                  label="任务步骤"
-                  align="center"
-                  sortable="custom"
-              >
-              </el-table-column>
-              <el-table-column
-                  prop="assignee"
-                  label="任务受理人"
-                  align="center"
-                  sortable="custom"
-              >
-              </el-table-column>
-              <el-table-column
-                  prop="createTime"
-                  label="创建时间"
-                  sortable="custom"
-                  align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                  prop="endTime"
-                  label="完成时间"
-                  align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                  prop="comment"
-                  label="审批意见"
-                  align="center">
-                <template slot-scope="scope">
-            <span>{{scope.row.commentText}}</span>
-                </template>
-              </el-table-column>
-              <el-table-column
-                  prop="completeFlag"
-                  label="状态"
-                  align="center">
-                <template slot-scope="scope">
-                  <span>{{ scope.row.endTime ? '已完成' : '未完成'}}</span>
-                </template>
-              </el-table-column>
-            </el-table>
-            <loading :loading="loading">流程列表加载中</loading>
-          </div>
-        </div>
-<!--      提交-->
-        <ProcessFooter
-                :show-save="false"
-                show-submit
-                show-transfer
-                :submitLoading="isSubmit"
-                :saveLoading="saveLoading"
-                @transfer="handleTransfer"
-                @save="handleSave"
-                @submit="handleSubmit"
-        >
-        </ProcessFooter>
-
-        <!-- 福田全公司选人解决方案 -->
-        <Role-tree
-                check-box
-                :is-title="drawerTitle"
-                :is-visible.sync="drawerModal"
-                @checkedRole="checkedRole"
-                :nodeList="nodeList"
-        ></Role-tree>
+  <div class="bzrkStep2">
+    <!--        标准入库流程-->
+    <ProcessHeader toggle>
+      <template slot="proName">标准入库流程</template>
+      <template slot="proNode">经理人审批</template>
+    </ProcessHeader>
+    <div class="headerTabs">
+      <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
+      <div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
+      <!--            <div class="headerTabsItem" :class="active === '2' ? 'active' : ''" @click="handleTabs('2')">流程信息</div>-->
     </div>
+    <div class="content" v-if="active === '1'">
+      <div style="flex: auto; overflow: auto;">
+        <el-form
+          ref="qbkwForm"
+          :model="form"
+          class="label-input-form"
+          label-width="210px"
+        >
+          <ProcessTitle>
+            <template slot="title">基础信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="标准来源" prop="standInData" class="add-form-item form-item-disabled">
+                  <el-radio-group v-model="form.standInData" disabled>
+                    <el-radio label="0">国内标准入库</el-radio>
+                    <el-radio label="1">海外标准入库</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+
+
+                <el-form-item v-if="form.standInData=='1'" label="国家/地区" prop="country" class="add-form-item form-item-disabled">
+                  <el-select :popper-append-to-body="false" v-model="form.country" placeholder="国家/地区" multiple disabled>
+                    <el-option
+                      v-for="item in countryOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+
+                <el-form-item label="标准类别" prop="standSort" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.standSort" placeholder="请选择标准类别" disabled>
+                    <el-option
+                      v-for="item in standSortOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="标准年份" prop="standYear" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model.number="form.standYear"
+                    placeholder="请输入标准标准年份"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="标准中文名称" prop="standName" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.standName"
+                    placeholder="请输入标准中文名称"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="标准英文名称" prop="standEnName" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.standEnName"
+                    placeholder="请输入标准英文名称"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="是否需要会签" prop="signFlag" class="add-form-item form-item-disabled">
+                  <el-radio-group v-model="form.signFlag" disabled>
+                    <el-radio label="1">是</el-radio>
+                    <el-radio label="2">否</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="标准编号" prop="standNumber" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.standNumber"
+                    placeholder="请输入标准编号"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="标准性质" prop="standNature" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.standNature" placeholder="请选择标准性质" disabled>
+                    <el-option
+                      v-for="item in standNatureOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="文本状态" prop="textStatus" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.textStatus" placeholder="请选择文本状态" disabled>
+                    <el-option
+                      v-for="item in standStateOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="标准发布日期" prop="issueTime" class="add-form-item form-item-disabled">
+                  <el-date-picker
+                    disabled
+                    v-model="form.issueTime"
+                    type="date"
+                    placeholder="请选择标准发布日期"
+                    value-format="yyyy-MM-dd">
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item label="是否纳入认证清单" prop="isRelateAccess" class="add-form-item form-item-disabled">
+                  <el-radio-group v-model="form.isRelateAccess" disabled>
+                    <el-radio label="1">是</el-radio>
+                    <el-radio label="2">否</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="标准体系" prop="standSystem" class="add-form-item form-item-disabled">
+                  <el-input v-model="form.standSystem" disabled></el-input>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '1'" label="标签" prop="gxhbq" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.gxhbq"
+                    placeholder="请输入标签"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <ProcessTitle>
+            <template slot="title">实施日期</template>
+          </ProcessTitle>
+          <div class="prc-content-border">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="实施日期(标准文本)" prop="ssrq" class="add-form-item form-item-disabled">
+                  <el-date-picker
+                    disabled
+                    v-model="form.ssrq"
+                    type="date"
+                    placeholder="请选择标准实施日期(标准文本)"
+                    value-format="yyyy-MM-dd">
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item label="在产车实施日期(标准文本)" prop="zccssrq" class="add-form-item form-item-disabled">
+                  <el-date-picker
+                    disabled
+                    v-model="form.zccssrq"
+                    type="date"
+                    placeholder="请选择在产车实施日期(标准文本)"
+                    value-format="yyyy-MM-dd">
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="新车型实施日期(标准文本)" prop="xcxssrq" class="add-form-item form-item-disabled">
+                  <el-date-picker
+                    disabled
+                    v-model="form.xcxssrq"
+                    type="date"
+                    placeholder="请选择新车型实施日期(标准文本"
+                    value-format="yyyy-MM-dd">
+                  </el-date-picker>
+                </el-form-item>
+                <!--                                <el-form-item label="实施日期(国际)" prop="ssrqgj" class="add-form-item form-item-disabled">-->
+                <!--                                    <el-date-picker-->
+                <!--                                            disabled-->
+                <!--                                            v-model="form.ssrqgj"-->
+                <!--                                            type="date"-->
+                <!--                                            placeholder="请选择实施日期(国际)"-->
+                <!--                                            value-format="yyyy-MM-dd">-->
+                <!--                                    </el-date-picker>-->
+                <!--                                </el-form-item>-->
+                <!--                                <el-form-item label="新车型实施日期(国际)" prop="xcxssrqgj" class="add-form-item form-item-disabled">-->
+                <!--                                    <el-date-picker-->
+                <!--                                            disabled-->
+                <!--                                            v-model="form.xcxssrqgj"-->
+                <!--                                            type="date"-->
+                <!--                                            placeholder="请选择新车型实施日期(国家)"-->
+                <!--                                            value-format="yyyy-MM-dd">-->
+                <!--                                    </el-date-picker>-->
+                <!--                                </el-form-item>-->
+                <!--                                <el-form-item label="在产车实施日期(国际)" prop="zccssrqgj" class="add-form-item form-item-disabled">-->
+                <!--                                    <el-date-picker-->
+                <!--                                            disabled-->
+                <!--                                            v-model="form.zccssrqgj"-->
+                <!--                                            type="date"-->
+                <!--                                            placeholder="请选择在产车实施日期(国家)"-->
+                <!--                                            value-format="yyyy-MM-dd">-->
+                <!--                                    </el-date-picker>-->
+                <!--                                </el-form-item>-->
+              </el-col>
+            </el-row>
+          </div>
+          <ProcessTitle>
+            <template slot="title">文本信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item v-if="form.standInData === '0'" label="修改单" prop="xgdName" class="add-form-item form-item-disabled">
+                  <div style="cursor: pointer;color: #00b7ee" v-if="form.xgdName" @click="downloadFile('xgd')">
+                    {{ form.xgdName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
+                  <div style="cursor: pointer;color: #00b7ee" v-if="form.fbgbjbdName" @click="downloadFile('fbgbjbd')">
+                    {{ form.fbgbjbdName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '1'" label="增补件" prop="zbjbdName" class="add-form-item form-item-disabled">
+                  <div v-if="form.zbjbdName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd')">
+                    {{ form.zbjbdName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="送审稿" prop="ssgName" class="add-form-item form-item-disabled">
+                  <div v-if="form.ssgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg')">
+                    {{ form.ssgName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
+                  <div v-if="form.caName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca')">
+                    {{ form.caName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item v-if="form.standInData === '1'" label="勘误件" prop="kwjName" class="add-form-item form-item-disabled">
+                  <div v-if="form.kwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj')">
+                    {{ form.kwjName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="解读文件" prop="jdwjName" class="add-form-item form-item-disabled">
+                  <div v-if="form.jdwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj')">
+                    {{ form.jdwjName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="报批稿" prop="bpgName" class="add-form-item form-item-disabled">
+                  <div v-if="form.bpgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg')">
+                    {{ form.bpgName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="征求意见稿" prop="zqyjgName" class="add-form-item form-item-disabled">
+                  <div v-if="form.zqyjgName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg')">
+                    {{ form.zqyjgName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <ProcessTitle>
+            <template slot="title">适用范围</template>
+          </ProcessTitle>
+          <div class="prc-content-border">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="责任部门" prop="zrbm" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.zrbm" placeholder="请选择责任部门" multiple disabled>
+                    <el-option
+                      v-for="item in zrbmOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.cllx" placeholder="请选择适用车型" multiple disabled>
+                    <el-option
+                      v-for="item in applyArcticOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="能源类型" prop="nylx" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.nylx" placeholder="请选择能源类型" multiple disabled>
+                    <el-option
+                      v-for="item in categoryOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="关联模块--乘用车VPPS编码" prop="cycvppsbm" class="add-form-item form-item-disabled">
+                  <el-input v-model="form.cycvppsbm" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="关联模块--卡车VPPS编码" prop="kccvppsbm" class="add-form-item form-item-disabled">
+                  <el-input v-model="form.kccvppsbm" disabled></el-input>
+                </el-form-item>
+                <el-form-item label="模块结构单元变型号" prop="dybxh" class="add-form-item form-item-disabled">
+                  <el-input v-model="form.dybxh" disabled></el-input>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="归口管理部门" prop="gkdw" class="add-form-item form-item-disabled">
+                  <el-select :popper-append-to-body="false" v-model="form.gkdw" placeholder="请选择归口管理部门">
+                    <el-option v-for="item in gkglbmOptions" :value="item.value" :key="item.value" :label="item.label"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="起草单位" prop="qcdw" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.qcdw" placeholder="请选择起草单位" multiple disabled>
+                    <el-option
+                      v-for="item in qcdwOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '1'" label="体系类别" prop="txlb" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.txlb" placeholder="请选择体系类别" multiple disabled>
+                    <el-option
+                      v-for="item in txlbOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="适用产品线" prop="sycpx" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.sycpx" placeholder="请选择适用产品线" multiple disabled>
+                    <el-option
+                      v-for="item in sycpxOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="适用认证" prop="syrz" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.syrz" placeholder="请选择适用认证" multiple disabled>
+                    <el-option
+                      v-for="item in applyAuthOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="责任工程师" prop="zrgcs" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.zrgcs" placeholder="请选择责任工程师" multiple disabled>
+                    <el-option
+                      v-for="item in zrgcsOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="关联模块--乘用车vpps中文名称" prop="cycvppscn" class="add-form-item form-item-disabled">
+                  <el-input
+                    v-model="form.cycvppscn"
+                    disabled
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="关联模块--卡车vpps中文名称" prop="kccvppscn" class="add-form-item form-item-disabled">
+                  <el-input
+                    v-model="form.kccvppscn"
+                    disabled
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="模块结构单元名称" prop="dymc" class="add-form-item form-item-disabled">
+                  <el-input
+                    v-model="form.dymc"
+                    disabled
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="我司署名人" prop="wssmr" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.wssmr" placeholder="请选择我司署名人" multiple disabled>
+                    <el-option
+                      v-for="item in wssmrOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="我司参与深度" prop="cysd" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.cysd" placeholder="请选择我司参与深度" disabled>
+                    <el-option
+                      v-for="item in cysdOptions"
+                      placeholder="请选择"
+                      :key="item.value"
+                      :value="item.value"
+                      :label="item.label"
+                    ></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+          <ProcessTitle>
+            <template slot="title">关联信息</template>
+          </ProcessTitle>
+          <div class="prc-content-border">
+            <el-row :gutter="24">
+              <el-col :span="12">
+                <el-form-item label="代替标准号" prop="dtbjh" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.dtbjh"
+                    placeholder="请输入代替标准号"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="采标程度" prop="cbcd" class="add-form-item form-item-disabled">
+                  <el-select v-model="form.cbcd" placeholder="请选择采标程度" disabled>
+                    <el-option v-for="item in cbcdOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item label="关联文件" prop="glwjName" class="add-form-item form-item-disabled">
+                  <div v-if="form.glwjName" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj')">
+                    {{ form.glwjName }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="部分代替标准号" prop="bfbdtbzh" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.bfbdtbzh"
+                    placeholder="请输入部分代替标准号"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '0'" label="采标编号" prop="cbbh" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.cbbh"
+                    placeholder="请输入采标编号"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+                <el-form-item label="引用标准" prop="yybj" class="add-form-item form-item-disabled">
+                  <el-input
+                    disabled
+                    v-model="form.yybj"
+                    placeholder="请输入引用标准"
+                    clearable
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </div>
+        </el-form>
+      </div>
+      <div>
+        <el-collapse accordion v-model="activeName">
+          <el-collapse-item title="意见填写" name="1">
+            <div style="margin: 10px 0;">
+              <el-form
+                ref="formTongGuo"
+                :model="formTongGuo"
+                :rules="rules">
+                <el-form-item
+                  prop="commentText"
+                >
+                  <el-input
+                    type="textarea"
+                    :rows="3"
+                    resize="none"
+                    placeholder="请输入意见"
+                    v-model="formTongGuo.commentText">
+                  </el-input>
+                </el-form-item>
+              </el-form>
+            </div>
+          </el-collapse-item>
+        </el-collapse>
+      </div>
+    </div>
+    <div class="content" v-if="active === '2'">
+      <div class="block" style="padding-top: 20px;">
+        <el-timeline>
+          <el-timeline-item timestamp="发起流程" placement="top" :color="user1 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>流程发起人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user1" placeholder="流程发起人"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="选择责任人" placement="top" :color="user2 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>责任人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user2" placeholder="选择责任人">
+                </el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="填写意见" placement="top" :color="user3 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>责任人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user3" placeholder="责任人"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="意见汇总并发起会签" placement="top" :color="user4 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>标准法规工程师</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user4" placeholder="标准法规工程师"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+          <el-timeline-item timestamp="审核" placement="top" :color="user5 ? '#66b1ff' : ''">
+            <el-card>
+              <h4>责任对接人，标准法规部部门负责人</h4>
+              <div style="margin-top: 10px;width: 300px;">
+                <el-input v-model="user5" placeholder="责任对接人，标准法规部部门负责人"></el-input>
+              </div>
+            </el-card>
+          </el-timeline-item>
+        </el-timeline>
+      </div>
+    </div>
+    <div class="content" v-if="active === '3'">
+      <div class="flow-list">
+        <el-table
+          height="100%"
+          ref="selection"
+          :data="detailData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          border
+          row-key="id"
+          :no-data-text="listNoDataText"
+          :header-cell-style="{background: '#f8f8f9', color: '#515a6e'}"
+        >
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center">
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="任务步骤"
+            align="center"
+            sortable="custom"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="assignee"
+            label="任务受理人"
+            align="center"
+            sortable="custom"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="createTime"
+            label="创建时间"
+            sortable="custom"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.createTime ? $moment(scope.row.createTime).format('YYYY-MM-DD') : '' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="endTime"
+            label="完成时间"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? $moment(scope.row.endTime).format('YYYY-MM-DD') : '' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="comment"
+            label="审批意见"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.commentText }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="completeFlag"
+            label="状态"
+            align="center">
+            <template slot-scope="scope">
+              <span>{{ scope.row.endTime ? '已完成' : '未完成' }}</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <loading :loading="loading">流程列表加载中</loading>
+      </div>
+    </div>
+    <!--      提交-->
+    <ProcessFooter
+      :show-save="false"
+      show-submit
+      show-transfer
+      show-back
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @transfer="handleTransfer"
+      @save="handleSave"
+      @back="handleSubmitNo"
+      @submit="handleSubmit"
+    >
+    </ProcessFooter>
+
+    <!-- 福田全公司选人解决方案 -->
+    <Role-tree
+      check-box
+      :is-title="drawerTitle"
+      :is-visible.sync="drawerModal"
+      @checkedRole="checkedRole"
+      :nodeList="nodeList"
+    ></Role-tree>
+  </div>
 </template>
 
 <script>
-    import ProcessHeader from '../../components/ProcessHeader'
-    import ProcessFooter from '../../components/ProcessFooter'
-    import ProcessTitle from '../../components/ProcessTitle'
-    import {inboundLiaisonDetail,processCreateStand,changeAssigneeNew} from 'api/process'
-    import TreeSelect from '@/components/treeSelect/treeSelect.vue';
+import ProcessHeader from '../../components/ProcessHeader'
+import ProcessFooter from '../../components/ProcessFooter'
+import ProcessTitle from '../../components/ProcessTitle'
+import {inboundLiaisonDetail, processCreateStand, changeAssigneeNew} from 'api/process'
+import TreeSelect from '@/components/treeSelect/treeSelect.vue';
+import {completeTask} from "@/api/process";
 
-    export default {
-        name: "bzrkStep2",
-        data () {
-            return {
-              // 调整处理人抽屉状态
-              drawerModal: false,
-              drawerTitle: '',
-              nodeList: [],
-              selectPeople:'',
-              xgdFileId: '',
-              fbgbjbdFileId: '',
-              bpgFileId: '',
-              ssgFileId: '',
-              zqyjgFileId: '',
-              jdwjFileId: '',
-              kwjFileId: '',
-              glwjFileId: '',
-              caFileId: '',
-              zbjbdFileId:'',
-              rules: {
-                commentText: [{ required: true, message: '请输入意见', trigger: 'blur' }],
-                approvalOpinion: [{ required: true, message: '请选择审批意见', trigger: 'change' }]
-              },
-              activeName:'1',
-              // 当前流程类型(1待办/2已办)
-              processType: 1,
-                detailData: [],
-                userId:this.$store.getters.userInfo.userId,
-                taskIds: this.$route.query.taskIds,
-                pId: this.$route.query.prcId,
-              formTongGuo: {
-                approvalOpinion: '', // 通过/驳回
-                commentText: '', // 意见
-              },
-                title: '', // 新增编辑抽屉标题
-                ListModel: false, // 新增编辑抽屉开关
-                active: '1', // 默认显示
-                isSubmit: false,
-                saveLoading: false,
-                defaultProps: {
-                    children: 'children',
-                    label: 'menuName'
-                },
-                nodeKey: 'id',
-                defaultCheckedKeys: [],
-                form: {
-                    // 基础信息
-                    textStatus: '', // 文本状态
-                    standYear: '', // 标准年份
-                    standInData: '0', // 标准类型
-                    standSort: '', // 标准类别
-                    standNumber: '', // 标准编号
-                    standNature: '', // 标准性质
-                    standEnName: '', // 英文名称
-                    standName: '', // 中文名称
-                    signFlag: '1', // 是否需要会签
-                    issueTime: '', // 发布时间
-                    isRelateAccess: '', // 是否纳入认证清单
-                    standSystem: '',// 标准体系
-                    standSystemName: '',// 标准体系
-                    gxhbq: '', // 标签
-                    // 实施日期
-                    ssrq: '', // 实施日期(标准文本)
-                    xcxssrq: '', // 新车型实施日期(标准文本)
-                    zccssrq: '', // 在产车实施日期(标准文本)
-                    ssrqgj: '', // 实施日期(国际)
-                    xcxssrqgj: '', // 新车型实施日期(国际)
-                    zccssrqgj: '', // 在产车实施日期(国际)
-                    // 文本信息
-                    ca: '', // 草案
-                    fbgbjbd: '', // 发布稿
-                    xgd: '', // 修改单
-                    bpg: '', // 报批稿
-                    ssg: '', // 送审稿
-                    zqyjg: '', // 征求意见稿
-                    jdwj: '', // 解读文件
-                    zbjbd: '', // 增补件
-                  bfbdtbzh: '', // 增补件
-                    kwj: '', // 勘误件
-                    caName: '', // 草案
-                    fbgbjbdName: '', // 发布稿
-                    xgdName: '', // 修改单
-                    bpgName: '', // 报批稿
-                    ssgName: '', // 送审稿
-                    zqyjgName: '', // 征求意见稿
-                    jdwjName: '', // 解读文件
-                    zbjbdName: '', // 增补件
-                    kwjName: '', // 勘误件
-                    glwjName: '', // 关联文件
-                    // 适用范围
-                    txlb: '', // 体系类别
-                    gkdw: '', // 归口管理部门
-                    qcdw: '', // 起草单位
-                    wssmr: '', // 我司署名人
-                    cysd: '', // 我司参与深度
-                    cllx: '', // 适用车型
-                    nylx: '',// 能源类型
-                    sycpx: '',// 适用产品线
-                    syrz: '', // 适用认证
-                    zrbm: '', // 责任部门
-                    zrgcs: '', // 责任工程师
-                    cycvppsbm: '', // 关联模块--乘用车VPPS编码
-                    cycvppscn: '', // 关联模块--乘用车vpps中文名称
-                    kccvppsbm: '', // 关联模块--卡车VPPS编码
-                    kccvppscn: '', // 关联模块--卡车vpps中文名称
-                    dybxh: '', // 模块结构单元变型号
-                    dymc: '', // 模块结构单元名称
-                    // 关联信息
-                    dtbjh: '', // 代替标准号
-                    cbbh: '', // 采标编号
-                    cbcd: '', // 采标程度
-                    yybj: '', // 引用标准
-                    byybj: '', // 被引用标准
-                    glwj: '', // 关联文件
-                    xglc: '', // 相关流程
-                    chjl: '', // 参会记录
-                    //流程信息
-                    prcNum:'',
-                    commentText:'',
-                    prcName:'',
-                    standType: '',
-                }, // 标准信息
-                nodeKeyCode: 'code',
-                nodeKeyModel: 'model',
-                key:1,
-                key1:2,
-                key2:3,
-                key3:4,
-                defaultCheckedKeys1: [],
-                defaultCheckedKeys2: [],
-                defaultCheckedKeys3: [],
-                defaultCodeProps: {
-                    children: 'children',
-                    label: 'code'
-                },
-                defaultModelProps: {
-                    children: 'children',
-                    label: 'model'
-                },
-                countryOptions:[],//国家地区
-                busVppsOptions: [], // 车系体系架构
-                modelOptions: [], // 模块体系架构
-                standSortOptions: [], // 标准类别
-                standNatureOptions: [], // 标准性质
-                standStateOptions: [], // 文本状态
-                standSystemOptions: [], // 标准体系
-                applyArcticOptions: [], // 适用车型
-                gkglbmOptions: [], // 归口管理部门
-              cbcdOptions: [], // 采标程度
-                categoryOptions: [], // 能源类型
-                applyAuthOptions: [], // 适用认证
-                cysdOptions: [], // 我司参与深度
-                wssmrOptions: [], // 我司署名人
-                qcdwOptions: [], // 起草单位
-                sycpxOptions: [], // 适用产品线
-                zrbmOptions: [], // 责任部门
-                zrgcsOptions: [], // 责任工程师
-                txlbOptions: [], // 体系类别
-                data: [], // 标准列表数据
-                ListForm: {}, // 新增数据
-                user1: '',
-                user2: '',
-                user3: '',
-                user4: '',
-                user5: '',
-                // 流程路由信息
-                prcNum : this.$route.query.prcNum,
-                prcName : this.$route.query.prcName,
-            }
-        },
-        components: {
-            ProcessHeader,
-            ProcessFooter,
-            ProcessTitle,
-            TreeSelect
-        },
-      computed: {
-        listNoDataText () {
-          return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
-        },
+export default {
+  name: "bzrkStep2",
+  data() {
+    return {
+      // 调整处理人抽屉状态
+      drawerModal: false,
+      drawerTitle: '',
+      nodeList: [],
+      selectPeople: '',
+      xgdFileId: '',
+      fbgbjbdFileId: '',
+      bpgFileId: '',
+      ssgFileId: '',
+      zqyjgFileId: '',
+      jdwjFileId: '',
+      kwjFileId: '',
+      glwjFileId: '',
+      caFileId: '',
+      zbjbdFileId: '',
+      rules: {
+        commentText: [{required: true, message: '请输入意见', trigger: 'blur'}],
+        approvalOpinion: [{required: true, message: '请选择审批意见', trigger: 'change'}]
       },
-        methods: {
-            checkedRole (data) {
-                this.assigneeNewLoading = true
-                changeAssigneeNew({
-                    taskId: this.$route.query.taskIds, // 任务id
-                    userId:this.$store.getters.userInfo.userId, // 委托人
-                    assignee: data[0].id, // 被委托人
-                    pId: this.$route.query.prcId, // 流程实例
-                }).then(res => {
-                    this.assigneeNewLoading = false
-                    if (res.success) {
-                        this.drawerModal = false
-                        this.$message.success('调整成功')
-                        this.processNum()
-                        this.queryProcess()
-                        this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
-                    } else {
-                        this.$message.warning(res.message)
-                    }
-                })
-            },
-          downloadFile (fileType) {
-            //文件id中出现了','字符,去除掉
-            if(fileType === 'fbgbjbd'){
-              if(this.fbgbjbdFileId.search(',')){
-                this.fbgbjbdFileId=this.fbgbjbdFileId.replace(",","");
-                console.log(this.fbgbjbdFileId);
-              }
-               window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.fbgbjbdFileId
-            }else if(fileType === 'xgd'){
-              window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.xgdFileId
-            }else if(fileType === 'bpg'){
-              window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.bpgFileId
-            }else if(fileType === 'ssg'){
-              window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.ssgFileId
-            }else if(fileType === 'zqyjg'){
-              window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.zqyjgFileId
-            }else if(fileType === 'jdwj'){
-              window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.jdwjFileId
-            }else if(fileType === 'kwj'){
-              window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.kwjFileId
-            }else if(fileType === 'glwj'){
-              window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.glwjFileId
-            }else if(fileType === 'ca'){
-              window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.caFileId
-            }else if(fileType === 'zbjbd'){
-              window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.zbjbdFileId
-            }
-          },
-          getRule(){
-
-            if (this.formTongGuo.approvalOpinion === '0') {
-              this.rules.commentText[0].required = false;
-              this.$refs.formTongGuo.clearValidate('commentText')
-            }else {
-              this.rules.commentText[0].required = true;
-            }
-          },
-            popoverHide (checkedIds, checkedData) {
-                if(checkedData) {
-                    this.form.standSystem = checkedData.id
-                    this.form.standSystemName = checkedData.menuName
-                }
-            },
-            popoverHideBusVs (checkedIds, checkedData) {
-                if(checkedData){
-                    this.form.cycvppsbm = checkedData.code
-                    this.form.cycvppscn = checkedData.chineseName
-                }
-            },
-            popoverHideCarVs (checkedIds, checkedData) {
-                if(checkedData){
-                    this.form.kccvppsbm = checkedData.code
-                    this.form.kccvppscn = checkedData.chineseName
-                }
-            },
-            popoverHideModel (checkedIds, checkedData) {
-                if(checkedData){
-                    this.form.dybxh = checkedData.model
-                    this.form.dymc = checkedData.name
-                }
-            },
-            busVsFunc(){
-                this.$http.get('sarVppsTree/list', '', {
-                    _this: this
-                }, res => {
-                    this.busVppsOptions = res.data
-                    this.key1++
-                    this.key2++
-                })
-            },
-            modelFunc(){
-                this.$http.get('sarModelTree/list', '', {
-                    _this: this
-                }, res => {
-                    this.modelOptions = res.data
-                    this.key3++
-                })
-            },
-          processTable () {
-            this.$http.get('lawss/activiti/get_list_by_instance', {
-              prcNum: this.$route.query.prcNum,
-              sortWord: this.shunxu ? this.paixu : '',
-              shunxu: this.shunxu
-            }, {
-              loading: 'loading',
-              _this: this
-            }, res => {
-              this.detailData = res
-            }, e => {})
-          },
-            getData() {
-                return new Promise((resolve, reject) => {
-                    inboundLiaisonDetail({
-                        taskIds: this.taskIds,
-                        pId: this.pId
-                    }).then(res => {
-                        if (res) {
-                          const processForm = JSON.parse(res.mesg)
-                          this.xgdFileId = processForm.xgd
-                          this.fbgbjbdFileId = processForm.fbgbjbd
-                          this.bpgFileId = processForm.bpg
-                          this.ssgFileId = processForm.ssg
-                          this.zqyjgFileId = processForm.zqyjg
-                          this.jdwjFileId = processForm.jdwj
-                          this.kwjFileId = processForm.kwj
-                          this.glwjFileId = processForm.glwj
-                          this.caFileId = processForm.ca
-                          this.zbjbdFileId = processForm.zbjbd
-                          this.getFormFieldList(processForm)
-                          console.log(processForm);
-                          console.log("processForm");
-
-                        }
-                    }).catch(e => {
-                    })
-                })
-            },
-            /**
-             * @description: 动态表单读取
-             */
-            getFormFieldList (item) {
-                this.$nextTick(() => {
-                    this.form = JSON.parse(JSON.stringify(item))
-                    this.defaultCheckedKeys = [this.form.standSystem]
-                    console.log(this.defaultCheckedKeys)
-                    this.defaultCheckedKeys1 = [this.form.cycvppsbm]
-                    this.defaultCheckedKeys2 = [this.form.kccvppsbm]
-                    this.defaultCheckedKeys3 = [this.form.dybxh]
-                    this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
-                    this.form.standYear = this.form.standYear ? parseInt(this.form.standYear) : ''
-                  if( this.form.country !== undefined &&   this.form.country !== null &&   this.form.country !== ''){
-                    this.form.country=this.form.country.split(",");
-                  }
-                    this.form.prcNum = this.prcNum
-                    this.form.prcName = this.prcName
-                    this.form['id'] = item.id
-                })
-            },
-            closeDrawer() {
-                this.ListModel = false
-            },
-            OkDrawer() {
-                this.ListModel = false
-                var item = {
-                    remarks: '123'
-                }
-                this.data.push(item)
-            },
-            addList() {
-                this.title = '新增标准'
-                this.ListModel = true
-            },
-            handleTabs(name) {
-                this.active = name
-            },
-            handleTransfer() {
-                this.drawerModal = true
-                this.drawerTitle = '转办处理人'
-            },
-            handleSave() {},
-            handleSubmit() {
-              const val= this.form.country;
-              if (val !== '' && val !== null && typeof (val) !== 'undefined') {
-                if (val instanceof Array) {
-                  this.form.country = val.join(",");
-                } else {
-                  this.form.country = val
-                }
-              } else if (val === '') {
-                this.form.country = []
-              }
-              this.$refs['formTongGuo'].validate((valid) => {
-                    if (valid) {
-                      this.isSubmit = true
-                      this.form.commentText = this.formTongGuo.commentText
-                      this.form.approvalOpinion = this.formTongGuo.approvalOpinion
-                      const json = JSON.stringify(this.form);
-                      this.$http.post('lawss/activiti/completeTask', {
-                        taskIds: this.taskIds,
-                        userId : this.userId,
-                        json: json
-                      }, {
-                        _this: this
-                      }, res => {
-                        console.log(res);
-                        if (res.success) {
-                          if(this.formTongGuo.approvalOpinion === '1'){
-                            this.$message.warning("驳回成功")
-                            this.isSubmit = false
-                            // 流程提交之后，应该流转至待办任务页面
-                            this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
-                          }else{
-                            this.processCreateStand(json)
-                          }
-                        }
-                      })
-                    }})
-            },
-
-            /**
-             * @description: 流程入库
-             * @date: 2020-11-18 21:47:58
-             * @auth: chenxiaoxi
-             */
-            processCreateStand(json) {
-                const _formData = new FormData()
-                _formData.append('infoJson', json)
-                processCreateStand(_formData).then(res => {
-                    if (res.result === '操作成功' || res.data === '入库成功') {
-                        this.$message.success(res.data)
-                        setTimeout(() => {
-                            this.$router.push({
-                                name: 'ProcessCenter'
-                            })
-                        }, 100)
-                        this.isSubmit = false
-                    } else {
-                        this.$message.warning(res.message)
-                        this.isSubmit = false
-                    }
-                })
-            },
-        },
-        created(){
-        },
-        mounted () {
-            this.getData()
-          this.processTable()
-            this.$http.get('sys/dictype/getDicTypeListCode', '', {
-                _this: this
-            }, res => {
-              this.countryOptions=res.data.COUNTRY//国家地区
-                this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
-                this.standNatureOptions = res.data.SARPROPERTY // 标准性质
-                this.standStateOptions = res.data.WBZTCLASS // 文本状态
-                this.standSystemOptions = res.data.BZTXCLASS // 标准体系
-                this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
-                this.categoryOptions = res.data.NYLXCLASS // 能源类型
-                this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
-                this.cysdOptions = res.data.WSCYSD // 我司参与深度
-                this.wssmrOptions = res.data.WSSMR // 我司署名人
-                this.qcdwOptions = res.data.QCDW // 起草单位
-                this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
-                this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
-                this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
-                this.txlbOptions = res.data.TXLBCLASS // 体系类别
-                this.gkglbmOptions = res.data.GKGLBM // 归口管理部门
-              this.cbcdOptions = res.data.DEGREESTANDARD // 采标程度
-                this.key++
-            })
-            this.busVsFunc()
-            this.modelFunc()
-        }
+      activeName: '1',
+      // 当前流程类型(1待办/2已办)
+      processType: 1,
+      detailData: [],
+      userId: this.$store.getters.userInfo.userId,
+      taskIds: this.$route.query.taskIds,
+      pId: this.$route.query.prcId,
+      formTongGuo: {
+        approvalOpinion: '', // 通过/驳回
+        commentText: '', // 意见
+      },
+      title: '', // 新增编辑抽屉标题
+      ListModel: false, // 新增编辑抽屉开关
+      active: '1', // 默认显示
+      isSubmit: false,
+      saveLoading: false,
+      defaultProps: {
+        children: 'children',
+        label: 'menuName'
+      },
+      nodeKey: 'id',
+      defaultCheckedKeys: [],
+      form: {
+        // 基础信息
+        textStatus: '', // 文本状态
+        standYear: '', // 标准年份
+        standInData: '0', // 标准类型
+        standSort: '', // 标准类别
+        standNumber: '', // 标准编号
+        standNature: '', // 标准性质
+        standEnName: '', // 英文名称
+        standName: '', // 中文名称
+        signFlag: '1', // 是否需要会签
+        issueTime: '', // 发布时间
+        isRelateAccess: '', // 是否纳入认证清单
+        standSystem: '',// 标准体系
+        standSystemName: '',// 标准体系
+        gxhbq: '', // 标签
+        // 实施日期
+        ssrq: '', // 实施日期(标准文本)
+        xcxssrq: '', // 新车型实施日期(标准文本)
+        zccssrq: '', // 在产车实施日期(标准文本)
+        ssrqgj: '', // 实施日期(国际)
+        xcxssrqgj: '', // 新车型实施日期(国际)
+        zccssrqgj: '', // 在产车实施日期(国际)
+        // 文本信息
+        ca: '', // 草案
+        fbgbjbd: '', // 发布稿
+        xgd: '', // 修改单
+        bpg: '', // 报批稿
+        ssg: '', // 送审稿
+        zqyjg: '', // 征求意见稿
+        jdwj: '', // 解读文件
+        zbjbd: '', // 增补件
+        bfbdtbzh: '', // 增补件
+        kwj: '', // 勘误件
+        caName: '', // 草案
+        fbgbjbdName: '', // 发布稿
+        xgdName: '', // 修改单
+        bpgName: '', // 报批稿
+        ssgName: '', // 送审稿
+        zqyjgName: '', // 征求意见稿
+        jdwjName: '', // 解读文件
+        zbjbdName: '', // 增补件
+        kwjName: '', // 勘误件
+        glwjName: '', // 关联文件
+        // 适用范围
+        txlb: '', // 体系类别
+        gkdw: '', // 归口管理部门
+        qcdw: '', // 起草单位
+        wssmr: '', // 我司署名人
+        cysd: '', // 我司参与深度
+        cllx: '', // 适用车型
+        nylx: '',// 能源类型
+        sycpx: '',// 适用产品线
+        syrz: '', // 适用认证
+        zrbm: '', // 责任部门
+        zrgcs: '', // 责任工程师
+        cycvppsbm: '', // 关联模块--乘用车VPPS编码
+        cycvppscn: '', // 关联模块--乘用车vpps中文名称
+        kccvppsbm: '', // 关联模块--卡车VPPS编码
+        kccvppscn: '', // 关联模块--卡车vpps中文名称
+        dybxh: '', // 模块结构单元变型号
+        dymc: '', // 模块结构单元名称
+        // 关联信息
+        dtbjh: '', // 代替标准号
+        cbbh: '', // 采标编号
+        cbcd: '', // 采标程度
+        yybj: '', // 引用标准
+        byybj: '', // 被引用标准
+        glwj: '', // 关联文件
+        xglc: '', // 相关流程
+        chjl: '', // 参会记录
+        //流程信息
+        prcNum: '',
+        commentText: '',
+        prcName: '',
+        standType: '',
+      }, // 标准信息
+      nodeKeyCode: 'code',
+      nodeKeyModel: 'model',
+      key: 1,
+      key1: 2,
+      key2: 3,
+      key3: 4,
+      defaultCheckedKeys1: [],
+      defaultCheckedKeys2: [],
+      defaultCheckedKeys3: [],
+      defaultCodeProps: {
+        children: 'children',
+        label: 'code'
+      },
+      defaultModelProps: {
+        children: 'children',
+        label: 'model'
+      },
+      countryOptions: [],//国家地区
+      busVppsOptions: [], // 车系体系架构
+      modelOptions: [], // 模块体系架构
+      standSortOptions: [], // 标准类别
+      standNatureOptions: [], // 标准性质
+      standStateOptions: [], // 文本状态
+      standSystemOptions: [], // 标准体系
+      applyArcticOptions: [], // 适用车型
+      gkglbmOptions: [], // 归口管理部门
+      cbcdOptions: [], // 采标程度
+      categoryOptions: [], // 能源类型
+      applyAuthOptions: [], // 适用认证
+      cysdOptions: [], // 我司参与深度
+      wssmrOptions: [], // 我司署名人
+      qcdwOptions: [], // 起草单位
+      sycpxOptions: [], // 适用产品线
+      zrbmOptions: [], // 责任部门
+      zrgcsOptions: [], // 责任工程师
+      txlbOptions: [], // 体系类别
+      data: [], // 标准列表数据
+      ListForm: {}, // 新增数据
+      user1: '',
+      user2: '',
+      user3: '',
+      user4: '',
+      user5: '',
+      // 流程路由信息
+      prcNum: this.$route.query.prcNum,
+      prcName: this.$route.query.prcName,
     }
+  },
+  components: {
+    ProcessHeader,
+    ProcessFooter,
+    ProcessTitle,
+    TreeSelect
+  },
+  computed: {
+    listNoDataText() {
+      return this.processType === 1 ? '暂无待办流程' : '暂无已办流程'
+    },
+  },
+  methods: {
+    checkedRole(data) {
+      this.assigneeNewLoading = true
+      changeAssigneeNew({
+        taskId: this.$route.query.taskIds, // 任务id
+        userId: this.$store.getters.userInfo.userId, // 委托人
+        assignee: data[0].id, // 被委托人
+        pId: this.$route.query.prcId, // 流程实例
+      }).then(res => {
+        this.assigneeNewLoading = false
+        if (res.success) {
+          this.drawerModal = false
+          this.$message.success('调整成功')
+          this.processNum()
+          this.queryProcess()
+          this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
+        } else {
+          this.$message.warning(res.message)
+        }
+      })
+    },
+    downloadFile(fileType) {
+      //文件id中出现了','字符,去除掉
+      if (fileType === 'fbgbjbd') {
+        if (this.fbgbjbdFileId.search(',')) {
+          this.fbgbjbdFileId = this.fbgbjbdFileId.replace(",", "");
+          console.log(this.fbgbjbdFileId);
+        }
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.fbgbjbdFileId
+      } else if (fileType === 'xgd') {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.xgdFileId
+      } else if (fileType === 'bpg') {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.bpgFileId
+      } else if (fileType === 'ssg') {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.ssgFileId
+      } else if (fileType === 'zqyjg') {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.zqyjgFileId
+      } else if (fileType === 'jdwj') {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.jdwjFileId
+      } else if (fileType === 'kwj') {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.kwjFileId
+      } else if (fileType === 'glwj') {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.glwjFileId
+      } else if (fileType === 'ca') {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.caFileId
+      } else if (fileType === 'zbjbd') {
+        window.location.href = '/api/att/attFile/downloadFileForSar?fileId=' + this.zbjbdFileId
+      }
+    },
+    getRule() {
+
+      if (this.formTongGuo.approvalOpinion === '0') {
+        this.rules.commentText[0].required = false;
+        this.$refs.formTongGuo.clearValidate('commentText')
+      } else {
+        this.rules.commentText[0].required = true;
+      }
+    },
+    popoverHide(checkedIds, checkedData) {
+      if (checkedData) {
+        this.form.standSystem = checkedData.id
+        this.form.standSystemName = checkedData.menuName
+      }
+    },
+    popoverHideBusVs(checkedIds, checkedData) {
+      if (checkedData) {
+        this.form.cycvppsbm = checkedData.code
+        this.form.cycvppscn = checkedData.chineseName
+      }
+    },
+    popoverHideCarVs(checkedIds, checkedData) {
+      if (checkedData) {
+        this.form.kccvppsbm = checkedData.code
+        this.form.kccvppscn = checkedData.chineseName
+      }
+    },
+    popoverHideModel(checkedIds, checkedData) {
+      if (checkedData) {
+        this.form.dybxh = checkedData.model
+        this.form.dymc = checkedData.name
+      }
+    },
+    busVsFunc() {
+      this.$http.get('sarVppsTree/list', '', {
+        _this: this
+      }, res => {
+        this.busVppsOptions = res.data
+        this.key1++
+        this.key2++
+      })
+    },
+    modelFunc() {
+      this.$http.get('sarModelTree/list', '', {
+        _this: this
+      }, res => {
+        this.modelOptions = res.data
+        this.key3++
+      })
+    },
+    processTable() {
+      this.$http.get('lawss/activiti/get_list_by_instance', {
+        prcNum: this.$route.query.prcNum,
+        sortWord: this.shunxu ? this.paixu : '',
+        shunxu: this.shunxu
+      }, {
+        loading: 'loading',
+        _this: this
+      }, res => {
+        this.detailData = res
+      }, e => {
+      })
+    },
+    getData() {
+      return new Promise((resolve, reject) => {
+        inboundLiaisonDetail({
+          taskIds: this.taskIds,
+          pId: this.pId
+        }).then(res => {
+          if (res) {
+            const processForm = JSON.parse(res.mesg)
+            this.xgdFileId = processForm.xgd
+            this.fbgbjbdFileId = processForm.fbgbjbd
+            this.bpgFileId = processForm.bpg
+            this.ssgFileId = processForm.ssg
+            this.zqyjgFileId = processForm.zqyjg
+            this.jdwjFileId = processForm.jdwj
+            this.kwjFileId = processForm.kwj
+            this.glwjFileId = processForm.glwj
+            this.caFileId = processForm.ca
+            this.zbjbdFileId = processForm.zbjbd
+            this.getFormFieldList(processForm)
+            console.log(processForm);
+            console.log("processForm");
+
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        this.form = JSON.parse(JSON.stringify(item))
+        this.defaultCheckedKeys = [this.form.standSystem]
+        console.log(this.defaultCheckedKeys)
+        this.defaultCheckedKeys1 = [this.form.cycvppsbm]
+        this.defaultCheckedKeys2 = [this.form.kccvppsbm]
+        this.defaultCheckedKeys3 = [this.form.dybxh]
+        this.form.standType = this.form.standInData === '0' ? 'INLAND' : 'FOREIGN'
+        this.form.standYear = this.form.standYear ? parseInt(this.form.standYear) : ''
+        if (this.form.country !== undefined && this.form.country !== null && this.form.country !== '') {
+          this.form.country = this.form.country.split(",");
+        }
+        this.form.prcNum = this.prcNum
+        this.form.prcName = this.prcName
+        this.form['id'] = item.id
+      })
+    },
+    closeDrawer() {
+      this.ListModel = false
+    },
+    OkDrawer() {
+      this.ListModel = false
+      var item = {
+        remarks: '123'
+      }
+      this.data.push(item)
+    },
+    addList() {
+      this.title = '新增标准'
+      this.ListModel = true
+    },
+    handleTabs(name) {
+      this.active = name
+    },
+    handleTransfer() {
+      this.drawerModal = true
+      this.drawerTitle = '转办处理人'
+    },
+    handleSave() {
+    },
+    // 退回按钮
+    handleSubmitNo() {
+      const val = this.form.country;
+      if (val !== '' && val !== null && typeof (val) !== 'undefined') {
+        if (val instanceof Array) {
+          this.form.country = val.join(",");
+        } else {
+          this.form.country = val
+        }
+      } else if (val === '') {
+        this.form.country = []
+      }
+      this.$refs['formTongGuo'].validate((valid) => {
+        if (valid) {
+          this.form.commentText = this.formTongGuo.commentText
+          this.form.approvalOpinion = '1'
+          const json = JSON.stringify(this.form);
+          this.$http.post('lawss/activiti/completeTask', {
+            taskIds: this.taskIds,
+            userId: this.userId,
+            json: json
+          }, {
+            _this: this
+          }, res => {
+            if (res.success) {
+                this.$message.warning("驳回成功")
+                // 流程提交之后，应该流转至待办任务页面
+                this.$router.push({path: '/processCenter?tabsName=ProcessCenter'})
+            }
+          })
+        }
+      })
+    },
+    handleSubmit() {
+      const val = this.form.country;
+      if (val !== '' && val !== null && typeof (val) !== 'undefined') {
+        if (val instanceof Array) {
+          this.form.country = val.join(",");
+        } else {
+          this.form.country = val
+        }
+      } else if (val === '') {
+        this.form.country = []
+      }
+      this.$refs['formTongGuo'].validate((valid) => {
+        if (valid) {
+          this.isSubmit = true
+          this.form.commentText = this.formTongGuo.commentText
+          this.form.approvalOpinion = '0'
+          const json = JSON.stringify(this.form);
+          this.$http.post('lawss/activiti/completeTask', {
+            taskIds: this.taskIds,
+            userId: this.userId,
+            json: json
+          }, {
+            _this: this
+          }, res => {
+            if (res.success) {
+                this.processCreateStand(json)
+            }
+          })
+        }
+      })
+    },
+
+    /**
+     * @description: 流程入库
+     * @date: 2020-11-18 21:47:58
+     * @auth: chenxiaoxi
+     */
+    processCreateStand(json) {
+      const _formData = new FormData()
+      _formData.append('infoJson', json)
+      processCreateStand(_formData).then(res => {
+        if (res.result === '操作成功' || res.data === '入库成功') {
+          this.$message.success(res.data)
+          setTimeout(() => {
+            this.$router.push({
+              name: 'ProcessCenter'
+            })
+          }, 100)
+          this.isSubmit = false
+        } else {
+          this.$message.warning(res.message)
+          this.isSubmit = false
+        }
+      })
+    },
+  },
+  created() {
+  },
+  mounted() {
+    this.getData()
+    this.processTable()
+    this.$http.get('sys/dictype/getDicTypeListCode', '', {
+      _this: this
+    }, res => {
+      this.countryOptions = res.data.COUNTRY//国家地区
+      this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
+      this.standNatureOptions = res.data.SARPROPERTY // 标准性质
+      this.standStateOptions = res.data.WBZTCLASS // 文本状态
+      this.standSystemOptions = res.data.BZTXCLASS // 标准体系
+      this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
+      this.categoryOptions = res.data.NYLXCLASS // 能源类型
+      this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
+      this.cysdOptions = res.data.WSCYSD // 我司参与深度
+      this.wssmrOptions = res.data.WSSMR // 我司署名人
+      this.qcdwOptions = res.data.QCDW // 起草单位
+      this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
+      this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
+      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.txlbOptions = res.data.TXLBCLASS // 体系类别
+      this.gkglbmOptions = res.data.GKGLBM // 归口管理部门
+      this.cbcdOptions = res.data.DEGREESTANDARD // 采标程度
+      this.key++
+    })
+    this.busVsFunc()
+    this.modelFunc()
+  }
+}
 </script>
 
 <style lang="less" scoped>
-    @import '~@/assets/styles/style';
-    .bzrkStep2 {
-        /deep/.el-drawer__container {
-            .prc-content-border {
-                border: none;
-                padding: 0 20px 0;
-            }
-        }
-        position: relative;
-        height: 100%;
-        .headerTabs {
-            height: 52px;
-            display: flex;
-            align-items: center;
-            position: absolute;
-            top: 0;
-            right: 10px;
-            .headerTabsItem {
-                border: 1px solid #c1c1c1;
-                padding: 0 5px;
-                height: 30px;
-                line-height: 30px;
-                cursor: pointer;
-            }
-            .active {
-                border: 1px solid #E6A23C;
-                color: #fff;
-                background: #E6A23C;
-            }
-        }
-        .content {
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-            height: calc(~'100% - 103px');
-            overflow: auto;
-            .tableTitle {
-                margin-bottom: 10px;
-                height: 30px;
-                line-height: 30px;
-                position: relative;
-                font-size: 13px;
-                font-weight: bold;
-                .tableButton {
-                    position: absolute;
-                    right: 0;
-                    top: 0;
-                }
-            }
-        }
+@import '~@/assets/styles/style';
+
+.bzrkStep2 {
+  /deep/ .el-drawer__container {
+    .prc-content-border {
+      border: none;
+      padding: 0 20px 0;
     }
+  }
+
+  position: relative;
+  height: 100%;
+
+  .headerTabs {
+    height: 52px;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    .headerTabsItem {
+      border: 1px solid #c1c1c1;
+      padding: 0 5px;
+      height: 30px;
+      line-height: 30px;
+      cursor: pointer;
+    }
+
+    .active {
+      border: 1px solid #E6A23C;
+      color: #fff;
+      background: #E6A23C;
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: calc(~'100% - 103px');
+    overflow: auto;
+
+    .tableTitle {
+      margin-bottom: 10px;
+      height: 30px;
+      line-height: 30px;
+      position: relative;
+      font-size: 13px;
+      font-weight: bold;
+
+      .tableButton {
+        position: absolute;
+        right: 0;
+        top: 0;
+      }
+    }
+  }
+}
 </style>