会计项目导入

src/views/cw/projectRecords/CwProjectImport.vue

@@ -0,0 +1,123 @@
+<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
+	<div>
+		<el-dialog
+			:title="title"
+			:close-on-click-modal="false"
+			draggable
+			width="1000px"
+			height="500px"
+			@close="close"
+			append-to-body
+			v-model="visible">
+
+				<el-form :model="inputForm" ref="inputForm" v-loading="loading" :class="method==='view'?'readonly':''"  :disabled="status === 'audit' || status === 'taskFormDetail'"
+						 label-width="135px" @submit.native.prevent>
+					<el-row  :gutter="0">
+					</el-row>
+					<el-row :gutter="0">
+						<el-col :span="12">
+							<el-form-item label="附件">
+							<el-upload
+								ref="upload"
+								action=""
+								:limit="1"
+								:auto-upload="false"
+								:on-change="beforeUploadDetail"
+								:show-file-list="true">
+								<el-button type="primary">导入全部</el-button>
+							</el-upload>
+							</el-form-item>
+						</el-col>
+					</el-row>
+
+				</el-form>
+
+
+			<template #footer>
+						<span class="dialog-footer">
+					  		<el-button  type="warning" @click="downloadTpl()" plain>下载模板</el-button>
+					  		<el-button  @click="close()" icon="el-icon-circle-close">关闭</el-button>
+					  		<el-button  v-if="method !== 'view'" type="primary" icon="el-icon-circle-check" @click="doSubmit()">确定</el-button>
+					 	</span>
+				</template>
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+	import projectRecordsService from '@/api/cw/projectRecords/ProjectRecordsService'
+	export default {
+    	data(){
+    		return {
+				visible: false,
+				title: '',
+				inputForm:{
+					file:[]
+				}
+			}
+		},
+		created () {
+		},
+		components: {
+		},
+		methods: {
+			init(){
+				this.visible = true
+				this.title = '项目导入'
+				this.inputForm={
+					file:[]
+				}
+				this.$forceUpdate()
+			},
+
+			beforeUploadDetail(file){
+				this.inputForm.file.push(file)
+			},
+			// 下载模板
+			downloadTpl () {
+				this.loading = true
+				projectRecordsService.exportFinanceTemplate().then((res) => {
+					// 将二进制流文件写入excel表，以下为重要步骤
+					this.$utils.downloadExcel(res, '项目导入模板' + ".xlsx")
+					this.loading = false
+				}).catch(function (err) {
+					this.loading = false
+					if (err.response) {
+						console.log(err.response)
+					}
+				})
+			},
+			doSubmit(){
+
+				const formBody = new FormData()
+				formBody.append('file', this.inputForm.file[0].raw)
+				projectRecordsService.importFinance(formBody).then((data) =>{
+					if (data){
+						this.$message.success('导入成功')
+						this.close()
+						this.$emit("refreshDataList");
+					}
+				})
+			},
+			close(){
+				this.visible = false
+				this.$refs.inputForm.resetFields()
+				this.$refs.upload.clearFiles();
+				this.inputForm = {
+					file:[]
+				}
+			}
+
+		}
+    }
+</script>
+
+<style scoped>
+	/deep/ .el-input-number .el-input__inner {
+		text-align: left;
+	}
+	.el-row {
+		display: flex;
+		align-items: center; /* 垂直居中 */
+	}
+</style>

src/views/cw/projectRecords/ProjectRecordsList.vue

@@ -119,7 +119,8 @@
         <template #buttons>
           <el-button v-if="hasPermission('cwProjectRecords:add')" type="primary" icon="el-icon-plus" @click="add()">新建</el-button>
           <!--          <el-button v-if="hasPermission('klg:question:del')" type="danger" icon="el-icon-delete" @click="del()" :disabled="$refs.questionsTable && $refs.questionsTable.getCheckboxRecords().length === 0" plain>删除</el-button>-->
-        </template>
+			<el-button type="primary" @click="projectImport()">导入</el-button>
+		</template>
 		  <template #tools>
 			  <vxe-button
 				  text