From 714cec44d036d3fb16aa1d50d2fdf60a911f901c Mon Sep 17 00:00:00 2001
From: yanyizhou <2311759275@qq.com>
Date: Sun, 5 Dec 2021 15:02:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E5=87=86=E5=85=A5=E5=BA=93=E7=AC=AC?=
 =?UTF-8?q?=E5=9B=9B=E6=AD=A5=20-=20=E4=B8=8A=E4=BC=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=92=8C=E5=A4=96=E9=9D=A2=E5=9B=9E=E6=98=BE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/bzrk/step4.vue         | 349 +++++++-----------
 1 file changed, 140 insertions(+), 209 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue
index c02764190..ecd30d3c3 100644
--- a/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue
@@ -375,27 +375,20 @@
                       v-model="form.xgdName"
                       clearable
                   ></el-input>
-                  <div v-if="xgdFileList.length>0">
-                    <!--                                        {{ form.xgdName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('xgd')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        @click="fileUpload('xgd')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in xgdFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('xgd')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
                 <el-form-item label="发布稿" prop="fbgbjbdName" class="add-form-item form-item-disabled">
@@ -405,27 +398,20 @@
                       v-model="form.fbgbjbdName"
                       clearable
                   ></el-input>
-                  <div v-if="FBGBJBDFileList.length>0">
-                    <!--                                        {{ form.fbgbjbdName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('fbgbjbd')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        @click="fileUpload('fbgbjbd')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in FBGBJBDFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('fbgbjbd')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
                 <el-form-item v-show="form.standInData === '0'" label="送审稿" prop="ssg" class="add-form-item form-item-disabled">
@@ -435,27 +421,20 @@
                       v-model="form.ssgName"
                       clearable
                   ></el-input>
-                  <div v-if="ssgFileList.length>0">
-                    <!--                                        {{ form.ssgName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('ssg')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        @click="fileUpload('ssg')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in ssgFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('ssg')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
                 <el-form-item label="草案" prop="ca" class="add-form-item form-item-disabled">
@@ -465,27 +444,20 @@
                       v-model="form.caName"
                       clearable
                   ></el-input>
-                  <div v-if="caFileList.length>0">
-                    <!--                                        {{ form.caName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('ca')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        @click="fileUpload('ca')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in caFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('ca')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
                 <el-form-item v-show="form.standInData === '1'" label="增补件" prop="zbjbd" class="add-form-item form-item-disabled">
@@ -495,27 +467,20 @@
                       v-model="form.zbjbdName"
                       clearable
                   ></el-input>
-                  <div v-if="zbjbdFileList.length>0">
-                    <!--                                        {{ form.zbjbdName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('zbjbd')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        @click="fileUpload('zbjbd')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in zbjbdFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('zbjbd')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
               </el-col>
@@ -643,27 +608,20 @@
                       v-model="form.kwjName"
                       clearable
                   ></el-input>
-                  <div v-if="kwjFileList.length>0">
-                    <!--                                        {{ form.kwjName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('kwj')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        @click="fileUpload('kwj')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in kwjFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('kwj')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
                 <!--          ************************************* 2021/11/9 把"解读文件"改为"相关文件"*************************************-->
@@ -675,27 +633,20 @@
                       v-model="form.jdwjName"
                       clearable
                   ></el-input>
-                  <div v-if="jdwjFileList.length>0">
-                    <!--                                        {{ form.jdwjName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('jdwj')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        @click="fileUpload('jdwj')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in jdwjFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('jdwj')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
                 <el-form-item v-show="form.standInData === '0'" label="报批稿" prop="bpg" class="add-form-item form-item-disabled">
@@ -705,27 +656,20 @@
                       v-model="form.bpgName"
                       clearable
                   ></el-input>
-                  <div v-if="bpgFileList.length>0">
-                    <!--                                        {{ form.bpgName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('bpg')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        @click="fileUpload('bpg')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in bpgFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('bpg')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
                 <el-form-item v-show="form.standInData === '0'" label="征求意见稿" prop="zqyjg" class="add-form-item form-item-disabled">
@@ -735,27 +679,20 @@
                       v-model="form.zqyjgName"
                       clearable
                   ></el-input>
-                  <div v-if="zqyjgFileList.length>0">
-                    <!--                                        {{ form.zqyjgName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('zqyjg')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        @click="fileUpload('zqyjg')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in zqyjgFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('zqyjg')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
               </el-col>
@@ -999,26 +936,20 @@
                           v-model="form.glwjName"
                           clearable
                   ></el-input>
-                  <div v-if="glwjFileList.length>0">
-                    <!--                                        {{ form.fbgbjbdName }}-->
-                    <el-button
-                        type="primary"
-                        class="common-button-primary"
-                        size="mini"
-                        style="margin-left: 10px"
-                        @click="fileUpload('glwj')">
-                      <i class="el-icon-upload el-icon--right"></i>
-                      查看已上传的文件
-                    </el-button>
-                  </div>
-                  <div v-else>
-                    <el-button
-                            type="primary"
-                            class="common-button-primary"
-                            size="mini"
-                            @click="fileUpload('glwj')">
-                      点击上传
-                    </el-button>
+                  <div style="display: flex;justify-content: space-between">
+                    <div style="width: 80%;">
+                      <div v-for="(item,index) in glwjFileList" :key="index" class="fileClass">{{ item.name }}</div>
+                    </div>
+                    <div style="width: 20%;">
+                      <el-button
+                          type="primary"
+                          class="common-button-primary"
+                          size="mini"
+                          style="margin-left: 10px; margin-top: 11px; float: right;"
+                          @click="fileUpload('glwj')">
+                        <i class="el-icon-upload el-icon--right"></i>
+                      </el-button>
+                    </div>
                   </div>
                 </el-form-item>
               </el-col>