企标计划导出

src/pages/regulatoryRepository/enterpriseStandardPlan/components/exportDialog.vue

@@ -0,0 +1,61 @@
+<template>
+  <!--导出文件改名字模态框-->
+  <el-dialog :visible.sync="exportModelFlag" title="导出文件" width="300px">
+    <el-form :inline="true" class="label-input-form search-area">
+      <el-form-item label="导出名称" class="search-item">
+        <el-input v-model="exportName" placeholder="请输入导出文件名称" :maxlength="30" clearable label="导出名称"/>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="demo-drawer-footer">
+      <el-button class="common-button-default" icon="el-icon-close" @click="cancal">取消</el-button>
+      <el-button type="primary" round class="common-button-primary" icon="el-icon-check" @click="submit">提交</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: "exportDialog",
+  data () {
+    return {
+      exportModelFlag: false,
+      exportName: ''
+    }
+  },
+  methods: {
+    openModel () {
+      this.exportName = ''
+      this.exportModelFlag = true
+    },
+    cancal () {
+      this.exportModelFlag = false
+    },
+    submit () {
+      this.$emit('exportName', this.exportName)
+    }
+  }
+}
+</script>
+
+<style scoped>
+/deep/ .label-input-form .add-form-item .el-form-item__content .el-input .el-input__inner {
+  width: 280px;
+}
+/deep/ .el-dialog .el-dialog__header {
+  width: 100%;
+  font-size: 14px;
+  color: #17233d;
+  font-weight: bold;
+  border-bottom: 1px solid #e5e5e5;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/deep/ .el-dialog .el-dialog__body {
+  padding: 15px 20px;
+}
+/deep/ .el-dialog .el-dialog__footer .el-button {
+  height: 32px;
+  padding: 8px 23px;
+}
+</style>

src/pages/regulatoryRepository/enterpriseStandardPlan/index.vue

@@ -67,10 +67,11 @@
 <!--                       size="mini"-->
 <!--                       @click=""><i class="iconfont">&#xe6de;</i>导入-->
 <!--            </el-button>-->
-<!--            <el-button class="common-button-default export-button"-->
-<!--                       size="mini"-->
-<!--                       @click=""><i class="iconfont">&#xe6e9;</i>导出-->
-<!--            </el-button>-->
+            <el-button class="common-button-default export-button"
+                       size="mini"
+                       v-btn-permission="'f919276a703d3c9062f6a69f6f0400cc'"
+                       @click="exportData"><i class="iconfont">&#xe6e9;</i>导出
+            </el-button>
 <!--            <el-button class="common-button-default"-->
 <!--                       size="mini" @click=""><i class="iconfont">&#xe669;</i>下载-->
 <!--            </el-button>-->
@@ -740,14 +741,18 @@
             </div>
           </el-dialog>
         </div>
+        <!--导出文件改名字模态框-->
+        <exportDialog ref="exportDialogRef" @exportName="handleExport" />
     </div>
 </template>
 
 <script>
     import CustomInputForAllStandards2 from '@/components/CustomFormComponents/InputForAllStandards2'
+    import exportDialog from './components/exportDialog'
     export default {
         name: "enterpriseStandardPlan",
         components: {
+            exportDialog,
             CustomInputForAllStandards2
         },
         data() {
@@ -904,6 +909,29 @@
             },
         },
         methods: {
+            exportData () {
+              this.$refs.exportDialogRef.openModel()
+            },
+            handleExport (exportName) {
+              const params = {
+                ...this.form,
+                exportName: exportName,
+                userId: this.$store.getters.userInfo.userId,
+                exportIds: this.ids.join(',')
+              }
+              let query = '?'
+              for(let i in params){
+                if (params[i] && params[i]!=='') {
+                  query = query + i + '=' + params[i] + '&'
+                }
+              }
+              query = query.slice(0,-1)
+              window.open('/api/esRevisePlan/es-revise-plan/exportEsRevisePlanInfoExcel' + query)
+              this.$message({
+                message: '导出信息成功',
+                type: 'success'
+              })
+            },
             validationRqbJson(rule, value, callback){
               if(this.addForm.reviseStatus === '2'){
                 if(!this.addForm.rqbJson || this.addForm.rqbJson === ''){