| | |
| | | <template> |
| | | <el-dialog |
| | | v-el-drag-dialog |
| | | :visible.sync="visible" |
| | | :title="title" |
| | | :code="code" |
| | |
| | | <el-step title="完成" /> |
| | | </el-steps> |
| | | |
| | | <div v-if="div1" class="mb40"> |
| | | <div v-if="div1" style="margin-left: 85px;margin-top: 35px" class="mb40"> |
| | | <h3>导入提示</h3> |
| | | <p>1. 导入文件支持类型:.xlsx,最大不能超10M</p> |
| | | <p>2. 请勿调整导入模版中字段的左右顺序或新增sheet页</p> |
| | | </div> |
| | | |
| | | <div v-if="div2 && div2_state === '301'"> |
| | | <div v-if="div2 && div2_state === '301'" style="margin-left: 85px;margin-right: 85px"> |
| | | <p><span class="gth_icon">!</span>文件中有<span style="color:red">{{ error_list.length }}</span>条错误数据,请修改后重新导入</p> |
| | | <el-table class="table" :data="error_list" :header-cell-style="{background:'#f5f5f5'}"> |
| | | <el-table-column label="序号" prop="Seq" width="50" /> |
| | |
| | | <el-table-column label="错误详情" prop="ErrorCont" min-width="300" /> |
| | | </el-table> |
| | | </div> |
| | | <div v-if="div2 && div2_state === '200'" style="position:relative;margin-top:100px;"> |
| | | <div v-if="div2 && div2_state === '200'" style="position:relative;margin:100px 85px;"> |
| | | <div class="progress_bar bar-color-a" /> |
| | | <div :class="{'progress_bar':true, 'bar-color-b':true,'position_div':true,'cg':cg4,}" /> |
| | | <div class="mt"><img src="@/assets/images/succ.png" class="img_position"> 校验数据 (成功)</div> |
| | | <div class="mt">即将导入{{ total_num }}条数据</div> |
| | | </div> |
| | | <div v-if="div1" class="mb40"> |
| | | <div v-if="div1" style="margin-left:85px" class="mb40"> |
| | | <h3>上传文件</h3> |
| | | <el-upload |
| | | style="display: inline-block;" |
| | |
| | | :before-upload="beforeUpload" |
| | | :data="{FileCode:code}" |
| | | > |
| | | <el-button class="but_style" icon="el-icon-upload2" size="small">{{ button_name }}</el-button> |
| | | <el-button v-waves class="but_style" icon="el-icon-upload2" size="small" :style="{color:$store.state.settings.theme}">{{ button_name }}</el-button> |
| | | </el-upload> |
| | | 请点击 |
| | | <el-button type="text" style="font-size: 14px;cursor: pointer" icon="el-icon-download" @click="clickDown(code)">下载数据模版</el-button> |
| | | <el-button v-waves type="text" style="font-size: 14px;cursor: pointer" icon="el-icon-download" @click="clickDown(code)">下载数据模版</el-button> |
| | | , 并按照模版编辑导入数据 |
| | | </div> |
| | | <p v-if="div1">{{ file_name }}</p> |
| | | <div v-show="div1 && getDataing" class="yz"> |
| | | <p v-if="div1" style="margin:0 85px 5px">{{ file_name }}</p> |
| | | <div v-show="div1 && getDataing" style="margin: 0 85px" class="yz"> |
| | | <ul> |
| | | <li> |
| | | <div class="progress_bar bar-color-a" /> |
| | |
| | | </div> |
| | | </div> |
| | | <span slot="footer" class="dialog-footer" style="display: flex;"> |
| | | <el-button v-if="button_text !="完成"" @click="colos()">取 消</el-button> |
| | | <el-button v-if="button_text !="完成"" v-waves @click="colos()">取 消</el-button> |
| | | <el-button |
| | | v-waves |
| | | type="primary" |
| | | class="button_style" |
| | | :disabled="disState" |
| | |
| | | <script> |
| | | |
| | | import { DownLoadExcel, ExcelCheckData, ExcelImportSubmit, ExcelModelCheck } from '@/api/Excel' |
| | | import elDragDialog from '@/directive/el-drag-dialog' |
| | | import waves from '@/directive/waves' |
| | | |
| | | export default { |
| | | directives: { elDragDialog, waves }, |
| | | props: { |
| | | code: { |
| | | type: String, |
| | |
| | | // console.log(process.env.VUE_APP_BASE_API, 8989899) |
| | | // console.log(process.env.VUE_APP_BASE_API_FILE) |
| | | // console.log(window.location.origin + res.data) |
| | | window.location.href = process.env.VUE_APP_BASE_API_FILE + res.data |
| | | // window.location.href = process.env.VUE_APP_BASE_API_FILE + res.data |
| | | window.location.href = res.data |
| | | }) |
| | | } |
| | | } |