补充资料增加删除

src/views/deposit_home/components/deposit_replenish.vue

@@ -361,7 +361,7 @@
                         <div class="value">
                             <template v-if="
                                 !(
-                        details.examineStatus == 'WAIT' ||
+                                    details.examineStatus == 'WAIT' ||
                                     details.examineStatus == 'SAVE' ||
                                     details.examineStatus == 'CLOSE'
                                 )
@@ -386,114 +386,124 @@
                 </el-row>
             </div>
             <h3>补充资料</h3>
-                        <el-divider />
-            <div
-          v-if=" details.examineStatus == 'AMEND'">
-       
-          <div class="mymain-container">
-            <div class="table">
-              <el-table v-loading="listLoading" :data="amendData" element-loading-text="Loading" border fit
-                highlight-current-row stripe>
-                <el-table-column align="left" label="资料描述" prop="dataDescribe" min-width="160" show-overflow-tooltip />
-                <el-table-column align="left" label="原文件名" prop="fileName" min-width="160" show-overflow-tooltip />
-                <el-table-column align="left" label="缩略图" prop="fileUrl" min-width="160" show-overflow-tooltip>
-                  <template slot-scope="scope">
-                    <el-image v-if="checkFileType(scope.row.fileUrl) == 'image'" ref="img"
-                      :src="imageURL + scope.row.fileUrl" style="width: 120px; height: 120px" fit="cover"
-                      :preview-src-list="[imageURL + scope.row.fileUrl]" />
-                    <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file"
-                      src="@/assets/common/word.png" />
-                    <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file"
-                      src="@/assets/common/excel.png" />
-                    <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png" />
-                    <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png" />
-                    <img v-if="checkFileType(scope.row.fileUrl) == 'file'" class="file aaa"
-                      src="@/assets/common/zip.jpeg" />
-                  </template>
-                </el-table-column>
-                <el-table-column align="left" label="下载文件名称" prop="fileName" min-width="160" show-overflow-tooltip>
-                  <template slot-scope="scope">
-                    {{ '资料_' + scope.row.fileName }}
-                  </template>
-                </el-table-column>
-                <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
-                  <template slot-scope="scope">
-                    <el-button type="text" class="textColor"
-                      @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)">下载</el-button>
-                  </template>
-                </el-table-column>
-              </el-table>
-            </div>
-            <div class="diy-table-1">
-              <el-row :gutter="0">
-                <el-col :xs="12" :sm="12" :lg="12" class="item">
-                  <div class="label">
-                    上传人
-                  </div>
-                  <div class="value">
-                    {{ details.amendBy }}
-                  </div>
-                </el-col>
-                <el-col :xs="12" :sm="12" :lg="12" class="item">
-                  <div class="label">
-                    上传时间
-                  </div>
-                  <div class="value">
-                    {{ details.amendTime }}
-                  </div>
-                </el-col>
-                <el-col :xs="12" :sm="24" :lg="24" class="item">
-                  <div class="label">
-                    补充说明
-                  </div>
-                  <div class="value">
-                    {{ details.amendRemark }}
-                  </div>
-                </el-col>
+            <el-divider />
+            <div v-if="details.examineStatus == 'AMEND'">
 
-              </el-row>
-            </div>
-            <div v-if="details.examineStatus == 'REVIEW'">
-              <h3 class="gdzl">复核</h3>
-              <el-divider />
-              <div class="diy-table-1">
-                <el-row :gutter="0">
-                  <el-col :xs="12" :sm="12" :lg="12" class="item">
-                    <div class="label">
-                      复核人
-                    </div>
-                    <div class="value">
-                      <el-input v-model="details.reviewBy" placeholder="请输入" />
+                <div class="mymain-container">
+                    <div class="table">
+                        <el-table v-loading="listLoading" :data="amendData" element-loading-text="Loading" border fit
+                            highlight-current-row stripe>
+                            <el-table-column align="left" label="资料描述" prop="dataDescribe" min-width="160"
+                                show-overflow-tooltip />
+                            <el-table-column align="left" label="原文件名" prop="fileName" min-width="160"
+                                show-overflow-tooltip />
+                            <el-table-column align="left" label="缩略图" prop="fileUrl" min-width="160"
+                                show-overflow-tooltip>
+                                <template slot-scope="scope">
+                                    <el-image v-if="checkFileType(scope.row.fileUrl) == 'image'" ref="img"
+                                        :src="imageURL + scope.row.fileUrl" style="width: 120px; height: 120px"
+                                        fit="cover" :preview-src-list="[imageURL + scope.row.fileUrl]" />
+                                    <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file"
+                                        src="@/assets/common/word.png" />
+                                    <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file"
+                                        src="@/assets/common/excel.png" />
+                                    <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file"
+                                        src="@/assets/common/ppt.png" />
+                                    <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file"
+                                        src="@/assets/common/pdf.png" />
+                                    <img v-if="checkFileType(scope.row.fileUrl) == 'file'" class="file aaa"
+                                        src="@/assets/common/zip.jpeg" />
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="left" label="下载文件名称" prop="fileName" min-width="160"
+                                show-overflow-tooltip>
+                                <template slot-scope="scope">
+                                    {{ '资料_' + scope.row.fileName }}
+                                </template>
+                            </el-table-column>
+                            <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
+                                <template slot-scope="scope">
+                                    <el-button type="text" class="textColor"
+                                        @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)">下载</el-button>
+                                    <el-popconfirm style="margin-left: 10px" title="这是一段内容确定删除吗？"
+                                        @onConfirm="delFile(scope.$index,scope.row.id)">
+                                        <el-button type="text" slot="reference">删除</el-button>
+                                    </el-popconfirm>
+                                </template>
+                            </el-table-column>
+                        </el-table>
                     </div>
