const ThisDay = window.location.href.split('/').pop()
{{define "PotentialCustomer"}}
<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>潜在客户信息</title>
<link rel="stylesheet" href="/static/WeUI_files/weui.css">
<link rel="stylesheet" href="/static/WeUI_files/example.css">
</head>
<style>
.rowHover:hover {
background-color: #09BB07;
}

.selectItem {
color: #1E90FF
}
</style>

<body style="margin:1em ;">
<div class="weui-cells page__category-content">
<div class="page__hd">
<h1 class="page__title">潜在客户信息</h1>
<p class="page__desc">潜在客户信息</p>
</div>
</div>

<div id="urlPlatformListHtml" class="weui-cell weui-cell_select">
</div>

<div class="weui-cells page__category-content">
<div class="weui-cell weui-cell_swiped">
<div class="weui-flex">
<div class="weui-flex__item">
<h3 class="title">序号</h3>
</div>
<div class="weui-flex__item">
<h3 class="title">来源URL</h3>
</div>
<div class="weui-flex__item">
<h3 class="title">公司名称</h3>
</div>
<div class="weui-flex__item">
<h3 class="title">电话号码</h3>
</div>
<div class="weui-flex__item">
<h3 class="title">手机号码</h3>
</div>
<div class="weui-flex__item">
<h3 class="title">QQ号码</h3>
</div>
<div class="weui-flex__item">
<h3 class="title">微信二维码</h3>
</div>
<div class="weui-flex__item">
<h3 class="title">地址</h3>
</div>
<div class="weui-flex__item">
<h3 class="title">网址</h3>
</div>
</div>
</div>
<div id="initHtml">
</div>
</div>
<div class="weui-cells page__category-content">
<div class="page__hd">
<div id="goThisDaySummary"></div>
</div>
<div class="page__hd">
<div id="goTodayDetail"></div>
</div>
<div class="page__hd">
<div id="goTodaySummary"></div>
</div>
</div>


</body>

</html>
<script>
const GO = {{.}}

// 筛选器清单
const urlPlatformList = ["全部", 'http://cn.sonhoo.com/wukong/', 'http://www.cnhan.com/hyzx/',
'http://www.cnhan.com/shantui/', 'http://www.cnhan.com/pinfo/', 'http://www.heze.cn/info',
'http://www.heze.cn/qiye/'
]

// 页面首次加载
let urlPlatformListHtml =
'<div class="weui-cell__bd">选择来源平台<select class="weui-select selectItem" name="selectUrlPlatform" onclick=getSelectValue(this) >'
for (const i in urlPlatformList) {
let selectedStr = ''
if (i === 0) {
selectedStr = 'selected'
}
urlPlatformListHtml += '<option value="' + i + '" ' + selectedStr + ' >' + urlPlatformList[i] + '</option>'
}
urlPlatformListHtml += '</select></div>'

const $ID = (p) => {
return document.getElementById(p)
}
const $CLASS = (p) => {
return document.getElementsByClassName(p)
}

$ID('urlPlatformListHtml').innerHTML = urlPlatformListHtml

// 筛选器选择值初始化
let selectOptionUrlPlatform = 0

// 监听筛选的click事件
// 获取筛选器的选中值
const getSelectValue = (t) => {
const selectName = t.name
const opts = t.options
let catchI = 0
for (const i in opts) {
if (opts[i].selected == true) {
catchI = i
console.log(catchI)
break
}
}
// 筛选器可扩展为多个
switch (selectName) {
case 'selectUrlPlatform':
selectOptionUrlPlatform = catchI
}
// 事件回调,过滤页面显示项目
mainRowIfDisplayByClassSelector()
}

// 判断项目类型
const displayType = (url) => {
for (const i in urlPlatformList) {
if (parseInt(i) !== 0) {
if (url.indexOf(urlPlatformList[i].slice(1)) > 0) {
return i
}
}
}
}

// 控制display属性
// 存在的问题:display属性的赋值与其他属性的覆盖
const mainRowIfDisplayByClassSelector = () => {
if (parseInt(selectOptionUrlPlatform) === 0) {
const displayType = 'displayTypeInit'
const displaySet = $CLASS(displayType)
for (const ii in displaySet) {
console.log(ii)
$CLASS(displayType)[ii].style = ''
}
} else {
for (const i in urlPlatformList) {
const displayType = 'displayType' + i
const displaySet = $CLASS(displayType)
if (selectOptionUrlPlatform !== i) {
for (const ii in displaySet) {
$CLASS(displayType)[ii].style = "display:none;"
}
} else {
for (const ii in displaySet) {
$CLASS(displayType)[ii].style = ''
}
}
}
}
}

let mainHtml = ''
// 对类名赋值
for (const i in GO) {
mainHtml +=
'<div class="weui-cell weui-cell_swiped"><div class="weui-flex rowHover displayTypeInit displayType' + displayType(GO[i].OriginUrl) + '" ><div class="weui-flex__item"><div class="placeholder">' + (parseInt(i) +
1) + '</div></div> <div class="weui-flex__item"><div class="placeholder"><a href="' + GO[i].OriginUrl +
'" target="_blank" >' + GO[i].OriginUrl.slice(7, 23) +
'</a></div></div> <div class="weui-flex__item"><div class="placeholder">' + GO[i].ComName +
'</div></div><div class="weui-flex__item"><div class="placeholder">' + GO[i].TelPhone + '</div><img src="' +
GO[i].TelImgbase64 + '"></div><div class="weui-flex__item"><div class="placeholder">' + GO[i].MobilePhone +
'</div><img src="' + GO[i].PhoneImgbase64 +
'"></div><div class="weui-flex__item"><div class="placeholder">' + GO[i].Qq +
'</div></div><div class="weui-flex__item"><img src="' + GO[i].WxImgbase64 +
'"></div><div class="weui-flex__item"><div class="placeholder">' + GO[i].Addr +
'</div></div><div class="weui-flex__item"><a href="' + GO[i].WebSite + '" target="_blank">' + GO[i].WebSite +
'</a></div></div></div>'
}
$ID('initHtml').innerHTML = mainHtml

const Ymd = () => {
const date = new Date()
const m = ('0' + (date.getMonth() + 1)).slice(-2)
const d = ('0' + date.getDate()).slice(-2)
return date.getFullYear() + m + d
}

const ThisDay = window.location.href.split('/').pop()
$ID('goThisDaySummary').innerHTML = '<a href="/PotentialCustomerDetail/' + ThisDay +
'" target="_blank"> 去详细页</a>'
if (ThisDay !== Ymd()) {
$ID('goTodayDetail').innerHTML = '<a href="/PotentialCustomerDetail/' + Ymd() +
'" target="_blank"> 去今日详细页</a>'
$ID('goTodaySummary').innerHTML = '<a href="/PotentialCustomer/' + Ymd() +
'" target="_blank"> 去今日简页</a>'
}
</script>

{{end}}
取出zip文件名
"https://TEST-scale-obj-prod-china.s3.cn-north-1.amazonaws.com.cn/505testa29f93912345194b.zip?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAPPR66TAQ3V6AZW6A%2F20180917%2Fcn-north-1%2Fs3%2Faws4_request&X-Amz-Date=20150917T045055Z&X-Amz-Expires=60&X-Amz-SignedHeaders=host&X-Amz-Signature=9655f97e81e0TESTa48"
.split('.zip')[0].split('/').pop()