ly 1 жил өмнө
parent
commit
15dea9c770

+ 125 - 117
src/views/business/production/IndividualIncomeTaxIs/FormDialog.vue

@@ -9,128 +9,130 @@
     @close="close"
     :close-on-click-modal = "false"
   >
-    <div>
-      <div style="padding: 8px 24px 16px 24px">
-        <el-form size="small" label-width="110px">
-          <el-row :gutter="30">
-            <el-col :span="24">
-              <el-form-item label="客户名称">
-                <div>{{ currentMember }}</div>
-              </el-form-item>
-              <el-form-item label="所属月份">
-                <div>{{ year }}-{{ month }}</div>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <el-divider />
-            </el-col>
-            <el-col :span="12">
-              <el-form-item label="个税金额">
-                <el-input-number v-if="!isView" placeholder="个税金额" v-model="emptyForm.amount" :precision="2" style="
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                  " :controls="false" @keypress.enter.prevent />
-                <div v-else>{{ rowNum(emptyForm.amount) }}</div>
-              </el-form-item>
-            </el-col>
-
-            <el-col :span="12">
-              <el-form-item label="备注:">
-                <el-input v-if="!isView" type="textarea" rows="2" maxlength="200" show-word-limit
-                  v-model="emptyForm.remark" />
-                <span v-else>{{ emptyForm.remark }}</span>
-              </el-form-item>
-            </el-col>
-            <el-col :span="24">
-              <div class="details-btns-container">
-                <el-form-item label="凭证文件" prop="evidenceFile" required>
-                  <dragUpload :accept="accept" style="width:100%" @file="upload"
-                    v-if="emptyForm.evidenceFile == null || emptyForm.evidenceFile == ''" />
-                  <img v-else style="height: 148px; width: 148px" :src="`${baseUrl}/${emptyForm.evidenceFile}`"
-                    class="avatar" @click="openEvidience('evidenceFile')" />
-                    <div v-if="!isView">
-                      <el-icon :size="20" v-if="emptyForm.evidenceFile !== '' ||emptyForm.evidenceFile == null " @click="emptyForm.evidenceFile = ''"
-                      class="delete-button" >
-                      <Delete />
-                    </el-icon>
-                    </div>
-                    <div v-else>
-                    </div>
-                  <!-- <el-upload
-                    v-if="!isView"
-                    action="#"
-                    :http-request="upload"
-                    :with-credentials="true"
-                    list-type="picture-card"
-                    :show-file-list="false"
-                    multiple
-                  >
-                    <img
-                      v-if="
+    <div v-loading="loading">
+      <div>
+        <div style="padding: 8px 24px 16px 24px">
+          <el-form size="small" label-width="110px">
+            <el-row :gutter="30">
+              <el-col :span="24">
+                <el-form-item label="客户名称">
+                  <div>{{ currentMember }}</div>
+                </el-form-item>
+                <el-form-item label="所属月份">
+                  <div>{{ year }}-{{ month }}</div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <el-divider />
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="个税金额">
+                  <el-input-number v-if="!isView" placeholder="个税金额" v-model="emptyForm.amount" :precision="2" style="
+                      display: flex;
+                      align-items: center;
+                      justify-content: center;
+                    " :controls="false" @keypress.enter.prevent />
+                  <div v-else>{{ rowNum(emptyForm.amount) }}</div>
+                </el-form-item>
+              </el-col>
+  
+              <el-col :span="12">
+                <el-form-item label="备注:">
+                  <el-input v-if="!isView" type="textarea" rows="2" maxlength="200" show-word-limit
+                    v-model="emptyForm.remark" />
+                  <span v-else>{{ emptyForm.remark }}</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="24">
+                <div class="details-btns-container">
+                  <el-form-item label="凭证文件" prop="evidenceFile" required>
+                    <dragUpload :accept="accept" style="width:100%" @file="upload"
+                      v-if="emptyForm.evidenceFile == null || emptyForm.evidenceFile == ''" />
+                    <img v-else style="height: 148px; width: 148px" :src="`${baseUrl}/${emptyForm.evidenceFile}`"
+                      class="avatar" @click="openEvidience('evidenceFile')" />
+                      <div v-if="!isView">
+                        <el-icon :size="20" v-if="emptyForm.evidenceFile !== '' ||emptyForm.evidenceFile == null " @click="emptyForm.evidenceFile = ''"
+                        class="delete-button" >
+                        <Delete />
+                      </el-icon>
+                      </div>
+                      <div v-else>
+                      </div>
+                    <!-- <el-upload
+                      v-if="!isView"
+                      action="#"
+                      :http-request="upload"
+                      :with-credentials="true"
+                      list-type="picture-card"
+                      :show-file-list="false"
+                      multiple
+                    >
+                      <img
+                        v-if="
+                          emptyForm.evidenceFile != null &&
+                          emptyForm.evidenceFile !== ''
+                        "
+                        style="height: 148px; width: 148px"
+                        :src="`${baseUrl}/${emptyForm.evidenceFile}`"
+                        class="avatar"
+                      />
+                      <i v-else class="el-icon-plus avatar-uploader-icon" />
+                    </el-upload> -->
+                    <!-- <img
+                      v-else-if="
                         emptyForm.evidenceFile != null &&
                         emptyForm.evidenceFile !== ''
                       "
                       style="height: 148px; width: 148px"
                       :src="`${baseUrl}/${emptyForm.evidenceFile}`"
                       class="avatar"
