|
|
@ -14,78 +14,6 @@ |
|
|
|
<div class="keyda" style="margin: 35px; display: flex"> |
|
|
|
<div class="keyda" style="margin: 35px; display: flex"> |
|
|
|
<div style="width: 80px; height: 80px; margin-right: 35px"> |
|
|
|
<div style="width: 80px; height: 80px; margin-right: 35px"> |
|
|
|
<img :src="tool.newUrl" style="width: 80px; height: 80px; margin-right: 35px" alt="" /> |
|
|
|
<img :src="tool.newUrl" style="width: 80px; height: 80px; margin-right: 35px" alt="" /> |
|
|
|
<!-- <img |
|
|
|
|
|
|
|
v-if="tool.name == '代码静态分析工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/EagleEye.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == '源代码安全检测工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/wukong.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == 'C/C++单元测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/EagleWing-C.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == '接口测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/Kinterface.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == 'JAVA单元测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/EagleWing-Java.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == '功能测试工具AutoFun'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/AutoFun.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == '代码组成分析平台'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/KeySwan.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == '性能测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/KeySphere.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == '自鉴-交互式应用安全测试系统IAST'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/自鉴交互式.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == 'Web应用安全测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/web.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == '资产识别及漏洞管理工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/资产识别.png" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="tool.name == '性能测试工具KeyTurbo'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/AutoLoad.jpg" |
|
|
|
|
|
|
|
style="width: 80px; height: 80px; margin-right: 35px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> --> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<div class="keydap" style="display: flex; justify-content: space-between"> |
|
|
|
<div class="keydap" style="display: flex; justify-content: space-between"> |
|
|
@ -447,84 +375,22 @@ |
|
|
|
<div v-for="(item, index) in toolslist" :key="index" style="margin: 20px"> |
|
|
|
<div v-for="(item, index) in toolslist" :key="index" style="margin: 20px"> |
|
|
|
<div style="display: flex; cursor: pointer" @click="switchTool(item)"> |
|
|
|
<div style="display: flex; cursor: pointer" @click="switchTool(item)"> |
|
|
|
<img :src="item.img" style="min-width: 63px; height: 63px; margin-right: 5px" alt="" /> |
|
|
|
<img :src="item.img" style="min-width: 63px; height: 63px; margin-right: 5px" alt="" /> |
|
|
|
<!-- <img |
|
|
|
|
|
|
|
v-if="item.name == '代码静态分析工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/EagleEye.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == '源代码安全检测工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/wukong.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == 'C/C++单元测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/EagleWing-C.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == '接口测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/Kinterface.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == 'JAVA单元测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/EagleWing-Java.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == '功能测试工具AutoFun'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/AutoFun.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == '代码组成分析平台'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/KeySwan.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == '性能测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/KeySphere.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == '自鉴-交互式应用安全测试系统IAST'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/自鉴交互式.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == 'Web应用安全测试工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/web.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == '资产识别及漏洞管理工具'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/资产识别.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-if="item.name == '性能测试工具AutoLoad'" |
|
|
|
|
|
|
|
src="/assets/toolmarket/AutoLoad.png" |
|
|
|
|
|
|
|
style="width: 63px; height: 63px; margin-right: 5px" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> --> |
|
|
|
|
|
|
|
<!-- <img :src="item.img" alt="" style="width:63px;height:63px;margin-right: 5px;"> --> |
|
|
|
|
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<div style="font-size: 14px; font-weight: bold; color: #1a1a1a"> |
|
|
|
<div style="font-size: 14px; font-weight: bold; color: #1a1a1a"> |
|
|
|
{{ item.name }} |
|
|
|
{{ item.name }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="font-size: 12px; font-weight: 400; color: #333333;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;line-clamp: 2;-webkit-line-clamp: 2;"> |
|
|
|
<div |
|
|
|
|
|
|
|
style=" |
|
|
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
|
|
font-weight: 400; |
|
|
|
|
|
|
|
color: #333333; |
|
|
|
|
|
|
|
display: -webkit-box; |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
-webkit-box-orient: vertical; |
|
|
|
|
|
|
|
line-clamp: 2; |
|
|
|
|
|
|
|
-webkit-line-clamp: 2; |
|
|
|
|
|
|
|
" |
|
|
|
|
|
|
|
> |
|
|
|
{{ item.toolDesc }} |
|
|
|
{{ item.toolDesc }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -564,17 +430,19 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="商品价格:"> |
|
|
|
<el-form-item label="商品价格:"> |
|
|
|
<span v-if="serviceType == '测试服务(按次计)' && buyTool.priceTime == 0">限时免费</span> |
|
|
|
<span v-if="serviceType == '测试服务(按次计)' && buyTool.priceTime == 0">限时免费</span> |
|
|
|
<span v-if="serviceType == '使用时长(按月计)' && buyTool.price == 0">限时免费</span> |
|
|
|
<span v-else-if="serviceType == '使用时长(按月计)' && buyTool.price == 0">限时免费</span> |
|
|
|
<span v-else>¥{{ serviceType == '测试服务(按次计)' ? buyTool.priceTime : buyTool.price }}</span> |
|
|
|
<span v-else>¥{{ serviceType == '测试服务(按次计)' ? buyTool.priceTime : buyTool.price }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="购买数量:"> |
|
|
|
<el-form-item label="购买数量:"> |
|
|
|
<el-input-number |
|
|
|
<el-input-number |
|
|
|
|
|
|
|
v-if="serviceType == '测试服务(按次计)'" |
|
|
|
size="mini" |
|
|
|
size="mini" |
|
|
|
v-model="buyAmount" |
|
|
|
v-model="buyAmount" |
|
|
|
:min="1" |
|
|
|
:min="1" |
|
|
|
:max="999" |
|
|
|
:max="999" |
|
|
|
label="购买数量" |
|
|
|
label="购买数量" |
|
|
|
></el-input-number> |
|
|
|
></el-input-number> |
|
|
|
|
|
|
|
<span v-else>1</span> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="交付方式:"> |
|
|
|
<el-form-item label="交付方式:"> |
|
|
|
{{ buyTool.deliverType }} |
|
|
|
{{ buyTool.deliverType }} |
|
|
@ -681,8 +549,8 @@ export default { |
|
|
|
qianbaoShow: false, |
|
|
|
qianbaoShow: false, |
|
|
|
jypassword: '', |
|
|
|
jypassword: '', |
|
|
|
id: '', |
|
|
|
id: '', |
|
|
|
amount: '', //购买数量 |
|
|
|
amount: 1, //购买数量 |
|
|
|
buyAmount: '', //弹窗购买数量 |
|
|
|
buyAmount: 1, //弹窗购买数量 |
|
|
|
goodsactive: '1', |
|
|
|
goodsactive: '1', |
|
|
|
// swipcelist:[{id:0,imgurl:'/assets/tool/swipc.png'},{id:1,imgurl:'/assets/tool/swipc.png'},{id:2,imgurl:'/assets/tool/swipc.png'}], |
|
|
|
// swipcelist:[{id:0,imgurl:'/assets/tool/swipc.png'},{id:1,imgurl:'/assets/tool/swipc.png'},{id:2,imgurl:'/assets/tool/swipc.png'}], |
|
|
|
tool: {}, //工具详情 |
|
|
|
tool: {}, //工具详情 |
|
|
@ -788,9 +656,7 @@ export default { |
|
|
|
components: { |
|
|
|
components: { |
|
|
|
qrcode: VueQrcode, |
|
|
|
qrcode: VueQrcode, |
|
|
|
}, |
|
|
|
}, |
|
|
|
filters: { |
|
|
|
filters: {}, |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
...mapGetters(['paytype', 'tooltypelist', 'token', 'userinform']), |
|
|
|
...mapGetters(['paytype', 'tooltypelist', 'token', 'userinform']), |
|
|
|
addPriceAll() { |
|
|
|
addPriceAll() { |
|
|
@ -877,7 +743,7 @@ export default { |
|
|
|
goSetPassword() { |
|
|
|
goSetPassword() { |
|
|
|
this.$router.push({ |
|
|
|
this.$router.push({ |
|
|
|
path: '/console/account', |
|
|
|
path: '/console/account', |
|
|
|
query: {code: '3'} |
|
|
|
query: { code: '3' }, |
|
|
|
}) |
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
findByvalue, |
|
|
|
findByvalue, |
|
|
@ -1053,7 +919,7 @@ export default { |
|
|
|
param.userId = this.userinform.userId |
|
|
|
param.userId = this.userinform.userId |
|
|
|
param.password = encrypt(this.jypassword) |
|
|
|
param.password = encrypt(this.jypassword) |
|
|
|
param.priceType = this.serviceType == '使用时长(按月计)' ? 'month' : 'times' |
|
|
|
param.priceType = this.serviceType == '使用时长(按月计)' ? 'month' : 'times' |
|
|
|
param.recordName = '购买工具:' + this.buyTool.name |
|
|
|
param.recordName = '购买工具:' + this.buyTool.name |
|
|
|
orderPay(param).then((res) => { |
|
|
|
orderPay(param).then((res) => { |
|
|
|
if (res.retcode == 'SUCCESS') { |
|
|
|
if (res.retcode == 'SUCCESS') { |
|
|
|
this.qianbaoShow = false |
|
|
|
this.qianbaoShow = false |
|
|
|