From 6fa409b0275231e49225bf4143230c218e9f9185 Mon Sep 17 00:00:00 2001
From: shenyanpei <shenyanpei>
Date: Mon, 24 Jan 2022 11:21:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BD=92=E6=A1=A3=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/treeSelect/treeSelectStand.vue |    2 +-
 .../pages/creatProcess/bzrk/step1.vue         |   13 +-
 .../pages/creatProcess/bzrk/step2.vue         | 2821 +++++++++--------
 3 files changed, 1431 insertions(+), 1405 deletions(-)

diff --git a/src/components/treeSelect/treeSelectStand.vue b/src/components/treeSelect/treeSelectStand.vue
index 0e5e9db88..79c384bdf 100644
--- a/src/components/treeSelect/treeSelectStand.vue
+++ b/src/components/treeSelect/treeSelectStand.vue
@@ -167,7 +167,7 @@ export default {
   methods: {
     filterNode(value, data) {
       if (!value) return true;
-      return data.label.indexOf(value) !== -1;
+      return data.menuName.indexOf(value) !== -1;
     },
     loadNode(node, resolve) {
       const that = this;
diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue
index 4748b0395..a07cb7537 100644
--- a/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue
@@ -1505,6 +1505,7 @@ export default {
       fileType: '',
       countryArr: '',
       form: {
+        standId: '',
         // 基础信息
         country: '',
         textStatus: '', // 文本状态
@@ -2156,6 +2157,7 @@ export default {
                 const json = Object.assign(bringData, bringData.attrInfoCaseMap);
                 this.form = JSON.parse(JSON.stringify(json))
                 this.getListTree(bringData)
+                this.form.standId = bringData.id
                 this.form.qcdw = JSON.parse(JSON.stringify(json)).qcdw && JSON.parse(JSON.stringify(json)).qcdw !== '[]' ? JSON.parse(JSON.stringify(json)).qcdw : ''
                 this.form.wssmr = JSON.parse(JSON.stringify(json)).wssmr && JSON.parse(JSON.stringify(json)).wssmr !== '[]' ? JSON.parse(JSON.stringify(json)).wssmr : ''
                 this.form.zrgcs = JSON.parse(JSON.stringify(json)).zrgcs && JSON.parse(JSON.stringify(json)).zrgcs !== '[]' ? JSON.parse(JSON.stringify(json)).zrgcs : ''
@@ -2280,17 +2282,20 @@ export default {
           }, {}, reson => {
             if (reson.ok) {
               let treeList = ''
+              let treeListId = ''
               reson.data.forEach(item=>{
                 this.treeCheckedKeys.push(item.menuId)
-                if (item.menuId.length > 0) {
+                if (treeList.length > 0) {
                   treeList += ','
+                  treeListId += ','
                 }
-                treeList = item.menuName
-                this.treeListName = treeList
+                treeList += item.menuName
+                treeListId += item.menuId
               })
+              this.form.treeListName = treeList
+              this.form.treeListId = treeListId
             }
           })
-          this.form.treeListId = this.treeCheckedKeys.join(',')
         }
       })
     },
diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
index 7f1d4843d..a444b9566 100644
--- a/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzrk/step2.vue
@@ -1,1414 +1,1435 @@
 <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="标准类别" v-show="form.standInData === '0'" 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  v-show="form.standInData === '0'" 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  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-form-item label="归档位置" class="add-form-item form-item-disabled">
-                                <el-input
-                                  style="display: none"
-                                  v-model="form.treeListId"
-                                ></el-input>
-                                <el-tooltip effect="dark" :content=form.treeListName placement="top-start">
-                                  <el-input
-                                    v-model="form.treeListName"
-                                    clearable
-                                    placeholder="选择归档位置"
-                                    readonly>
-                                  </el-input>
-                                </el-tooltip>
-                              </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">
-                              <cus-tom-data-picker-group
-                                  :key="'ssrq'"
-                                  :config="{attrName:'实施日期(标准文本)',attrField:'ssrq'}"
-                                  v-model="form.ssrq"
-                                  :disabled="true"
-                              ></cus-tom-data-picker-group>
-                              <cus-tom-data-picker-group
-                                  :key="'zccssrq'"
-                                  :config="{attrName:'在产车实施日期(标准文本)',attrField:'zccssrq'}"
-                                  v-model="form.zccssrq"
-                                  :disabled="true"
-                              ></cus-tom-data-picker-group>
-<!--                                <el-form-item label="实施日期(标准文本)" prop="ssrq" class="add-form-item form-item-disabled">-->
-<!--                                    <el-date-picker-->
-<!--                                            disabled-->
-<!--                                            v-model="form.ssrq"-->
-<!--                                            type="dates"-->
-<!--                                            placeholder="请选择标准实施日期(标准文本)"-->
-<!--                                            value-format="yyyy-MM-dd hh:mm:ss">-->
-<!--                                    </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="dates"-->
-<!--                                            placeholder="请选择在产车实施日期(标准文本)"-->
-<!--                                            value-format="yyyy-MM-dd hh:mm:ss">-->
-<!--                                    </el-date-picker>-->
-<!--                                </el-form-item>-->
-                            </el-col>
-                            <el-col :span="12">
-                              <cus-tom-data-picker-group
-                                  :key="'zccssrq'"
-                                  :config="{attrName:'新车型实施日期(标准文本)',attrField:'xcxssrq'}"
-                                  v-model="form.xcxssrq"
-                                  :disabled="true"
-                              ></cus-tom-data-picker-group>
-<!--                                <el-form-item label="新车型实施日期(标准文本)" prop="xcxssrq" class="add-form-item form-item-disabled">-->
-<!--                                    <el-date-picker-->
-<!--                                            disabled-->
-<!--                                            v-model="form.xcxssrq"-->
-<!--                                            type="dates"-->
-<!--                                            placeholder="请选择新车型实施日期(标准文本"-->
-<!--                                            value-format="yyyy-MM-dd hh:mm:ss">-->
-<!--                                    </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>-->
-
-                      <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  v-if="xgdFileMap.length>0" v-for="(value,index)  in this.xgdFileMap" :key="index" style="cursor: pointer;color: #00b7ee"  @click="downloadFile('xgd',value.id)">
-                              <!-- {{ value.name }} -->
-                              {{value.name}}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
-                            <div v-if="fbgbjbdFileMap.length>0" v-for="(value,index)  in this.fbgbjbdFileMap" :key="index"  style="cursor: pointer;color: #00b7ee" @click="downloadFile('fbgbjbd',value.id)">
-                              {{value.name}}
-                            </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="zbjbdFileMap.length>0"  v-for="(value,index)  in this.zbjbdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd',value.id)">
-                              {{value.name}}
-                            </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="ssgFileMap.length>0"  v-for="(value,index)  in this.ssgFileMap" :key="index"  style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg',value.id)">
-                              {{value.name}}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
-                            <div v-if="caFileMap.length>0" v-for="(value,index)  in this.caFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca',value.id)">
-                              {{value.name}}
-                            </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="kwjFileMap.length>0" v-for="(value,index)  in this.kwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj',value.id)">
-                              {{value.name}}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <el-form-item v-if="form.standInData === '1'" label="修订本" prop="xdbName" class="add-form-item form-item-disabled">
-                            <div v-if="xdbFileMap.length>0" v-for="(value,index)  in this.xdbFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('xdb',value.id)">
-                              {{value.name}}
-                            </div>
-                            <div v-else>
-                              - -
-                            </div>
-                          </el-form-item>
-                          <!--          ************************************* 2021/11/9 把"解读文件"改为"相关文件"*************************************-->
-                          <el-form-item v-if="form.standInData === '0'" label="相关文件" prop="jdwjName" class="add-form-item form-item-disabled">
-                            <!--          ************************************* 2021/11/9 把"解读文件"改为"相关文件"*************************************-->
-                            <div v-if="jdwjFileMap.length>0" v-for="(value,index)  in this.jdwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj',value.id)">
-                              {{value.name}}
-                            </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="bpgFileMap.length>0" v-for="(value,index)  in this.bpgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg',value.id)">
-                              {{value.name}}
-                            </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="zqyjgFileMap.length>0" v-for="(value,index)  in this.zqyjgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg',value.id)">
-                              {{value.name}}
-                            </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="请选择归口管理部门" disabled>
-                                        <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">
-                                  <span>{{form.wssmr}}</span>
-<!--                                    <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-form-item v-show="form.standInData === '0'" label="我司参与制标排名" prop="cyzbpm" class="add-form-item form-item-disabled">
-                                <el-select :popper-append-to-body="false" v-model="form.cyzbpm" placeholder="请选择我司参与制标排名" clearable>
-                                  <el-option
-                                      v-for="item in cyzbpmOptions"
-                                      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="glwjFileMap.length>0" v-for="(value,index)  in this.glwjFileMap" :key="index"  style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj',value.id)">
-                                    {{value.name}}
-                                  </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
-                            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 HH:mm:ss') : '' }}</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 HH:mm:ss') : '' }}</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-over2
-                show-submit2
-                show-transfer
-                :submitLoading="isSubmit"
-                :saveLoading="saveLoading"
-                @transfer="handleTransfer"
-                @submit2="handle2"
-                @over2="handle1"
-        >
-        </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="标准类别" v-show="form.standInData === '0'" 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 v-show="form.standInData === '0'" 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 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-form-item label="归档位置" class="add-form-item form-item-disabled">
+                  <el-input
+                    style="display: none"
+                    v-model="form.treeListId"
+                  ></el-input>
+                  <el-tooltip effect="dark" :content=form.treeListName placement="top-start">
+                    <el-input
+                      v-model="form.treeListName"
+                      clearable
+                      placeholder="选择归档位置"
+                      readonly>
+                    </el-input>
+                  </el-tooltip>
+                </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">
+                <cus-tom-data-picker-group
+                  :key="'ssrq'"
+                  :config="{attrName:'实施日期(标准文本)',attrField:'ssrq'}"
+                  v-model="form.ssrq"
+                  :disabled="true"
+                ></cus-tom-data-picker-group>
+                <cus-tom-data-picker-group
+                  :key="'zccssrq'"
+                  :config="{attrName:'在产车实施日期(标准文本)',attrField:'zccssrq'}"
+                  v-model="form.zccssrq"
+                  :disabled="true"
+                ></cus-tom-data-picker-group>
+                <!--                                <el-form-item label="实施日期(标准文本)" prop="ssrq" class="add-form-item form-item-disabled">-->
+                <!--                                    <el-date-picker-->
+                <!--                                            disabled-->
+                <!--                                            v-model="form.ssrq"-->
+                <!--                                            type="dates"-->
+                <!--                                            placeholder="请选择标准实施日期(标准文本)"-->
+                <!--                                            value-format="yyyy-MM-dd hh:mm:ss">-->
+                <!--                                    </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="dates"-->
+                <!--                                            placeholder="请选择在产车实施日期(标准文本)"-->
+                <!--                                            value-format="yyyy-MM-dd hh:mm:ss">-->
+                <!--                                    </el-date-picker>-->
+                <!--                                </el-form-item>-->
+              </el-col>
+              <el-col :span="12">
+                <cus-tom-data-picker-group
+                  :key="'zccssrq'"
+                  :config="{attrName:'新车型实施日期(标准文本)',attrField:'xcxssrq'}"
+                  v-model="form.xcxssrq"
+                  :disabled="true"
+                ></cus-tom-data-picker-group>
+                <!--                                <el-form-item label="新车型实施日期(标准文本)" prop="xcxssrq" class="add-form-item form-item-disabled">-->
+                <!--                                    <el-date-picker-->
+                <!--                                            disabled-->
+                <!--                                            v-model="form.xcxssrq"-->
+                <!--                                            type="dates"-->
+                <!--                                            placeholder="请选择新车型实施日期(标准文本"-->
+                <!--                                            value-format="yyyy-MM-dd hh:mm:ss">-->
+                <!--                                    </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>-->
+
+            <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 v-if="xgdFileMap.length>0" v-for="(value,index)  in this.xgdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('xgd',value.id)">
+                    <!-- {{ value.name }} -->
+                    {{ value.name }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
+                  <div v-if="fbgbjbdFileMap.length>0" v-for="(value,index)  in this.fbgbjbdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('fbgbjbd',value.id)">
+                    {{ value.name }}
+                  </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="zbjbdFileMap.length>0" v-for="(value,index)  in this.zbjbdFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zbjbd',value.id)">
+                    {{ value.name }}
+                  </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="ssgFileMap.length>0" v-for="(value,index)  in this.ssgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ssg',value.id)">
+                    {{ value.name }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item label="草案" prop="caName" class="add-form-item form-item-disabled">
+                  <div v-if="caFileMap.length>0" v-for="(value,index)  in this.caFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('ca',value.id)">
+                    {{ value.name }}
+                  </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="kwjFileMap.length>0" v-for="(value,index)  in this.kwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('kwj',value.id)">
+                    {{ value.name }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <el-form-item v-if="form.standInData === '1'" label="修订本" prop="xdbName" class="add-form-item form-item-disabled">
+                  <div v-if="xdbFileMap.length>0" v-for="(value,index)  in this.xdbFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('xdb',value.id)">
+                    {{ value.name }}
+                  </div>
+                  <div v-else>
+                    - -
+                  </div>
+                </el-form-item>
+                <!--          ************************************* 2021/11/9 把"解读文件"改为"相关文件"*************************************-->
+                <el-form-item v-if="form.standInData === '0'" label="相关文件" prop="jdwjName" class="add-form-item form-item-disabled">
+                  <!--          ************************************* 2021/11/9 把"解读文件"改为"相关文件"*************************************-->
+                  <div v-if="jdwjFileMap.length>0" v-for="(value,index)  in this.jdwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('jdwj',value.id)">
+                    {{ value.name }}
+                  </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="bpgFileMap.length>0" v-for="(value,index)  in this.bpgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('bpg',value.id)">
+                    {{ value.name }}
+                  </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="zqyjgFileMap.length>0" v-for="(value,index)  in this.zqyjgFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('zqyjg',value.id)">
+                    {{ value.name }}
+                  </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="请选择归口管理部门" disabled>
+                    <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">
+                  <span>{{ form.wssmr }}</span>
+                  <!--                                    <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-form-item v-show="form.standInData === '0'" label="我司参与制标排名" prop="cyzbpm" class="add-form-item form-item-disabled">
+                  <el-select :popper-append-to-body="false" v-model="form.cyzbpm" placeholder="请选择我司参与制标排名" clearable>
+                    <el-option
+                      v-for="item in cyzbpmOptions"
+                      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="glwjFileMap.length>0" v-for="(value,index)  in this.glwjFileMap" :key="index" style="cursor: pointer;color: #00b7ee" @click="downloadFile('glwj',value.id)">
+                    {{ value.name }}
+                  </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
+            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 HH:mm:ss') : '' }}</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 HH:mm:ss') : '' }}</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-over2
+      show-submit2
+      show-transfer
+      :submitLoading="isSubmit"
+      :saveLoading="saveLoading"
+      @transfer="handleTransfer"
+      @submit2="handle2"
+      @over2="handle1"
+    >
+    </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 CusTomDataPickerGroup
-      from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
+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 CusTomDataPickerGroup
+  from "@/pages/regulatoryRepository/localProductsOrProjectLibrary/components/DatePickerGroup";
 
