导出弹窗调整

src/views/sensitive-control/data-statistic.vue

@@ -44,11 +44,13 @@
       </el-form-item>
     </el-form>
 
-    <div class="block" style="margin-bottom:20px">
+    <div class="block" style="margin-bottom:20px;display: flex;">
       <el-button @click="showProjectTag">项目标签设置</el-button>
       <el-button @click="showProjectStatus">项目标记状态设置</el-button>
       <el-button @click="queryDataListByClick">数据查询</el-button>
       <el-button @click="showExportModal">导出</el-button>
+      <div style="margin-left:20px;margin-top:5px">备注：请使用谷歌浏览器导出</div>
+      <a :href="'http://www.google.cn/chrome/'" class="href-link">点击下载</a>
     </div>
     <template>
       <el-table :data="dataList" style="width: 100%">
@@ -84,7 +86,8 @@
         v-model="labelProjectMainId"
         @change="handleLabelchange"
         placeholder="请选择项目"
-        style="margin-left: 110px">
+        style="margin-left: 110px"
+      >
         <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option>
       </el-select>
       <div style="margin-top: 20px; margin-left: 110px">
@@ -156,7 +159,12 @@
     <el-dialog :visible.sync="setStatusVisible" :close-on-click-modal="false" width="500px">
       <p class="dialog-title">项目标记状态设置</p>
 
-      <el-select v-model="statusProjectMainId" placeholder="请选择项目" @change="handleStatuschange" style="margin-left: 110px">
+      <el-select
+        v-model="statusProjectMainId"
+        placeholder="请选择项目"
+        @change="handleStatuschange"
+        style="margin-left: 110px"
+      >
         <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option>
       </el-select>
 
@@ -301,7 +309,9 @@ export default {
       },
       rules: {
         pName: [{ required: true, message: "请选择项目名称", trigger: "blur" }],
-        labelProjectMainId: [{ required: true, message: "请选择项目名称", trigger: "blur" }],
+        labelProjectMainId: [
+          { required: true, message: "请选择项目名称", trigger: "blur" },
+        ],
         // dingdingNumber: [
         //   {
         //     required: true,
@@ -432,9 +442,11 @@ export default {
           this.labelList = data.data;
           if (this.labelList && this.labelList.length > 0) {
             this.labelCount = this.labelList.length;
-            console.log("getHistoryLabel() : this.labelCount = " + this.labelCount);
+            console.log(
+              "getHistoryLabel() : this.labelCount = " + this.labelCount
+            );
             if (this.labelCount > 0) {
-              for(let item in this.labelList) {
+              for (let item in this.labelList) {
                 if (item == 0) {
                   this.tag01 = this.labelList[item];
                 } else if (item == 1) {
@@ -499,7 +511,7 @@ export default {
       ];
 
       let checkTagValid = false;
-      for(let item = 0; item < this.labelList.length; item++) {
+      for (let item = 0; item < this.labelList.length; item++) {
         if (this.labelList[item] != null && this.labelList[item] != "") {
           checkTagValid = true;
           break;
@@ -579,9 +591,11 @@ export default {
           this.statusList = data.data;
           if (this.statusList && this.statusList.length > 0) {
             this.statusCount = this.statusList.length;
-            console.log("getHistoryStatus() : this.statusCount = " + this.statusCount);
+            console.log(
+              "getHistoryStatus() : this.statusCount = " + this.statusCount
+            );
             if (this.statusCount > 0) {
-              for(let item in this.statusList) {
+              for (let item in this.statusList) {
                 if (item == 0) {
                   this.status01 = this.statusList[item];
                 } else if (item == 1) {
@@ -633,10 +647,16 @@ export default {
       ];
 
       let checkStatusValid = false;
-      for(let item = 0; item < this.statusList.length; item++) {
-        console.log("setStatusSave() : this.statusList[item].value = " + this.statusList[item].value);
-        if (this.statusList[item].value != null && this.statusList[item].value != "" &&
-          this.statusList[item].value != undefined) {
+      for (let item = 0; item < this.statusList.length; item++) {
+        console.log(
+          "setStatusSave() : this.statusList[item].value = " +
+            this.statusList[item].value
+        );
+        if (
+          this.statusList[item].value != null &&
+          this.statusList[item].value != "" &&
+          this.statusList[item].value != undefined
+        ) {
           checkStatusValid = true;
           break;
         }
@@ -668,7 +688,7 @@ export default {
     },
 
     queryDataListByClick() {
-      this.currentPage=1;
+      this.currentPage = 1;
       this.queryDataList();
     },
 
@@ -870,4 +890,9 @@ export default {
   text-align: center;
   font-size: 18px;
 }
+.href-link {
+  color: red;
+  margin-top:5px;
+  margin-left:10px;
+}
 </style>
\ No newline at end of file