feat: 填写结果导出

src/utils/index.js

@@ -177,6 +177,11 @@ export function getQueryString(name) {
     return context == null || context == '' || context == 'undefined' ? '' : context
 }
 
+/**
+ * 获取当前域名
+ *  http://www.baidu.com
+ * @returns {string}
+ */
 export function getCurrentDomain() {
     return window.location.protocol + '//' + window.location.host
 }
@@ -270,3 +275,18 @@ export function openUrl(url) {
     a.click()
     document.body.removeChild(document.getElementById('tduck-link-temp'))
 }
+
+/**
+ * json对象转url参数
+ * @param json
+ * @returns {string|*}
+ */
+export function jsonToParam(json) {
+    if (!json) return ''
+    return Object.keys(json).map(key => {
+        if (json[key] === undefined)
+            return ''
+        return encodeURIComponent(key) +
+            '=' + encodeURIComponent(json[key])
+    }).join('&')
+}

src/views/form/setting.vue

@@ -487,7 +487,8 @@
                                 </p>
                             </div>
                             <div>
-                                <img :src="userProjectSettingData.shareImg"  v-if="userProjectSettingData.shareImg" style="width: 49px;height: 46px;"/>
+                                <img :src="userProjectSettingData.shareImg" v-if="userProjectSettingData.shareImg"
+                                     class="share-preview-img"/>
                             </div>
                         </div>
                         <div>
@@ -823,6 +824,12 @@ export default {
     text-align: left;
 }
 
+.share-preview-img {
+    width: 49px;
+    height: 46px;
+    margin-right: 5px;
+}
+
 .share-user-avatar {
     width: 49px;
     height: 49px;

src/views/form/statistics.vue

@@ -20,6 +20,7 @@
                 </el-form-item>
                 <el-form-item>
                     <el-button type="primary" @click="queryProjectResult">查询</el-button>
+                    <el-button type="success" @click="exportProjectResult">导出</el-button>
                 </el-form-item>
             </el-form>
         </div>
@@ -63,15 +64,18 @@
                 :with-header="false"
                 :visible.sync="detailDrawer">
                 <el-scrollbar style="height:100%">
-                    <el-card class="box-card" >
+                    <el-card class="box-card">
                         <div slot="header" class="clearfix">
                             <span>提交详情</span>
                         </div>
                         <div>
                             <div v-for="item in projectItemList">
                                 <h4>{{ item.label }}</h4>
-                                <el-tag>      {{activeResultRow?
+                                <el-tag> {{
-                                    activeResultRow['processData'][`field${item.formItemId}`]:'' }}</el-tag>
+                                        activeResultRow ?
+                                            activeResultRow['processData'][`field${item.formItemId}`] : ''
+                                    }}
+                                </el-tag>
                             </div>
                         </div>
                     </el-card>
@@ -123,6 +127,8 @@
 
 <script>
 import _ from 'lodash'
+import {jsonToParam} from '@/utils/index'
+
 import {getCheckedColumn, saveCheckedColumn} from '@/utils/db'
 
 const fixedDefaultFormColumn = ['serialNumber', 'submitAddress', 'createTime']
@@ -138,7 +144,7 @@ export default {
         this.queryConditions.projectKey = this.projectKey
         this.queryProjectResult()
         this.queryProjectItems()
-
+        this.queryProject()
     },
     data() {
         return {
@@ -153,6 +159,7 @@ export default {
             otherCustomColumns: [],
             projectResultList: [],
             projectItemList: [],
+            projectData: null,
             projectItemColumns: {},
             total: 0,
             detailDrawer: false,
@@ -175,7 +182,12 @@ export default {
         },
         openDetailDrawerHandle(row) {
             this.activeResultRow = row
-            this.detailDrawer=true
+            this.detailDrawer = true
+        },
+        queryProject() {
+            this.$api.get(`/user/project/${this.projectKey}`).then(res => {
+                this.projectData = res.data
+            })
         },
         queryProjectResult() {
             this.$api.get(`/user/project/result/page`, {params: this.queryConditions}).then(res => {
@@ -209,6 +221,23 @@ export default {
                 this.checkOtherCustomColumns = otherCustomColumns
             }
         },
+        exportProjectResult() {
+            this.$api.get('user/project/result/export', {
+                params: this.queryConditions,
+                responseType: 'blob'
+            }).then(res => {
+                console.log(res)
+                let blob = res
+                let downloadElement = document.createElement('a')
+                let href = window.URL.createObjectURL(blob) //创建下载的链接
+                downloadElement.href = href
+                downloadElement.download = this.projectData.name + '.xls' //下载后文件名
+                document.body.appendChild(downloadElement)
+                downloadElement.click() //点击下载
+                document.body.removeChild(downloadElement) //下载完成移除元素
+                window.URL.revokeObjectURL(href) //释放掉blob对象
+            })
+        },
         queryProjectItems() {
             this.$api.get(`/user/project/item/list`, {params: {key: this.projectKey}}).then(res => {
                 if (res.data) {
@@ -274,7 +303,7 @@ export default {
 }
 
 /*2.隐藏滚动条，太丑了*/
-/deep/ .el-drawer__container ::-webkit-scrollbar{
+/deep/ .el-drawer__container ::-webkit-scrollbar {
     display: none;
 }