-    export default {
-        name: "bzrkStep2",
-        data () {
-            return {
-              xgdFileMap: [],
-              fbgbjbdFileMap: [],
-              bpgFileMap: [],
-              ssgFileMap: [],
-              zqyjgFileMap: [],
-              jdwjFileMap: [],
-              kwjFileMap: [],
-              xdbFileMap: [],
-              glwjFileMap: [],
-              caFileMap: [],
-              zbjbdFileMap: [],
+export default {
+  name: "bzrkStep2",
+  data() {
+    return {
+      xgdFileMap: [],
+      fbgbjbdFileMap: [],
+      bpgFileMap: [],
+      ssgFileMap: [],
+      zqyjgFileMap: [],
+      jdwjFileMap: [],
+      kwjFileMap: [],
+      xdbFileMap: [],
+      glwjFileMap: [],
+      caFileMap: [],
+      zbjbdFileMap: [],
 
 
-
-
-
-              // 调整处理人抽屉状态
-                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: '', // 增补件
-                    bfdtbz: '',
-                    kwj: '', // 勘误件
-                    caName: '', // 草案
-                    fbgbjbdName: '', // 发布稿
-                    xgdName: '', // 修改单
-                    bpgName: '', // 报批稿
-                    ssgName: '', // 送审稿
-                    zqyjgName: '', // 征求意见稿
-                    jdwjName: '', // 解读文件
-                    zbjbdName: '', // 增补件
-                    kwjName: '', // 勘误件
-                    glwjName: '', // 关联文件
-                    // 适用范围
-                    txlb: '', // 体系类别
-                    gkdw: '', // 归口管理部门
-                    qcdw: '', // 起草单位
-                    wssmr: '', // 我司署名人
-                    cysd: '', // 我司参与深度
-                  cyzbpm:[],// 我司参与制标排名
-                    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: [], // 我司参与深度
-                cyzbpmOptions:[], // 我司参与制标排名
-                wssmrOptions: [], // 我司署名人
-                qcdwOptions: [], // 起草单位
-                sycpxOptions: [], // 适用产品线
-                zrbmOptions: [], // 责任部门
-                zrgcsOptions: [], // 责任工程师
-                txlbOptions: [], // 体系类别
-                data: [], // 标准列表数据
-                ListForm: {}, // 新增数据
-                user1: '',
-                user2: '',
-                user3: '',
-                user4: '',
-                user5: '',
-                // 流程路由信息
-                prcNum : this.$route.query.prcNum,
-                prcName : this.$route.query.prcName,
-            }
-        },
-        components: {
-          CusTomDataPickerGroup,
-            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(",","");
-                    }
-                    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 => {})
-            },
-          assemble(ids,names){
-            let list= new Array();
-            let idArray=ids.split(',');
-            let nameArray=names.split(',');
-            for(var i=0;i<idArray.length;i++){
-              list.push({id:idArray[i],name:nameArray[i]});
-            }
-
-            return list;
-          },
-            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)
-
-                          this.xgdFileMap=this.assemble(processForm.xgd,processForm.xgdName);
-
-                          this.fbgbjbdFileMap=this.assemble(processForm.fbgbjbd,processForm.fbgbjbdName);
-                          // fbgbjbdFileMap: {},
-                          this.bpgFileMap=this.assemble(processForm.bpg,processForm.bpgName);
-                          // bpgFileMap: {},
-                          this.ssgFileMap=this.assemble(processForm.ssg,processForm.ssgName);
-                          // ssgFileMap: {},
-                          this.zqyjgFileMap=this.assemble(processForm.zqyjg,processForm.zqyjgName);
-                          // zqyjgFileMap: {},
-                          this.jdwjFileMap=this.assemble(processForm.jdwj,processForm.jdwjName);
-                          // jdwjFileMap: {},
-                          this.kwjFileMap=this.assemble(processForm.kwj,processForm.kwjName);
-                          // kwjFileMap: {},
-                          this.xdbFileMap=this.assemble(processForm.xdb,processForm.xdbName);
-                          // xdbFileMap: {},
-                          this.glwjFileMap=this.assemble(processForm.glwj,processForm.glwjName);
-                          // glwjFileMap: {},
-                          this.caFileMap=this.assemble(processForm.ca,processForm.caName);
-                          // caFileMap: {},
-                          this.zbjbdFileMap=this.assemble(processForm.zbjbd,processForm.zbjbdName);
-                          // zbjbdFileMap: {},
-
-                        }
-                    }).catch(e => {
-                    })
-                })
-            },
-            /**
-             * @description: 动态表单读取
-             */
-            getFormFieldList (item) {
-                this.$nextTick(() => {
-                    this.form = JSON.parse(JSON.stringify(item))
-                    this.defaultCheckedKeys = [this.form.standSystem]
-                    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() {},
-            handle1(){
-                this.formTongGuo.approvalOpinion = 1
-                this.handleSubmit()
-            },
-            handle2(){
-              this.formTongGuo.approvalOpinion = 0
-              this.handleSubmit()
-            },
-            handleSubmit() {
-              this.getRule()
-              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
-                      console.log(this.form)
-                        if (this.form.syrz.length === 0) {
-                          this.form.syrz = ''
-                        }
-                        if (this.form.nylx.length === 0) {
-                          this.form.nylx = ''
-                        }
-                        if (this.form.zrbm.length === 0) {
-                          this.form.zrbm = ''
-                        }
-                        if (this.form.qcdw.length === 0) {
-                          this.form.qcdw = ''
-                        }
-                        if (this.form.cllx.length === 0) {
-                          this.form.cllx = ''
-                        }
-                        if (this.form.sycpx.length === 0) {
-                          this.form.sycpx = ''
-                        }
-                        if (this.form.zrgcs.length === 0) {
-                          this.form.zrgcs = ''
-                        }
-                        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) {
-                              if(this.formTongGuo.approvalOpinion == '1'){
-                                this.$message.warning("驳回成功")
-                                    this.isSubmit = false
-                                    this.formTongGuo.commentText = ''
-                                    // 流程提交之后，应该流转至待办任务页面
-                                    this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
-                                }else{
-                                this.processCreateStand(json)
-                                }
-                            }
-                        })
-                    }})
-            },
-
-            /**
-             * @description: 流程入库
-             * @date: 2020-11-18 21:47:58
-             * @auth: chenxiaoxi
-             */
-            processCreateStand(json) {
-              console.log(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.cyzbpmOptions = res.data.CYZBPM // 我司参与制标排名
-                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()
-        }
+      // 调整处理人抽屉状态
+      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: '', // 标签
+        treeListId: '',
+        treeListName: '',
+        // 实施日期
+        ssrq: '', // 实施日期(标准文本)
+        xcxssrq: '', // 新车型实施日期(标准文本)
+        zccssrq: '', // 在产车实施日期(标准文本)
+        ssrqgj: '', // 实施日期(国际)
+        xcxssrqgj: '', // 新车型实施日期(国际)
+        zccssrqgj: '', // 在产车实施日期(国际)
+        // 文本信息
+        ca: '', // 草案
+        fbgbjbd: '', // 发布稿
+        xgd: '', // 修改单
+        bpg: '', // 报批稿
+        ssg: '', // 送审稿
+        zqyjg: '', // 征求意见稿
+        jdwj: '', // 解读文件
+        zbjbd: '', // 增补件
+        bfbdtbzh: '', // 增补件
+        bfdtbz: '',
+        kwj: '', // 勘误件
+        caName: '', // 草案
+        fbgbjbdName: '', // 发布稿
+        xgdName: '', // 修改单
+        bpgName: '', // 报批稿
+        ssgName: '', // 送审稿
+        zqyjgName: '', // 征求意见稿
+        jdwjName: '', // 解读文件
+        zbjbdName: '', // 增补件
+        kwjName: '', // 勘误件
+        glwjName: '', // 关联文件
+        // 适用范围
+        txlb: '', // 体系类别
+        gkdw: '', // 归口管理部门
+        qcdw: '', // 起草单位
+        wssmr: '', // 我司署名人
+        cysd: '', // 我司参与深度
+        cyzbpm: [],// 我司参与制标排名
+        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: [], // 我司参与深度
+      cyzbpmOptions: [], // 我司参与制标排名
+      wssmrOptions: [], // 我司署名人
+      qcdwOptions: [], // 起草单位
+      sycpxOptions: [], // 适用产品线
+      zrbmOptions: [], // 责任部门
+      zrgcsOptions: [], // 责任工程师
+      txlbOptions: [], // 体系类别
+      data: [], // 标准列表数据
+      ListForm: {}, // 新增数据
+      user1: '',
+      user2: '',
+      user3: '',
+      user4: '',
+      user5: '',
+      // 流程路由信息
+      prcNum: this.$route.query.prcNum,
+      prcName: this.$route.query.prcName,
     }
