企标废止--起草人修改标准状态

src/pages/processCenter/pages/phone/qbzxdlx/step2.vue

@@ -2,7 +2,7 @@
   <div class="phoneQbzxdjhgkStep2 phoneBox">
     <ProcessHeaderPhone toggle>
       <template slot="proName">企标制修订立项计划流程</template>
-      <template slot="proNode">审核</template>
+      <template slot="proNode">立项确认</template>
     </ProcessHeaderPhone>
     <div class="headerTabs">
       <div class="headerTabsItem" :class="active === '1' ? 'active' : ''" @click="handleTabs('1')">基础信息</div>
@@ -23,16 +23,19 @@
                 :disabled="true"
             ></InputFormItem>
               <el-form-item label="附件" prop="fileName" class="add-form-item form-item-disabled">
-                <div class="file-box" v-if="fileList.length > 0" style="display: flex">
+                <div class="file-box" v-if="fileList.length > 0" style="display: flex;flex-direction: column">
                   <p v-for="item in fileList"
                      style="margin-left: 10px;"
-                     :key="item.id" @click.stop="clickButtonToUpload2(item.id)"> {{ item.name }}
-                    <i
-                        title="下载"
-                        @click.stop="downloadFile(item.id)"
-                        class="icon-download"
-                        v-btn-permission="''"
-                    />
+                     :key="item.id" @click.stop="clickButtonToUpload2(item.id)">
+                        <span class="fileName">{{ item.name }}
+                        </span>
+                           <i
+                               title="下载"
+                               @click.stop="downloadFile(item.id)"
+                               class="icon-download"
+                               v-btn-permission="''"
+                           />
+
                   </p>
                 </div>
                 <div v-else>
@@ -569,6 +572,7 @@ export default {
               fileSuffix: item.fileSuffix
             });
           });
+
         });
       }, e => {
       });
@@ -581,6 +585,27 @@ export default {
 <style lang="less" scoped>
 @import '~@/assets/styles/phone';
 .phoneQbzxdjhgkStep2 {
+  .fileName{
+    display: inline-block;
+    width: calc(100% - 21px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-wrap: nowrap;
+  }
+   p .icon-download{
+     margin-top: 17px;
+     display: inline-block;
+     margin-left: 3px;
+     width: 18px;
+     height: 16px;
+     background-repeat: no-repeat;
+     background-size: 100% 100%;
+     background-position: center center;
+     vertical-align: top;
+     cursor: pointer;
+
+    background-image: url('~assets/images/shangqi/img/download.png');
+  }
   /deep/.van-dialog__content {
     min-height: 300px;
     padding: 10px;