From 322a5fac20d7931d856b32e17c0a86de9f9e56bd Mon Sep 17 00:00:00 2001
From: wangqing <smalljop@foxmail.com>
Date: Thu, 18 Mar 2021 18:51:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A1=AB=E5=86=99=E7=BB=93=E6=9E=9C?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/index.js            | 20 +++++++++++++++++
 src/views/form/setting.vue    |  9 +++++++-
 src/views/form/statistics.vue | 41 ++++++++++++++++++++++++++++++-----
 3 files changed, 63 insertions(+), 7 deletions(-)

diff --git a/src/utils/index.js b/src/utils/index.js
index b17f071..e723f09 100644
--- a/src/utils/index.js
+++ b/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('&')
+}
diff --git a/src/views/form/setting.vue b/src/views/form/setting.vue
index c0c5800..eb417d9 100644
--- a/src/views/form/setting.vue
+++ b/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;
diff --git a/src/views/form/statistics.vue b/src/views/form/statistics.vue
index 8ee1722..ee3a2fb 100644
--- a/src/views/form/statistics.vue
+++ b/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?
-                                    activeResultRow['processData'][`field${item.formItemId}`]:'' }}</el-tag>
+                                <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;
 }