新增组件及页面

dgtis-ui/src/views/system/sameCustomer/index.vue

@@ -51,6 +51,22 @@
         </el-col>
       </el-row>
     </div>
+    <div class="sameCustomerPanel mt10">
+      <el-row>
+        <el-col class="l-ht40" :span="24">
+          <el-button
+            type="warning"
+            icon="el-icon-download"
+            size="mini"
+            v-for="(item,index) in btnArr"
+            :key="item.id"
+            @click="handleExportBtn(item,index)"
+            v-hasPermi="['business:sameCustomer']"
+            :loading="item.loading"
+          >{{item.name}}</el-button>
+        </el-col>
+      </el-row>
+    </div>
   </div>
 </template>
 
@@ -67,6 +83,92 @@ export default {
       exportLoadingZero:false,
       exportLoadingOne:false,
       exportLoadingTwo:false,
+        btnArr:[
+            {
+                name:'姓名',
+                id:3,
+                loading:false,
+            },
+            {
+                name:'性别',
+                id:4,
+                loading:false,
+            },
+            {
+                name:'证件类型',
+                id:5,
+                loading:false,
+            },
+            {
+                name:'证件号码',
+                id:6,
+            },
+            {
+                name:'出生日期',
+                id:7,
+                loading:false,
+            },
+            {
+                name:'手机号码',
+                id:8,
+                loading:false,
+            },
+            {
+                name:'邮政编码',
+                id:9,
+                loading:false,
+            },
+            {
+                name:'死亡日期',
+                id:10,
+                loading:false,
+            },
+            {
+                name:'主被保险人性别',
+                id:11,
+                loading:false,
+            },
+            {
+                name:'最高学历',
+                id:12,
+                loading:false,
+            },
+            {
+                name:'纪念日',
+                id:13,
+                loading:false,
+            },
+            {
+                name:'邮箱',
+                id:14,
+                loading:false,
+            },
+            {
+                name:'起保日期',
+                id:15,
+                loading:false,
+            },
+            {
+                name:'主被保险人手机',
+                id:16,
+                loading:false,
+            },
+            {
+                name:'主被保险人证件号码',
+                id:17,
+                loading:false,
+            },
+            {
+                name:'业务员名称',
+                id:18,
+                loading:false,
+            },
+            {
+                name:'业绩归属',
+                id:19,
+                loading:false,
+            },
+        ],
     }
   },
   created() {
@@ -117,6 +219,16 @@ export default {
         }
       })
     },
+      handleExportBtn(item,index){
+          var that = this;
+          that.btnArr[index].loading = true;
+          this.downloadNew('data/customer/dataCleaning', {sameType:item.id}, `customer_${new Date().getTime()}.csv`).then(response => {
+              console.log(response);
+              if(response){
+                  that.btnArr[index].loading = false;
+              }
+          })
+      },
   }
 };
 </script>
@@ -146,4 +258,7 @@ export default {
       text-align: right;
     }
   }
+  .l-ht40{
+    line-height: 40px;
+  }
 </style>