-                    />
-                    <i v-else class="el-icon-plus avatar-uploader-icon" />
-                  </el-upload> -->
-                  <!-- <img
-                    v-else-if="
-                      emptyForm.evidenceFile != null &&
-                      emptyForm.evidenceFile !== ''
-                    "
-                    style="height: 148px; width: 148px"
-                    :src="`${baseUrl}/${emptyForm.evidenceFile}`"
-                    class="avatar"
-                    @click="openEvidience('evidenceFile')"
-                  /> -->
-                </el-form-item>
-                <!-- 删除按钮 -->
-         
-              </div>
-            </el-col>
-            <el-col :span="24" style="padding: 15px 15px 16px 15px">
-              <div class="details-btns-container">
-                <el-form-item label="报表文件" prop="reportFile" required>
-                  <el-upload v-if="!isView" action="#" :http-request="uploadextFile" :with-credentials="true"
-                    :show-file-list="false" multiple>
-                    <el-button size="small" type="primary" icon="Upload">点击上传</el-button>
-                  </el-upload>
-                </el-form-item>
-              </div>
-              <div class="details-body" style="height: 100px">
-                <el-table ref="filesTable" :data="reportFiles" size="small" height="100%" border
-                  header-row-class-name="list-header-row">
-                  <el-table-column label="文件名" prop="fileName" align="center">
-                    <template #default="scope">
-                      <el-button @click="openEvidenceFile(scope.row)" type="primary" link>
-                        {{ scope.row.fileName }}
-                      </el-button>
-                    </template>
-                  </el-table-column>
-                  <el-table-column v-if="!isView" label="操作" width="50" align="center">
-                    <template #default="scope">
-                      <el-button size="small" link type="danger" @click="handleDelFile(scope.$index)">删除</el-button>
-                    </template>
-                  </el-table-column>
-                </el-table>
-              </div>
-            </el-col>
-          </el-row>
-        </el-form>
+                      @click="openEvidience('evidenceFile')"
+                    /> -->
+                  </el-form-item>
+                  <!-- 删除按钮 -->
+           
+                </div>
+              </el-col>
+              <el-col :span="24" style="padding: 15px 15px 16px 15px">
+                <div class="details-btns-container">
+                  <el-form-item label="报表文件" prop="reportFile" required>
+                    <el-upload v-if="!isView" action="#" :http-request="uploadextFile" :with-credentials="true"
+                      :show-file-list="false" multiple>
+                      <el-button size="small" type="primary" icon="Upload">点击上传</el-button>
+                    </el-upload>
+                  </el-form-item>
+                </div>
+                <div class="details-body" style="height: 100px">
+                  <el-table ref="filesTable" :data="reportFiles" size="small" height="100%" border
+                    header-row-class-name="list-header-row">
+                    <el-table-column label="文件名" prop="fileName" align="center">
+                      <template #default="scope">
+                        <el-button @click="openEvidenceFile(scope.row)" type="primary" link>
+                          {{ scope.row.fileName }}
+                        </el-button>
+                      </template>
+                    </el-table-column>
+                    <el-table-column v-if="!isView" label="操作" width="50" align="center">
+                      <template #default="scope">
+                        <el-button size="small" link type="danger" @click="handleDelFile(scope.$index)">删除</el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </div>
+              </el-col>
+            </el-row>
+          </el-form>
+        </div>
+      </div>
+      <div class="form-btns-container" v-if="!isView" style="height: 40px">
+        <el-button size="small" icon="close" style="float: right; margin-left: 12px; margin-right: 12px" @click="close">
+          取消
+        </el-button>
+        <el-button type="primary" size="small" icon="Finished"
+          v-hasPermi="['business:individualIncomeTaxDetail:saveDetail']" style="float: right" @click="handleSave">
+          保存
+        </el-button>
       </div>
-    </div>
-    <div class="form-btns-container" v-if="!isView" style="height: 40px">
-      <el-button size="small" icon="close" style="float: right; margin-left: 12px; margin-right: 12px" @click="close">
-        取消
-      </el-button>
-      <el-button type="primary" size="small" icon="Finished"
-        v-hasPermi="['business:individualIncomeTaxDetail:saveDetail']" style="float: right" @click="handleSave">
-        保存
-      </el-button>
     </div>
   </el-dialog>
 </template>
@@ -316,6 +318,7 @@
 
   /**  保存 */
   function handleSave() {
+
     if (
       emptyForm.value.evidenceFile == null ||
       emptyForm.value.evidenceFile === ""
@@ -328,6 +331,7 @@
       proxy.$message.error("请上传报表");
       return;
     }
+    loading.value = true
     emptyForm.value.files = fileList.value;
     emptyForm.value.year = year.value;
     emptyForm.value.month = month.value;
@@ -340,12 +344,14 @@
           console.log(res);
           proxy.$modal.msgSuccess("保存成功!");
           visible.value = false;
-
+         
           getList.value();
         })
         .catch((err) => {
           proxy.$modal.lmsgError(err);
           console.log(err);
+        }).finally(() => {
+          loading.value = false
         });
     } else {
       mainInfo.value.detail.status = 3;
@@ -365,7 +371,9 @@
         .catch((err) => {
           proxy.$modal.$modalMsgError(err);
           console.log(err);
-        });
+        }).finally(() => {
+          loading.value = false
+        });;
     }
   }