+  },
+  components: {
+    CusTomDataPickerGroup,
+    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(",", "");
+        }
+        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 => {
+      })
+    },
+    assemble(ids, names) {
+      let list = new Array();
+      let idArray = ids.split(',');
+      let nameArray = names.split(',');
+      for (var i = 0; i < idArray.length; i++) {
+        list.push({id: idArray[i], name: nameArray[i]});
+      }
+
+      return list;
+    },
+    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)
+
+            this.xgdFileMap = this.assemble(processForm.xgd, processForm.xgdName);
+
+            this.fbgbjbdFileMap = this.assemble(processForm.fbgbjbd, processForm.fbgbjbdName);
+            // fbgbjbdFileMap: {},
+            this.bpgFileMap = this.assemble(processForm.bpg, processForm.bpgName);
+            // bpgFileMap: {},
+            this.ssgFileMap = this.assemble(processForm.ssg, processForm.ssgName);
+            // ssgFileMap: {},
+            this.zqyjgFileMap = this.assemble(processForm.zqyjg, processForm.zqyjgName);
+            // zqyjgFileMap: {},
+            this.jdwjFileMap = this.assemble(processForm.jdwj, processForm.jdwjName);
+            // jdwjFileMap: {},
+            this.kwjFileMap = this.assemble(processForm.kwj, processForm.kwjName);
+            // kwjFileMap: {},
+            this.xdbFileMap = this.assemble(processForm.xdb, processForm.xdbName);
+            // xdbFileMap: {},
+            this.glwjFileMap = this.assemble(processForm.glwj, processForm.glwjName);
+            // glwjFileMap: {},
+            this.caFileMap = this.assemble(processForm.ca, processForm.caName);
+            // caFileMap: {},
+            this.zbjbdFileMap = this.assemble(processForm.zbjbd, processForm.zbjbdName);
+            // zbjbdFileMap: {},
+
+          }
+        }).catch(e => {
+        })
+      })
+    },
+    /**
+     * @description: 动态表单读取
+     */
+    getFormFieldList(item) {
+      this.$nextTick(() => {
+        this.form = JSON.parse(JSON.stringify(item))
+        this.defaultCheckedKeys = [this.form.standSystem]
+        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() {
+    },
+    handle1() {
+      this.formTongGuo.approvalOpinion = 1
+      this.handleSubmit()
+    },
+    handle2() {
+      this.formTongGuo.approvalOpinion = 0
+      this.handleSubmit()
+    },
+    handleSubmit() {
+      this.getRule()
+      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
+          console.log(this.form)
+          if (this.form.syrz.length === 0) {
+            this.form.syrz = ''
+          }
+          if (this.form.nylx.length === 0) {
+            this.form.nylx = ''
+          }
+          if (this.form.zrbm.length === 0) {
+            this.form.zrbm = ''
+          }
+          if (this.form.qcdw.length === 0) {
+            this.form.qcdw = ''
+          }
+          if (this.form.cllx.length === 0) {
+            this.form.cllx = ''
+          }
+          if (this.form.sycpx.length === 0) {
+            this.form.sycpx = ''
+          }
+          if (this.form.zrgcs.length === 0) {
+            this.form.zrgcs = ''
+          }
+          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) {
+              if (this.formTongGuo.approvalOpinion == '1') {
+                this.$message.warning("驳回成功")
+                this.isSubmit = false
+                this.formTongGuo.commentText = ''
+                // 流程提交之后，应该流转至待办任务页面
+                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)
+          let menuList = {
+            idlist: [this.form.standId],
+            menuIds: this.form.treeListId
+          }
+          this.$http.postData('sarStandardsInfo/sar-standards-info/saveStandardsMenuForFlow', menuList, {
+            _this: this,
+          }, resMenu => {
+            if (resMenu.ok) {
+              console.log(resMenu)
+            }
+          })
+          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.cyzbpmOptions = res.data.CYZBPM // 我司参与制标排名
+      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>