-                  </el-col>
-                  <el-col :xs="12" :sm="12" :lg="12" class="item">
-                    <div class="label">
-                      复核时间
-                    </div>
-                    <div class="value">
-                      <el-date-picker v-model="details.reviewTime" class="dateStyle" type="datetime" placeholder="选择日期"
-                        default-time="00:00:00" value-format="yyyy-MM-dd HH:mm:ss" />
-                    </div>
-                  </el-col>
-                  <el-col :xs="12" :sm="24" :lg="24" class="item">
-                    <div class="label">
-                      复核说明
-                    </div>
-                    <div class="value">
-                      <input v-model="details.reviewRemark" type="text" />
+                    <div class="diy-table-1">
+                        <el-row :gutter="0">
+                            <el-col :xs="12" :sm="12" :lg="12" class="item">
+                                <div class="label">
+                                    上传人
+                                </div>
+                                <div class="value">
+                                    {{ details.amendBy }}
+                                </div>
+                            </el-col>
+                            <el-col :xs="12" :sm="12" :lg="12" class="item">
+                                <div class="label">
+                                    上传时间
+                                </div>
+                                <div class="value">
+                                    {{ details.amendTime }}
+                                </div>
+                            </el-col>
+                            <el-col :xs="12" :sm="24" :lg="24" class="item">
+                                <div class="label">
+                                    补充说明
+                                </div>
+                                <div class="value">
+                                    {{ details.amendRemark }}
+                                </div>
+                            </el-col>
+
+                        </el-row>
                     </div>
-                  </el-col>
+                    <div v-if="details.examineStatus == 'REVIEW'">
+                        <h3 class="gdzl">复核</h3>
+                        <el-divider />
+                        <div class="diy-table-1">
+                            <el-row :gutter="0">
+                                <el-col :xs="12" :sm="12" :lg="12" class="item">
+                                    <div class="label">
+                                        复核人
+                                    </div>
+                                    <div class="value">
+                                        <el-input v-model="details.reviewBy" placeholder="请输入" />
+                                    </div>
+                                </el-col>
+                                <el-col :xs="12" :sm="12" :lg="12" class="item">
+                                    <div class="label">
+                                        复核时间
+                                    </div>
+                                    <div class="value">
+                                        <el-date-picker v-model="details.reviewTime" class="dateStyle" type="datetime"
+                                            placeholder="选择日期" default-time="00:00:00"
+                                            value-format="yyyy-MM-dd HH:mm:ss" />
+                                    </div>
+                                </el-col>
+                                <el-col :xs="12" :sm="24" :lg="24" class="item">
+                                    <div class="label">
+                                        复核说明
+                                    </div>
+                                    <div class="value">
+                                        <input v-model="details.reviewRemark" type="text" />
+                                    </div>
+                                </el-col>
 
-                </el-row>
-              </div>
+                            </el-row>
+                        </div>
+                    </div>
+                </div>
             </div>
-          </div>
-        </div>
             <div>
                 <div
                     v-if="details.examineStatus == 'OK' || details.examineStatus == 'WAIT_REVIEW' || details.examineStatus == 'AMEND' || details.examineStatus == 'REVIEW'">
                     <div>
-                        
+
                         <!-- 筛选条件 -->
                         <div>
                             <el-form ref="form" :model="details" label-width="100px" size="small" label-position="left">
@@ -838,6 +848,15 @@ export default {
         openPdf(pdfUrl) {
             window.open(this.$imageUrl + pdfUrl)
         },
+        delFile(index,id) {
+            this.amendData.splice(index, 1)
+            this.details.dataList.filter((k, i)=>{
+                if (k.id === id) {
+                    this.details.dataList.splice(i,1)
+                }
+            })
+            this.$successMsg('删除成功')
+        },
         // 检查文件类型
         checkFileType(url) {
             if (!url) return ''
@@ -881,6 +900,7 @@ export default {
             this.fileList = []
         },
         replenishClick() {
+            console.log(this.details.dataList);
             var arr = []
             if (this.fileList.length) {
                 this.fileList.forEach(el => {