parent
6da5b72f46
commit
a7003d4a55
File diff suppressed because it is too large
Load Diff
@ -1,210 +0,0 @@ |
||||
<template> |
||||
<div class="container" style="padding: 10px!important;"> |
||||
<el-row style="margin-bottom:20px;"> |
||||
<el-col> |
||||
<el-button style="background-color:#0066EB;color:#FFFFFF" plain icon="el-icon-plus" size="mini" class="btn-blue" @click="handleAdd"> |
||||
新增 |
||||
</el-button> |
||||
</el-col> |
||||
</el-row> |
||||
|
||||
<el-table v-loading="loading" :data="this.messages" style="height: 100%" border> |
||||
<el-table-column label="发送时间" align="center" key="sendTime" prop="sendTime" width="200"> |
||||
<template slot-scope="scope"> |
||||
<span>{{ parseTime(scope.row.sendTime) }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="发送对象姓名" align="center" key="userName" prop="userName" width="200"> |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.userId == 0 ? "全体":scope.row.userName }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="发送对象昵称" align="center" key="nickName" prop="nickName" width="200"> |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.userId == 0 ? "全体":scope.row.nickName }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="消息内容" align="center" key="message" prop="message" > |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.message}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<!-- <el-table-column label="操作" align="center" key="applyId" prop="applyId" width="200">--> |
||||
<!-- <template slot-scope="scope">--> |
||||
<!-- <span><el-button size="mini" type="text"--> |
||||
<!-- icon="el-icon-edit" @click="auditTask(scope.row.applyId)">审核</el-button></span>--> |
||||
<!-- </template>--> |
||||
<!-- </el-table-column> :current-page="queryParams.currentPage" --> |
||||
</el-table> |
||||
<div v-if="total>10" style='width:100%;margin-top:30px;text-align: center;'> |
||||
<el-pagination background |
||||
@current-change="handleCurrentChange" |
||||
|
||||
:page-size="queryParams.pageSize" |
||||
layout="total, prev, pager, next, jumper" |
||||
:total="total"> |
||||
</el-pagination> |
||||
</div> |
||||
<el-dialog title="发送系统消息" :visible.sync="open" :close-on-click-modal="false" width="700px" height="700px" |
||||
append-to-body> |
||||
<el-form :model="form" :rules="rules" ref="form" label-width="120px"> |
||||
<el-form-item label="发送对象" prop="userId"> |
||||
<el-select v-model="form.userId" filterable clearable placeholder="请选择" :style="{width:'100%'}"> |
||||
<el-option v-for="item in users" :key="item.userId" :label="item.nickName + ',' + item.phonenumber" :value="item.userId"> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="消息内容" prop="message"> |
||||
<el-input type="textarea" :rows="5" v-model="form.message"></el-input> |
||||
</el-form-item> |
||||
</el-form> |
||||
<div slot="footer" class="dialog-footer"> |
||||
<el-button type="primary" @click="submitForm" style="background-color:#0066EB;color:#FFFFFF">确 定</el-button> |
||||
<el-button @click="cancel">取 消</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import {listMessage,sendMessage} from "@/api/system/message"; |
||||
import {list} from "@/api/system/user"; |
||||
export default { |
||||
name: "MessageManage", |
||||
data() { |
||||
return { |
||||
open:false, |
||||
// 遮罩层 |
||||
loading: true, |
||||
title: '消息列表', |
||||
messages: [], |
||||
// 总条数 |
||||
total: 0, |
||||
// 查询参数 |
||||
queryParams: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
userId:'' |
||||
}, |
||||
form:{ |
||||
userId:'' |
||||
}, |
||||
rules:{ userId: [ |
||||
{required: true, message: "发送对象不能为空", trigger: "blur"} |
||||
], |
||||
message: [ |
||||
{required: true, message: "消息内容不能为空", trigger: "change"} |
||||
]}, |
||||
users:[] |
||||
} |
||||
}, |
||||
computed: {}, |
||||
created() { |
||||
this.list(); |
||||
}, |
||||
methods: { |
||||
/** 查询列表 */ |
||||
getList() { |
||||
this.loading = true; |
||||
this.list(); |
||||
}, |
||||
list() { |
||||
listMessage(this.queryParams).then(response => { |
||||
this.messages = response.rows; |
||||
this.total = response.total; |
||||
this.loading = false; |
||||
} |
||||
) |
||||
}, |
||||
handleAdd(){ |
||||
list().then(response=>{ |
||||
let userslist = response.user; |
||||
this.users=userslist.reverse(); |
||||
this.users.unshift({ |
||||
userId: 0, |
||||
userName:'全体', |
||||
nickName:'全体', |
||||
phonenumber: '' |
||||
}) |
||||
}) |
||||
this.open = true; |
||||
}, |
||||
submitForm(){ |
||||
this.$refs["form"].validate(valid => { |
||||
if (valid) { |
||||
sendMessage(this.form).then(response => { |
||||
this.$notify({ |
||||
title: '发送成功', |
||||
message: '', |
||||
align: 'center', |
||||
type: 'success' |
||||
}); |
||||
this.resetForm("form"); |
||||
this.open = false; |
||||
this.getList(); |
||||
}); |
||||
} |
||||
}); |
||||
}, |
||||
cancel(){ |
||||
this.open = false; |
||||
}, |
||||
//当前页码 |
||||
handleCurrentChange(val) { |
||||
this.queryParams.pageNum=val; |
||||
this.getList(); |
||||
} |
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.type { |
||||
color: #1890FF; |
||||
font-weight: bold; |
||||
font-size: 14px; |
||||
margin-right: 10px; |
||||
} |
||||
|
||||
.tip { |
||||
font-size: 13px; |
||||
color: gray; |
||||
} |
||||
|
||||
.el-link { |
||||
margin-right: 10px; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.active { |
||||
color: #1890FF; |
||||
} |
||||
|
||||
.el-row { |
||||
margin-bottom: 5px; |
||||
display: flex; |
||||
flex-wrap: wrap |
||||
} |
||||
|
||||
.el-card { |
||||
min-width: 100%; |
||||
height: 100%; |
||||
margin-right: 20px; |
||||
transition: all .5s; |
||||
} |
||||
.container>>>.el-table th{ |
||||
background-color:#F7F7F7; |
||||
color:#0e0c0c; |
||||
text-align:center; |
||||
} |
||||
.container>>>.el-table td{ |
||||
/* text-align:center; */ |
||||
background-color:#FAF9F9; |
||||
height:60px; |
||||
color:#666666; |
||||
} |
||||
.container>>>.el-table--border th{ |
||||
border-right:#F7F7F7 |
||||
} |
||||
</style> |
||||
@ -1,951 +0,0 @@ |
||||
<template> |
||||
<div class="examku"> |
||||
<main id="main"> |
||||
<!--========================== |
||||
Profile Section |
||||
============================--> |
||||
<section id="profile"> |
||||
<div class="container mt30" style="margin-top: 0px"> |
||||
<!-- <el-row :gutter="20">--> |
||||
<!-- <el-alert type="info" effect="dark" v-if="showAlert" :closable="false"> |
||||
您【{{appleTypeStr}}】的申请已提交，平台审核后会站内消息通知您。 |
||||
</el-alert> --> |
||||
<div v-if="showAlert"> |
||||
<el-tag color='#F7F7F7' >您【{{appleTypeStr}}】的申请已提交，平台审核后会站内消息通知您。</el-tag> |
||||
<el-tag color='#F2A51A' style="color:#FFFFFF;margin-left:17px;border:none;">{{appleTypeStr}}信息</el-tag> |
||||
</div> |
||||
<br/> |
||||
<div id="con_a_3" class="profile-info"> |
||||
<div v-if="bArray[0][0] != null" style="border: 1px solid #DCDCDC;border-radius:5px;padding:0 20px;margin:20px 0;width:80%"> |
||||
<h4 style="font-weight: bold;color:#0066EB;margin-bottom:0px">认证公司用户</h4> |
||||
<div class="testuser"> |
||||
<div style="color:#808080;font-size:14px;line-height:15px;"> |
||||
<p>普通用户可提交公司信息和认证所需材料，经通过平台审核后升级为认证公司用户。</p> |
||||
<p>认证公司用户可在测试众包市场中发布测试任务。</p> |
||||
</div> |
||||
<el-button @click="regCompanyChild" size="small" :disabled="!bArray[0][0]"> |
||||
{{ bArray[1][0] }} |
||||
</el-button> |
||||
</div> |
||||
</div> |
||||
<div></div> |
||||
<div v-if="bArray[0][1] != null" style="border: 1px solid #DCDCDC;border-radius:5px;padding:0 20px;margin:20px 0;width:80%"> |
||||
<h4 style="font-weight: bold;color:#0066EB;margin-bottom:0px">测试认证</h4> |
||||
<div class="testuser"> |
||||
<div style="color:#808080;font-size:14px;line-height:15px;"> |
||||
<p >普通用户可提交个人身份信息和资历升级为个人测试者。</p> |
||||
<p>个人测试者可在测试任务众包市场竞标和承接测试项目，完成任务可获取赏金。</p> |
||||
</div> |
||||
<el-button size="small" :disabled="!bArray[0][1]" @click="x2ctChild" > |
||||
{{ bArray[1][1] }} |
||||
</el-button> |
||||
</div> |
||||
</div> |
||||
<!-- <div v-if="bArray[0][1] != null" style="border: 1px solid #DCDCDC;border-radius:5px;padding:0 20px;margin:20px 0;width:80%"> |
||||
<h4 style="font-weight: bold;color:#0066EB;margin-bottom:0px">认证测试公司</h4> |
||||
<div class="testuser"> |
||||
<div style="color:#808080;font-size:14px;line-height:15px;"> |
||||
<p >普通用户可提交公司信息和公司测试者认证所需材料，并通过平台审核后，升级为公司测试者。</p> |
||||
<p>认证公司用户也可以补充提交公司测试者认证所需材料，并通过平台审核后，升级为认证测试公司。 </p> |
||||
<p>认证测试公司可在测试任务众包市场中应征和承接测试项目，完成任务可获取赏金。</p> |
||||
</div> |
||||
<el-button size="small" :disabled="!bArray[0][1]" @click="x2ctChild" > |
||||
{{ bArray[1][1] }} |
||||
</el-button> |
||||
</div> |
||||
|
||||
</div> |
||||
<div v-if="bArray[0][2] != null" style="border: 1px solid #DCDCDC;border-radius:5px;padding:0 20px;margin:20px 0;width:80%"> |
||||
<h4 style="font-weight: bold;color:#0066EB;margin-bottom:0px">个人测试者</h4> |
||||
<div class="testuser"> |
||||
<div style="color:#808080;font-size:14px;line-height:15px;"> |
||||
<p >普通用户可提交个人身份信息和资历升级为个人测试者。</p> |
||||
<p>个人测试者可在测试任务众包市场中应征和承接测试项目，完成任务可获取赏金。</p> |
||||
</div> |
||||
<el-button size="small" :disabled="!bArray[0][2]" @click="p2ptChild" > |
||||
{{ bArray[1][2] }} |
||||
</el-button> |
||||
</div> |
||||
</div> --> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</main> |
||||
<!-- 添加或修改公司申请审核对话框 --> |
||||
<el-dialog v-if="regCompanyOpen" :title="title" :visible.sync="regCompanyOpen" width="800px" append-to-body :close-on-click-modal="false" > |
||||
<el-form ref="form" :model="form" :rules="regCompanyRules" label-width="150px" > |
||||
<el-form-item label="公司名称" prop="name"> |
||||
<el-input v-model="form.name" type="textarea" placeholder="请输入内容" /> |
||||
</el-form-item> |
||||
<el-form-item label="统一信用代码" prop="creditCode"> |
||||
<el-input v-model="form.creditCode" placeholder="请输入统一信用代码" /> |
||||
</el-form-item> |
||||
<el-form-item label="通讯地址" prop="address"> |
||||
<el-input v-model="form.address" type="textarea" placeholder="请输入内容" /> |
||||
</el-form-item> |
||||
<el-form-item label="网址" prop="webSite"> |
||||
<el-input placeholder="请输入网址" v-model="form.webSite"> |
||||
<template slot="prepend">Http://</template> |
||||
</el-input> |
||||
</el-form-item> |
||||
<el-form-item label="营业执照" prop="businessLicenseUrl"> |
||||
<multi-upload v-if="allFileGetFlag" v-model="form.businessLicenseUrl" :serverAddr="materialServerAddr" fileName="营业执照" :limit="1" /> |
||||
</el-form-item> |
||||
<el-form-item label="认证公司补充材料" prop="filePath"> |
||||
<nonimage-upload v-if="allFileGetFlag" v-model="form.otherCQList" :serverAddr="materialServerAddr" fileName="认证公司补充材料" :limit="5" @setImgPath='setImgPath'/> |
||||
</el-form-item> |
||||
<el-form-item label="公司简介" prop="companyDesc"> |
||||
<el-input v-model="form.companyDesc" type="textarea" placeholder="请输入内容" /> |
||||
</el-form-item> |
||||
<el-form-item label="联系人姓名" prop="contactName"> |
||||
<el-input v-model="form.contactName" placeholder="请输入联系人姓名"/> |
||||
</el-form-item> |
||||
<el-form-item label="联系人职位" prop="contactPosition"> |
||||
<el-input v-model="form.contactPosition" placeholder="请输入联系人职位" /> |
||||
</el-form-item> |
||||
</el-form> |
||||
<div slot="footer" class="dialog-footer"> |
||||
<div class="submitbtn"> |
||||
<el-button @click="regCompanySubmitForm" >确 定 </el-button > |
||||
</div> |
||||
<el-button @click="regCompanyCancel">取 消</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
<!-- 添加或修改认证测试公司p2ct申请审核对话框 --> |
||||
<el-dialog v-if="p2ctOpen" :title="title" :visible.sync="p2ctOpen" width="800px" append-to-body :close-on-click-modal="false" > |
||||
<el-form ref="companyForm" :model="companyApply" :rules="p2ctRules" label-width="150px"> |
||||
<el-form-item label="公司名称" prop="name"> |
||||
<el-input v-model="companyApply.name" type="textarea" placeholder="请输入内容" /> |
||||
</el-form-item> |
||||
<el-form-item label="统一信用代码" prop="creditCode"> |
||||
<el-input v-model="companyApply.creditCode" placeholder="请输入统一信用代码" /> |
||||
</el-form-item> |
||||
<el-form-item label="通讯地址" prop="address"> |
||||
<el-input v-model="companyApply.address" type="textarea" placeholder="请输入内容" /> |
||||
</el-form-item> |
||||
<el-form-item label="网址" prop="webSite"> |
||||
<el-input placeholder="请输入网址" v-model="companyApply.webSite"> |
||||
<template slot="prepend">Http://</template> |
||||
</el-input> |
||||
</el-form-item> |
||||
<el-form-item label="营业执照" prop="businessLicenseUrl"> |
||||
<multi-upload v-if="allFileGetFlag" v-model="companyApply.businessLicenseUrl" :serverAddr="materialServerAddr" fileName="营业执照" :limit="1" /> |
||||
</el-form-item> |
||||
<el-form-item label="认证公司补充材料" prop="otherCQList"> |
||||
<nonimage-upload v-if="allFileGetFlag" v-model="companyApply.otherCQList" :serverAddr="materialServerAddr" :p2ctapply='1' fileName="认证公司补充材料" :limit="5" @setImgPath='setImgPath'/> |
||||
</el-form-item> |
||||
<el-form-item label="公司简介" prop="companyDesc"> |
||||
<el-input v-model="companyApply.companyDesc" type="textarea" placeholder="请输入内容" /> |
||||
</el-form-item> |
||||
<el-form-item label="联系人姓名" prop="contactName"> |
||||
<el-input v-model="companyApply.contactName" placeholder="请输入联系人姓名" /> |
||||
</el-form-item> |
||||
<el-form-item label="联系人职位" prop="contactPosition"> |
||||
<el-input v-model="companyApply.contactPosition" placeholder="请输入联系人职位" /> |
||||
</el-form-item> |
||||
</el-form> |
||||
<el-form ref="testerForm" :model="testerApply" label-width="150px"> |
||||
<el-form-item label="测试项目案例" prop="testProjects"> |
||||
<el-input v-model="testerApply.testProjects" type="textarea" placeholder="请输入内容" /> |
||||
<el-popover placement="top-start" title="示例：" width="530" trigger="hover"> |
||||
<span>2021年 航空仿真软件单元测试<br> |
||||
2020年 企业供应链管理平台安全测试<br> |
||||
2020年 B2C的电商平台系统前后台会员管理、订单、支付及后台订单处理相关模块测试 |
||||
</span> |
||||
<el-link slot="reference" style="color: #46a6ff;" :underline="false">查看示例</el-link> |
||||
</el-popover> |
||||
</el-form-item> |
||||
<el-form-item label="其它补充材料" prop="otherTQList"> |
||||
<nonimage-upload v-if="allFileGetFlag" v-model="testerApply.otherTQList" :serverAddr="materialServerAddr" :p2ctapply='2' fileName="其它补充材料" :limit="5" @setnoniPath='setnoniPath'/> |
||||
</el-form-item> |
||||
<el-form-item label="补充说明" prop="otherInfo"> |
||||
<el-input v-model="testerApply.otherInfo" type="textarea" placeholder="请输入内容" /> |
||||
</el-form-item> |
||||
</el-form> |
||||
<div slot="footer" class="dialog-footer"> |
||||
<div class="submitbtn"> |
||||
<el-button type="primary" @click="p2ctSubmitForm">确 定</el-button> |
||||
</div> |
||||
<el-button @click="p2ctCancel">取 消</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
<!-- 添加或修改c2ct申请审核对话框 --> |
||||
<el-dialog v-if="c2ctOpen" :title="title" :visible.sync="c2ctOpen" width="800px" append-to-body :close-on-click-modal="false" > |
||||
<el-form ref="form" :model="form" :rules="c2ctRules" label-width="150px"> |
||||
<el-form-item label="测试项目案例" prop="testProjects"> |
||||
<el-input v-model="form.testProjects" type="textarea" placeholder="请输入内容" /> |
||||
<el-popover placement="top-start" title="示例：" width="530" trigger="hover"> |
||||
<span>2021年 航空仿真软件单元测试<br> |
||||
2020年 企业供应链管理平台安全测试<br> |
||||
2020年 B2C的电商平台系统前后台会员管理、订单、支付及后台订单处理相关模块测试 |
||||
</span> |
||||
<el-link slot="reference" style="color: #46a6ff;" :underline="false">查看示例</el-link> |
||||
</el-popover> |
||||
</el-form-item> |
||||
<el-form-item label="其它补充材料" prop="filePath"> |
||||
<nonimage-upload v-if="allFileGetFlag" v-model="form.otherTQList" :serverAddr="materialServerAddr" fileName="其它补充材料" :limit="5" @setImgPath='setImgPath'/> |
||||
</el-form-item> |
||||
<el-form-item label="补充说明" prop="otherInfo"> |
||||
<el-input v-model="form.otherInfo" type="textarea" placeholder="请输入内容" /> |
||||
</el-form-item> |
||||
</el-form> |
||||
<div slot="footer" class="dialog-footer"> |
||||
<div class="submitbtn"> |
||||
<el-button type="primary" @click="c2ctSubmitForm">确 定</el-button> |
||||
</div> |
||||
<el-button @click="c2ctCancel">取 消</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
<!-- 添加或修改个人测试者p2pt申请审核对话框 --> |
||||
<el-dialog v-if="p2ptOpen" :title="title" :visible.sync="p2ptOpen" width="800px" append-to-body :close-on-click-modal="false" > |
||||
<el-form ref="form" :model="form" :rules="p2ptRules" label-width="150px"> |
||||
<el-form-item label="真实姓名" prop="name"> |
||||
<el-input v-model="form.name" placeholder="请输入真实姓名"/> |
||||
</el-form-item> |
||||
<el-form-item label="所在城市" prop="city"> |
||||
<el-input v-model="form.city" placeholder="请输入所在城市"/> |
||||
</el-form-item> |
||||
<el-form-item label="身份证号码" prop="idNumber"> |
||||
<el-input v-model="form.idNumber" placeholder="请输入身份证号码"/> |
||||
</el-form-item> |
||||
<el-form-item label="身份证正面" prop="idCardFrontUrl"> |
||||
<multi-upload v-if="allFileGetFlag" v-model="form.idCardFrontUrl" :serverAddr="materialServerAddr" fileName="身份证正面" :limit="1" /> |
||||
</el-form-item> |
||||
<el-form-item label="身份证反面" prop="idCardBackUrl"> |
||||
<multi-upload v-if="allFileGetFlag" v-model="form.idCardBackUrl" :serverAddr="materialServerAddr" fileName="身份证反面" :limit="1" /> |
||||
</el-form-item> |
||||
<el-form-item label="测试能力" prop="testSkills"> |
||||
<el-input v-model="form.testSkills" type="textarea" placeholder="请输入内容" /> |
||||
<el-popover placement="top-start" title="示例：" width="400" trigger="hover" > |
||||
<span>性能测试LoadRunner, Jmeter，自动化测试Selenium</span> |
||||
<el-link slot="reference" style="color: #46a6ff;" :underline="false">查看示例</el-link> |
||||
</el-popover> |
||||
</el-form-item> |
||||
<el-form-item label="测试项目案例" prop="testProjects"> |
||||
<el-input v-model="form.testProjects" type="textarea" placeholder="请输入内容" /> |
||||
<el-popover placement="top-start" title="示例：" width="530" trigger="hover"> |
||||
<span>2021年 航空仿真软件单元测试<br>2020年 企业供应链管理平台安全测试<br>2020年 B2C的电商平台系统前后台会员管理、订单、支付及后台订单处理相关模块测试</span> |
||||
<el-link slot="reference" style="color: #46a6ff;" :underline="false">查看示例</el-link> |
||||
</el-popover> |
||||
</el-form-item> |
||||
<el-form-item label="奖项和证书" prop="certificate"> |
||||
<el-input v-model="form.certificate" type="textarea" placeholder="请输入内容" /> |
||||
<el-popover placement="top-start" title="示例：" width="500" trigger="hover"> |
||||
<span>STQB认证软件测试工程师<br>国家软考认证软件评测师<br>或国家等级考试软件测试工程师证书 <br> |
||||
2019年全国大学生软件测试大赛二等奖 |
||||
</span> |
||||
<el-link slot="reference" style="color: #46a6ff;" :underline="false">查看示例</el-link> |
||||
</el-popover> |
||||
</el-form-item> |
||||
<el-form-item label="工作经历" prop="workExperience"> |
||||
<el-input v-model="form.workExperience" type="textarea" placeholder="请输入内容" /> |
||||
<el-popover placement="top-start" title="示例：" width="500" trigger="hover"> |
||||
<span>2017.5-2021.7 西安未央软件有限公司 软件测试工程师<br> |
||||
2013.9-2017.4. 西安大唐软件有限公司 软件测试工程师<br> |
||||
2009.9-2013.7 西安电子科技大学 软件工程专业 本科 |
||||
</span> |
||||
<el-link slot="reference" style="color: #46a6ff;" :underline="false">查看示例</el-link> |
||||
</el-popover> |
||||
</el-form-item> |
||||
<el-form-item label="其它补充材料" prop="filePath"> |
||||
<nonimage-upload v-if="allFileGetFlag" v-model="form.otherTQList" :serverAddr="materialServerAddr" fileName="其它补充材料" :limit="5" @setImgPath='setImgPath'/> |
||||
</el-form-item> |
||||
</el-form> |
||||
<div slot="footer" class="dialog-footer"> |
||||
<div class="submitbtn"> |
||||
<el-button type="primary" @click="p2ptSubmitForm">确 定</el-button> |
||||
</div> |
||||
<el-button @click="p2ptCancel">取 消</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
<el-dialog v-if="certification" :title="title" :visible.sync="certification" width="800px" append-to-body :close-on-click-modal="false" > |
||||
<el-form ref="form" :model="form" :rules="certifRules" label-width="150px"> |
||||
<el-form-item label="姓名" prop="name"> |
||||
<el-input v-model="form.name" placeholder="请输入真实姓名"/> |
||||
</el-form-item> |
||||
<el-form-item label="身份证号码" prop="idNumber"> |
||||
<el-input v-model="form.idNumber" placeholder="请输入身份证号码"/> |
||||
</el-form-item> |
||||
<el-form-item label="所在城市" prop="city"> |
||||
<el-input v-model="form.city" placeholder="请输入所在城市"/> |
||||
</el-form-item> |
||||
<el-form-item label="测试能力" prop="testSkills"> |
||||
<el-input v-model="form.testSkills" type="textarea" placeholder="请输入内容" /> |
||||
<el-popover placement="top-start" title="示例：" width="400" trigger="hover" > |
||||
<span>性能测试LoadRunner, Jmeter，自动化测试Selenium</span> |
||||
<el-link slot="reference" style="color: #46a6ff;" :underline="false">查看示例</el-link> |
||||
</el-popover> |
||||
</el-form-item> |
||||
<el-form-item label="技能证书" prop="idCardFrontUrl"> |
||||
<multi-upload v-if="allFileGetFlag" v-model="form.idCardFrontUrl" :serverAddr="materialServerAddr" fileName="技能证书" :limit="1" /> |
||||
</el-form-item> |
||||
<el-form-item label="工作经历" prop="workExperience"> |
||||
<el-input v-model="form.workExperience" type="textarea" placeholder="请输入内容" /> |
||||
<el-popover placement="top-start" title="示例：" width="500" trigger="hover"> |
||||
<span>2017.5-2021.7 西安未央软件有限公司 软件测试工程师<br> |
||||
2013.9-2017.4. 西安大唐软件有限公司 软件测试工程师<br> |
||||
2009.9-2013.7 西安电子科技大学 软件工程专业 本科 |
||||
</span> |
||||
<el-link slot="reference" style="color: #46a6ff;" :underline="false">查看示例</el-link> |
||||
</el-popover> |
||||
</el-form-item> |
||||
</el-form> |
||||
<div slot="footer" class="dialog-footer"> |
||||
<div class="submitbtn"> |
||||
<el-button type="primary" @click="p2ptSubmitForm">确 定</el-button> |
||||
</div> |
||||
<el-button @click="p2ptCancel">取 消</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import {apple_type} from "@/api/system/user"; |
||||
import { |
||||
listTesterApply, |
||||
getTesterApplyByUid, |
||||
delTesterApply, |
||||
addC2CT, |
||||
updateTesterApply, |
||||
exportTesterApply, |
||||
certificationStatus, |
||||
addTesterApply, |
||||
} from "@/api/tester/TesterApply"; |
||||
import { |
||||
listCompanyApply, |
||||
getCompanyApplyByUid, |
||||
delCompanyApply, |
||||
addCompanyApply, |
||||
updateCompanyApply, |
||||
exportCompanyApply, |
||||
} from "@/api/tester/CompanyApply"; |
||||
import {VueCropper} from "vue-cropper"; |
||||
import MultiUpload from "@/page/common/MultiUpload"; |
||||
import NonimageUpload from "@/page/common/NonimageUpload"; |
||||
|
||||
export default { |
||||
components: { |
||||
MultiUpload, |
||||
NonimageUpload, |
||||
VueCropper, |
||||
}, |
||||
props: { |
||||
user: { |
||||
type: Object, |
||||
}, |
||||
// regCompany: { |
||||
// type: Function, |
||||
// default: null, |
||||
// }, |
||||
// p2pt: { |
||||
// type: Function, |
||||
// default: null, |
||||
// }, |
||||
// x2ct: { |
||||
// type: Function, |
||||
// default: null, |
||||
// }, |
||||
// refreshProfile: { |
||||
// type: Function, |
||||
// default: null, |
||||
// }, |
||||
}, |
||||
data() { |
||||
return { |
||||
bArray: [ |
||||
[true, true], |
||||
["升级为认证公司用户", "升级为测试认证"], |
||||
// ["升级为认证公司用户", "升级为认证测试公司", "升级为个人测试者"], |
||||
], |
||||
certification:false, |
||||
showAlert: false, |
||||
appleTypeStr: "", |
||||
testerApplyB: {}, |
||||
companyApplyB: {}, |
||||
// p2ct表单参数 |
||||
userInfo: {}, |
||||
testerApply: {}, |
||||
companyApply: {}, |
||||
form: {}, |
||||
// 弹出层标题 |
||||
title: "", |
||||
// 是否显示regCompany弹出层 |
||||
regCompanyOpen: false, |
||||
// 是否显示p2pt弹出层 |
||||
p2ptOpen: false, |
||||
// 是否显示p2ct弹出层 |
||||
p2ctOpen: false, |
||||
// 是否显示c2ct弹出层 |
||||
c2ctOpen: false, |
||||
rules: {}, |
||||
// 个人测试者表单校验 |
||||
p2ptRules: { |
||||
name: [ |
||||
{required: true, message: "真实姓名不能为空", trigger: "blur"}, |
||||
], |
||||
city: [ |
||||
{required: true, message: "所在城市不能为空", trigger: "blur"}, |
||||
], |
||||
idNumber: [ |
||||
{required: true, message: "身份证号码能为空", trigger: "blur"}, |
||||
{ |
||||
pattern: |
||||
/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/, |
||||
message: "请输入正确的身份证号码", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
idCardFrontUrl: [ |
||||
{required: true, message: "身份证正面不能为空", trigger: "blur"}, |
||||
], |
||||
idCardBackUrl: [ |
||||
{required: true, message: "身份证反面不能为空", trigger: "blur"}, |
||||
], |
||||
testSkills: [ |
||||
{required: true, message: "测试能力不能为空", trigger: "blur"}, |
||||
], |
||||
testProjects: [ |
||||
{required: true, message: "测试项目案例不能为空", trigger: "blur"}, |
||||
], |
||||
idCardFrontUrl: [ |
||||
{ |
||||
required: true, |
||||
message: "请上传身份证正面", |
||||
trigger: "change", |
||||
}, |
||||
], |
||||
idCardBackUrl: [ |
||||
{ |
||||
required: true, |
||||
message: "请上传身份证反面", |
||||
trigger: "change", |
||||
}, |
||||
], |
||||
}, |
||||
// 认证公司用户表单校验 |
||||
regCompanyRules: { |
||||
name: [ |
||||
{required: true, message: "公司名称不能为空", trigger: "blur"}, |
||||
], |
||||
creditCode: [ |
||||
{required: true, message: "统一信用代码不能为空", trigger: "blur"}, |
||||
{ |
||||
pattern: |
||||
/^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/, |
||||
message: "请输入正确的统一信用代码", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
address: [ |
||||
{required: true, message: "通讯地址不能为空", trigger: "blur"}, |
||||
], |
||||
webSite: [ |
||||
{required: true, message: "网址不能为空", trigger: "blur"}, |
||||
{ |
||||
pattern: |
||||
/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/|www\.)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/, |
||||
message: "请输入正确的网址", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
companyDesc: [ |
||||
{required: true, message: "公司简介不能为空", trigger: "blur"}, |
||||
], |
||||
contactName: [ |
||||
{required: true, message: "联系人姓名不能为空", trigger: "blur"}, |
||||
], |
||||
contactPosition: [ |
||||
{required: true, message: "联系人职位不能为空", trigger: "blur"}, |
||||
], |
||||
businessLicenseUrl: [ |
||||
{ |
||||
required: true, |
||||
message: "请上传营业执照", |
||||
trigger: "change", |
||||
}, |
||||
], |
||||
}, |
||||
// 认证测试公司表单校验 |
||||
p2ctRules: { |
||||
name: [ |
||||
{required: true, message: "公司名称不能为空", trigger: "blur"}, |
||||
], |
||||
creditCode: [ |
||||
{required: true, message: "统一信用代码不能为空", trigger: "blur"}, |
||||
{ |
||||
pattern: |
||||
/^([0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}|[1-9]\d{14})$/, |
||||
message: "请输入正确的统一信用代码", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
address: [ |
||||
{required: true, message: "通讯地址不能为空", trigger: "blur"}, |
||||
], |
||||
webSite: [ |
||||
{required: true, message: "网址不能为空", trigger: "blur"}, |
||||
{ |
||||
pattern: |
||||
/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/|www\.)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/, |
||||
message: "请输入正确的网址", |
||||
trigger: "blur", |
||||
}, |
||||
], |
||||
|
||||
companyDesc: [ |
||||
{required: true, message: "公司简介不能为空", trigger: "blur"}, |
||||
], |
||||
contactName: [ |
||||
{required: true, message: "联系人姓名不能为空", trigger: "blur"}, |
||||
], |
||||
contactPosition: [ |
||||
{required: true, message: "联系人职位不能为空", trigger: "blur"}, |
||||
], |
||||
businessLicenseUrl: [ |
||||
{ |
||||
required: true, |
||||
message: "请上传营业执照", |
||||
trigger: "change", |
||||
}, |
||||
], |
||||
}, |
||||
// 认证测试公司其他状态表单校验 |
||||
c2ctRules: { |
||||
testProjects: [ |
||||
{required: true, message: "测试项目案例不能为空", trigger: "blur"}, |
||||
], |
||||
}, |
||||
materialServerAddr: "", |
||||
allFileGetFlag: false, |
||||
}; |
||||
}, |
||||
created() { |
||||
this.getCertificationStatus(); |
||||
this.getClientConfigKey("material.server").then((response) => { |
||||
this.materialServerAddr = response.msg; |
||||
}); |
||||
}, |
||||
methods: { |
||||
getCertificationStatus() { |
||||
certificationStatus().then((response) => { |
||||
this.testerApplyB = response.testerApply; |
||||
this.companyApplyB = response.companyApply; |
||||
this.initBArray(); |
||||
}); |
||||
}, |
||||
initBArray() { |
||||
this.bArray = this.checkStatus(); |
||||
}, |
||||
checkStatus() { |
||||
|
||||
|
||||
let stateArr = [ |
||||
[true, true], |
||||
["升级为认证公司用户", "升级为测试认证"], |
||||
]; |
||||
if (this.user.companyStatus == 2) { |
||||
if (this.user.testerStatus == 2) { |
||||
stateArr[0][0] = null; |
||||
stateArr[0][1] = true; |
||||
stateArr[0][2] = null; |
||||
stateArr[1][1] = "更新测试公司信息"; |
||||
} else { |
||||
stateArr[0][0] = true; |
||||
stateArr[0][1] = true; |
||||
stateArr[0][2] = null; |
||||
stateArr[1][0] = "更新公司信息"; |
||||
stateArr[1][1] = "升级为认证测试公司"; |
||||
} |
||||
} else { |
||||
if (this.user.testerStatus == 2) { |
||||
stateArr[0][0] = null; |
||||
stateArr[0][1] = null; |
||||
stateArr[0][2] = true; |
||||
stateArr[1][2] = "更新个人测试者信息"; |
||||
} |
||||
} |
||||
|
||||
//只要有申请按钮就都变灰 |
||||
//check 第一次认证或更新认证信息申请都需要变灰 status 状态：0:unaudit;1:pass;2:unpass; |
||||
if ( |
||||
this.user.companyStatus == 1 || |
||||
this.user.testerStatus == 1 || |
||||
(this.testerApplyB && this.testerApplyB.status == 0) || |
||||
(this.companyApplyB && this.companyApplyB.status == 0) |
||||
) { |
||||
if (stateArr[0][0] != null) { |
||||
stateArr[0][0] = false; |
||||
} |
||||
if (stateArr[0][1] != null) { |
||||
stateArr[0][1] = false; |
||||
} |
||||
if (stateArr[0][2] != null) { |
||||
stateArr[0][2] = false; |
||||
} |
||||
|
||||
// return stateArr; |
||||
this.showAlert = true; //有申请在审核中 |
||||
|
||||
var result = 0; |
||||
var cS = this.user.companyStatus; |
||||
var tS = this.user.testerStatus; |
||||
/*** |
||||
* 申请： |
||||
* 0 p2c |
||||
* 1 p2pt |
||||
* 2 p2ct |
||||
* 3 c2ct |
||||
* 或更新： |
||||
* 4 更新公司 uc |
||||
* 5 更新测试公司 uct |
||||
* 6 更新个人测试者 upt |
||||
*/ |
||||
if (cS == 2) { |
||||
if (tS == 2) { |
||||
result = 5; //uct |
||||
} else if (tS == 1) { |
||||
result = 3; //c2ct |
||||
} else { |
||||
result = 4; //uc |
||||
} |
||||
} else if (cS == 1) { |
||||
if (tS == 2) { |
||||
// 个人测试者无法再继续认证为公司 |
||||
} else if (tS == 1) { |
||||
result = 2; //p2ct |
||||
} else { |
||||
result = 0; //p2c |
||||
} |
||||
} else { |
||||
if (tS == 2) { |
||||
result = 6; //upt |
||||
} else if (tS == 1) { |
||||
result = 1; //p2pt |
||||
} else { |
||||
// 啥都没做哦 |
||||
} |
||||
} |
||||
this.appleTypeStr = apple_type.getDescFromValue(result); |
||||
} else { |
||||
this.showAlert = false; |
||||
} |
||||
|
||||
return stateArr; |
||||
}, |
||||
regCompanyChild() { |
||||
this.getCompanyApplyByUserID(this.user.userId); |
||||
}, |
||||
/** 加载审核页面数据操作 */ |
||||
getCompanyApplyByUserID(userId) { |
||||
this.allFileGetFlag = false; |
||||
getCompanyApplyByUid(userId).then((response) => { |
||||
if (response.data) { |
||||
this.form = response.data; |
||||
} else { |
||||
this.form = { |
||||
applyId: null, |
||||
name: null, |
||||
creditCode: null, |
||||
address: null, |
||||
webSite: null, |
||||
companyDesc: null, |
||||
contactName: null, |
||||
contactPosition: null, |
||||
createTime: null, |
||||
updateTime: null, |
||||
businessLicenseUrl: [], |
||||
otherCQList: [], |
||||
}; |
||||
} |
||||
this.allFileGetFlag = true; |
||||
this.regCompanyOpen = true; |
||||
this.title = "公司用户认证信息"; |
||||
}); |
||||
}, |
||||
p2ptChild() { |
||||
this.p2ptGetApplyByUserID(this.user.userId); |
||||
}, |
||||
/** 加载审核页面数据操作 */ |
||||
p2ptGetApplyByUserID(userId) { |
||||
getTesterApplyByUid(userId).then((response) => { |
||||
if (response.data) { |
||||
this.form = response.data; |
||||
} else { |
||||
this.form = { |
||||
applyId: null, |
||||
name: null, |
||||
city: null, |
||||
idNumber: null, |
||||
testSkills: null, |
||||
testProjects: null, |
||||
workExperience: null, |
||||
certificate: null, |
||||
createTime: null, |
||||
updateTime: null, |
||||
idCardFrontUrl: [], |
||||
idCardBackUrl: [], |
||||
otherTQList: [], |
||||
}; |
||||
} |
||||
this.allFileGetFlag = true; |
||||
this.p2ptOpen = true; |
||||
this.title = "个人测试者认证信息"; |
||||
}); |
||||
}, |
||||
p2ctChild() { |
||||
this.p2ctGetApplyByUserID(this.user.userId); |
||||
}, |
||||
/** 加载审核页面数据操作 */ |
||||
p2ctGetApplyByUserID(userId) { |
||||
certificationStatus().then((response) => { |
||||
if (response.testerApply) { |
||||
this.testerApply = response.testerApply; |
||||
} else { |
||||
this.testerApply = { |
||||
testProjects: null, |
||||
otherInfo: null, |
||||
otherTQList: [], |
||||
}; |
||||
} |
||||
if (response.companyApply) { |
||||
this.companyApply = response.companyApply; |
||||
} else { |
||||
this.companyApply = { |
||||
applyId: null, |
||||
name: null, |
||||
creditCode: null, |
||||
address: null, |
||||
webSite: null, |
||||
companyDesc: null, |
||||
contactName: null, |
||||
contactPosition: null, |
||||
createTime: null, |
||||
updateTime: null, |
||||
businessLicenseUrl: [], |
||||
otherCQList: [], |
||||
}; |
||||
} |
||||
if (response.data) { |
||||
this.userInfo = response.data; |
||||
} else { |
||||
} |
||||
this.allFileGetFlag = true; |
||||
this.p2ctOpen = true; |
||||
this.title = "测试公司认证信息"; |
||||
}); |
||||
}, |
||||
c2ctChild() { |
||||
this.c2ctGetApplyByUserID(this.user.userId); |
||||
}, |
||||
/** 加载审核页面数据操作 */ |
||||
c2ctGetApplyByUserID(userId) { |
||||
getTesterApplyByUid(userId).then((response) => { |
||||
if (response.data) { |
||||
this.form = response.data; |
||||
} else { |
||||
this.form = { |
||||
testProjects: null, |
||||
otherInfo: null, |
||||
otherTQList: [], |
||||
}; |
||||
} |
||||
this.allFileGetFlag = true; |
||||
this.c2ctOpen = true; |
||||
this.title = "测试公司认证信息"; |
||||
}); |
||||
}, |
||||
// 取消按钮 |
||||
p2ptCancel() { |
||||
this.p2ptOpen = false; |
||||
this.reset(); |
||||
}, |
||||
// 取消按钮 |
||||
regCompanyCancel() { |
||||
this.regCompanyOpen = false; |
||||
this.reset(); |
||||
}, |
||||
p2ctCancel() { |
||||
this.p2ctOpen = false; |
||||
this.p2ctReset(); |
||||
}, |
||||
c2ctCancel() { |
||||
this.c2ctOpen = false; |
||||
this.reset(); |
||||
}, |
||||
// 表单重置 |
||||
reset() { |
||||
this.form = {}; |
||||
this.resetForm("form"); |
||||
}, |
||||
//TODO p2ct中包含的两个表单重置 |
||||
p2ctReset() { |
||||
this.companyApply = {}; |
||||
this.resetForm("companyApply"); |
||||
this.testerApply = {}; |
||||
this.resetForm("testerApply"); |
||||
}, |
||||
/** 添加或修改认证公司用户提交按钮 */ |
||||
regCompanySubmitForm() { |
||||
this.$refs["form"].validate((valid) => { |
||||
if (valid) { |
||||
if (this.form.applyId != null) { |
||||
updateCompanyApply(this.form).then((response) => { |
||||
this.$message.success("更新提交成功，请等待审核结果"); |
||||
this.regCompanyOpen = false; |
||||
this.refreshUserProfile(); |
||||
}); |
||||
} else { |
||||
addCompanyApply(this.form).then((response) => { |
||||
this.$message.success("申请提交成功，请等待审核结果"); |
||||
this.regCompanyOpen = false; |
||||
this.refreshUserProfile(); |
||||
}); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
// 添加或修改认证测试公司提交按钮 |
||||
p2ctSubmitForm() { |
||||
this.$refs["companyForm"].validate((valid) => { |
||||
if (valid) { |
||||
if (this.testerApply.applyId != null) { |
||||
updateCompanyApply(this.companyApply).then((response) => { |
||||
updateTesterApply(this.testerApply).then((response) => { |
||||
this.$message.success("更新提交成功，请等待审核结果"); |
||||
this.p2ctOpen = false; |
||||
this.refreshUserProfile(); |
||||
}); |
||||
}); |
||||
} else { |
||||
this.testerApply.applyType = 1; |
||||
addCompanyApply(this.companyApply).then((response) => { |
||||
addTesterApply(this.testerApply).then((response) => { |
||||
this.$message.success("申请提交成功，请等待审核结果"); |
||||
this.p2ctOpen = false; |
||||
this.refreshUserProfile(); |
||||
}); |
||||
}); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
//不同状态下添加或修改认证测试公司提交按钮 |
||||
c2ctSubmitForm() { |
||||
this.$refs["form"].validate((valid) => { |
||||
if (valid) { |
||||
this.form.applyType = 2; |
||||
if (this.form.applyId != null) { |
||||
updateTesterApply(this.form).then((response) => { |
||||
this.$message.success("更新提交成功，请等待审核结果"); |
||||
this.c2ctOpen = false; |
||||
this.refreshUserProfile(); |
||||
}); |
||||
} else { |
||||
addC2CT(this.form).then((response) => { |
||||
this.$message.success("申请提交成功，请等待审核结果"); |
||||
this.c2ctOpen = false; |
||||
this.refreshUserProfile(); |
||||
}); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
setImgPath(value) { |
||||
if(value){ |
||||
if(this.regCompanyOpen){ |
||||
this.form.otherCQList= value; |
||||
}else if(this.p2ctOpen){ |
||||
this.companyApply.otherCQList= value; |
||||
}else if(this.c2ctOpen){ |
||||
this.form.otherTQList=value |
||||
}else if(this.p2ptOpen){ |
||||
this.form.otherTQList= value; |
||||
} |
||||
} |
||||
}, |
||||
setnoniPath(value){ |
||||
if(value){ |
||||
this.testerApply.otherTQList= value; |
||||
} |
||||
}, |
||||
/** 添加或修改个人测试者提交按钮 */ |
||||
p2ptSubmitForm() { |
||||
this.$refs["form"].validate((valid) => { |
||||
if (valid) { |
||||
this.form.applyType = 0; |
||||
if (this.form.applyId != null) { |
||||
updateTesterApply(this.form).then((response) => { |
||||
this.$message.success("更新提交成功，请等待审核结果"); |
||||
this.p2ptOpen = false; |
||||
this.refreshUserProfile(); |
||||
}); |
||||
} else { |
||||
addTesterApply(this.form).then((response) => { |
||||
this.$message.success("申请提交成功，请等待审核结果"); |
||||
this.p2ptOpen = false; |
||||
this.refreshUserProfile(); |
||||
}); |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
refreshUserProfile() { |
||||
if (this.refreshProfile) { |
||||
this.refreshProfile(); |
||||
} |
||||
}, |
||||
x2ctChild(){ |
||||
this.certification=true |
||||
}, |
||||
//TODO check 第一次认证成功或更新认证信息成功 |
||||
x2ctChild() { |
||||
// if (this.user.companyStatus == 2) { |
||||
// if (this.user.testerStatus == 2) { |
||||
// this.p2ctChild(); |
||||
// } else { |
||||
// this.c2ctChild(); |
||||
// } |
||||
// } else { |
||||
// if (this.user.testerStatus == 2) { |
||||
// //TODO do nothing ??? |
||||
// } else { |
||||
// this.p2ctChild(); |
||||
// } |
||||
// } |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
<style scoped > |
||||
.user-userUpgrade-span { |
||||
text-align: center; |
||||
} |
||||
.testuser{ |
||||
display:flex; |
||||
align-items:center; |
||||
justify-content:space-between; |
||||
} |
||||
.testuser>>>.el-button{ |
||||
background:#F2A51A; |
||||
color:#FFFFFF; |
||||
margin-left:50px; |
||||
border: none; |
||||
} |
||||
.dialog-footer{ |
||||
display:flex; |
||||
text-align:right; |
||||
margin-left:550px |
||||
} |
||||
.submitbtn>>>.el-button{ |
||||
background:#0066EB; |
||||
color:#FFFFFF; |
||||
margin-right:30px; |
||||
border: none; |
||||
} |
||||
.examku>>>.el-dialog__title{ |
||||
font-weight:bold; |
||||
color: #0969bd |
||||
} |
||||
</style> |
||||
@ -1,37 +0,0 @@ |
||||
<template> |
||||
<div style="padding-bottom:50px"> |
||||
<!-- <div style="display:flex;align-items:center"> |
||||
<div class="dvied"></div> |
||||
<div style="font-weight: bold;color: #333333;font-size: 18px;margin-left:10px">众包详情</div> |
||||
</div> --> |
||||
<div style="background: #FFFFFF;border-radius: 4px;margin-top:-15px;margin-left:-130px"> |
||||
<crowddetails :mydetails='mydetails'></crowddetails> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import crowddetails from '@/page/homepage/crowdsourcing/crowddetails' |
||||
export default{ |
||||
components: {crowddetails}, |
||||
data(){ |
||||
return{ |
||||
mydetails:true, |
||||
|
||||
} |
||||
}, |
||||
mounted(){ |
||||
|
||||
}, |
||||
methods:{ |
||||
|
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.dvied{ |
||||
width: 4px; |
||||
height: 18px; |
||||
background: #0066EB; |
||||
} |
||||
</style> |
||||
@ -1,35 +0,0 @@ |
||||
<template> |
||||
<div style="padding-bottom:50px"> |
||||
<!-- <div style="display:flex;align-items:center"> |
||||
<div class="dvied"></div> |
||||
<div style="font-weight: bold;color: #333333;font-size: 18px;margin-left:10px">众包市场</div> |
||||
</div> --> |
||||
<div style="background: #FFFFFF;border-radius: 4px;"> |
||||
<crowd></crowd> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import crowd from '@/page/homepage/crowdsourcing/crowd' |
||||
export default{ |
||||
components: {crowd}, |
||||
data(){ |
||||
return{ |
||||
} |
||||
}, |
||||
mounted(){ |
||||
|
||||
}, |
||||
methods:{ |
||||
|
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.dvied{ |
||||
width: 4px; |
||||
height: 18px; |
||||
background: #0066EB; |
||||
} |
||||
</style> |
||||
@ -1,346 +0,0 @@ |
||||
<template> |
||||
<div style="padding-bottom:50px"> |
||||
<!-- <div style="display:flex;align-items:center"> |
||||
<div class="dvied"></div> |
||||
<div style="font-weight: bold;color: #333333;font-size: 18px;margin-left:10px">我的众包</div> |
||||
</div> --> |
||||
<div style="background:#FFFFFF;border-radius:4px;"> |
||||
<div class="crowdnum"> |
||||
<el-radio-group v-model="crowdmol" @change="showDataTypeChage" fill='#0066EB'> |
||||
<el-radio-button label="myClaim" v-if="myClaimShow"> |
||||
<div v-if="crowdmol=='myClaim'" style="display:flex;align-items:center"> |
||||
<img src="/assets/personal/chenggong.png" alt=""> |
||||
<span style="margin-left:6px;color:#FFFFFF">我竞标成功的任务</span> |
||||
</div> |
||||
<div v-else style="display:flex;align-items:center"> |
||||
<img src="/assets/personal/chenggong 1.png" alt=""> |
||||
<span style="margin-left:6px;color:#4d4d4d">我竞标成功的任务</span> |
||||
</div> |
||||
</el-radio-button> |
||||
<el-radio-button label="myPublish"> |
||||
<div v-if="crowdmol=='myPublish'" style="display:flex;align-items:center"> |
||||
<img src="/assets/personal/fabu1.png" alt=""> |
||||
<span style="margin-left:6px;color:#FFFFFF">我发布的任务</span> |
||||
</div> |
||||
<div v-else style="display:flex;align-items:center"> |
||||
<img src="/assets/personal/fabu.png" alt=""> |
||||
<span style="margin-left:6px;color:#4d4d4d">我发布的任务</span> |
||||
</div> |
||||
</el-radio-button> |
||||
<el-radio-button label="myApply"> |
||||
<div v-if="crowdmol=='myApply'" style="display:flex;align-items:center"> |
||||
<img src="/assets/personal/ceshishenqing 1.png" alt=""> |
||||
<span style="margin-left:6px;color:#FFFFFF">众包发布申请</span> |
||||
</div> |
||||
<div v-else style="display:flex;align-items:center"> |
||||
<img src="/assets/personal/ceshishenqing.png" alt=""> |
||||
<span style="margin-left:6px;color:#4d4d4d">众包发布申请</span> |
||||
</div> |
||||
</el-radio-button> |
||||
<!-- <el-radio-button label="tobeExpired"> |
||||
<img v-if="crowdmol=='tobeExpired'" src="/assets/personal/ceshishenqing 1.png" alt=""> |
||||
<img v-else src="/assets/personal/ceshishenqing.png" alt=""> |
||||
<span style="margin-left:6px">即将到期的任务</span> |
||||
</el-radio-button> |
||||
<el-radio-button label="allTask"> |
||||
<img v-if="crowdmol=='allTask'" src="/assets/personal/ceshishenqing 1.png" alt=""> |
||||
<img v-else src="/assets/personal/ceshishenqing.png" alt=""> |
||||
<span style="margin-left:6px">所有任务</span> |
||||
</el-radio-button> --> |
||||
<!--审核页 <crowdsource-audit ref="crowdsourceAudit" @closeDialog="closeDialog" ></crowdsource-audit> --> |
||||
</el-radio-group> |
||||
<el-form v-if="crowdmol=='allTask'" :model="queryParams" ref="queryForm" :inline="true" label-width="68px" class="baseinfo" style="margin-top:30px"> |
||||
<el-form-item label="任务状态" prop="processStatus"> |
||||
<el-select v-model="queryParams.processStatus"> |
||||
<el-option label="请选择" value="">请选择</el-option> |
||||
<el-option label="应征中" value=0>竞标中</el-option> |
||||
<el-option label="测试中" value=1>测试中</el-option> |
||||
<el-option label="没有竞标者，过期下架" value=4>没有竞标者，过期下架</el-option> |
||||
<el-option label="未指定测试者，过期下架" value=5>未指定测试者，过期下架</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button type="primary" icon="el-icon-search" size="small" @click="showDataTypeChage('allTask')">搜索</el-button> |
||||
<el-button style="background: #F2A51A;" @click="resetQuery">重置</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
<el-table v-loading='loading' :data="crowdData" style="margin-top:30px" > |
||||
<el-table-column label="序号" width="100px" align="center"> |
||||
<template slot-scope="scope"> |
||||
{{ scope.$index + 1 }} |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="任务ID" v-if="crowdmol=='allTask'" width="90" align="center" key="taskId" prop="taskId"/> |
||||
<el-table-column label="发布时间" align="center" key="createTime" prop="createTime" > |
||||
<template slot-scope="scope"> |
||||
<span v-if="scope.row.createTime">{{ parseTime(scope.row.createTime).toString().split(" ")[0]}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="项目名称" align="center" key="projectName" prop="projectName" :show-overflow-tooltip="true" width="260px"/> |
||||
<el-table-column label="金额" align="center" key="price" prop="price" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>￥{{scope.row.price}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="任务类型" align="center" key="testType" prop="testType" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>{{findLabelValueByProp(tasktypelist,scope.row.testType,'id','name')}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="项目工期" align="center" key="period" prop="period" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.period}}天</span> |
||||
</template> |
||||
</el-table-column> |
||||
<!-- --> |
||||
<el-table-column v-if="crowdmol=='myClaim' || crowdmol=='myPublish'|| crowdmol=='tobeExpired'" |
||||
label="截止日期" align="center" key="expireTime" prop="expireTime" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span v-if="scope.row.expireTime">{{ parseTime(scope.row.expireTime).toString().split(" ")[0]}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column v-if="crowdmol=='myApply'" label="审核状态" align="center" key="1" prop="status" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<el-tag v-if="scope.row.status == 0" type="primary" effect="dark" size="small" style="width:68px;padding-left: 12px;padding-right: 12px;cursor:pointer">待审核</el-tag> |
||||
<el-tag v-else-if="scope.row.status == 1" type="success" effect="dark" size="small" style="cursor:pointer">审核通过</el-tag> |
||||
<el-tag v-else type="danger" effect="dark" size="small" style="cursor:pointer">审核不通过</el-tag> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column v-if="crowdmol !='myApply'" label="任务状态" align="center" key="3" prop="processStatus" :show-overflow-tooltip="true" width="180px"> |
||||
<template slot-scope="scope" > |
||||
<p v-if="scope.row.processStatus"> |
||||
<el-tag :type="scope.row.processStatus==0?'primary':(scope.row.processStatus==1 || scope.row.processStatus==3)?'success':'danger'" effect="dark" |
||||
style="cursor:pointer">{{findByvalue(processStatuslist,scope.row.processStatus)}}</el-tag> |
||||
</p> |
||||
<p v-else> |
||||
暂无 |
||||
</p> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column v-if="crowdmol !='myApply'" label="竞标者总数" align="center" key="appCount" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.personalAppCount + scope.row.companyAppCount}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
||||
<template slot-scope="scope"> |
||||
<el-button size="mini" type="text" icon="el-icon-edit" |
||||
v-if="(crowdmol=='myApply' && scope.row.status==2) ||((crowdmol=='myPublish') && (scope.row.processStatus==4 || scope.row.processStatus==5 || scope.row.processStatus==6 ||scope.row.processStatus == 7))" |
||||
@click="publishTask(scope.row)" >重新发布 |
||||
</el-button> |
||||
<router-link v-if="crowdmol=='myApply'" :to="{path:'/console/currentcrowd',query:{id:scope.row.applyId,type:crowdmol}}" class="link-type"> |
||||
<el-button size="mini" type="text" icon="el-icon-key" >查看详情 |
||||
</el-button> |
||||
</router-link> |
||||
<router-link v-if="crowdmol=='myPublish' || crowdmol=='myClaim'" :to="{path:'/console/currentcrowd',query:{id:scope.row.taskId,type:crowdmol}}" class="link-type"> |
||||
<el-button size="mini" type="text" icon="el-icon-key" >查看详情 |
||||
</el-button> |
||||
</router-link> |
||||
<router-link v-if="crowdmol=='tobeExpired' || crowdmol=='allTask'" :to="{path:'/console/currentcrowd',query:{id:scope.row.applyId,type:crowdmol}}" class="link-type"> |
||||
<el-button size="mini" type="text" icon="el-icon-key" >查看详情 |
||||
</el-button> |
||||
</router-link> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<!-- :current-page="currentPage" --> |
||||
<div v-if="total>10" style='width:100%;margin-top:30px;text-align: center;'> |
||||
<el-pagination background |
||||
@current-change="handleCurrentChange" |
||||
|
||||
:page-size="queryParams.pageSize" |
||||
layout="total, prev, pager, next, jumper" |
||||
:total="total"> |
||||
</el-pagination> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<crowdsource-task v-show="crowdmol=='myApply' && task != null" ref="crowdsourceTask"></crowdsource-task> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import {mapGetters} from "vuex"; |
||||
import {findByvalue, findLabelValueByProp} from "@/util/util"; |
||||
import {applicantlist,onsiteTypelist,processStatuslist} from "@/const/dict/commondict"; |
||||
import {crowdlist,homecrowdlist,myClaim, myApply, myPublish} from "@/api/crowdsource/crowdsource"; |
||||
import CrowdsourceTask from "../../common/CrowdsourceTask"; |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
tasktypelist:[{name:'静态测试',id:'static'},{name:'功能测试',id:'function'},{name:'性能测试',id:'performance'},{name:'安全测试',id:'security'}, |
||||
{name:'配置项测试',id:'configuration'},{name:'可靠性测试',id:'reliability'}, {name:'研发任务',id:'development'},{name:'用人任务',id:'outsource'},{name:'其他',id:'other'}], |
||||
crowdmol:'myApply', |
||||
crowdData:[], |
||||
task:null, |
||||
// currentPage:'1', |
||||
loading: false, |
||||
myClaimShow: true, |
||||
// companyStatus: 0, |
||||
// testerStatus: 0, |
||||
processStatuslist,//任务状态 |
||||
// 总条数 |
||||
total: 0, |
||||
// 查询参数 |
||||
queryParams: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
taskStatus:undefined, |
||||
processStatus:undefined |
||||
} |
||||
} |
||||
}, |
||||
computed: { |
||||
...mapGetters(['testtypelist','feescopelist','companyStatus','testerStatus','userinform']) |
||||
}, |
||||
components:{CrowdsourceTask}, |
||||
mounted(){ |
||||
// this.companyStatus = store.getters.companyStatus; |
||||
// this.testerStatus = store.getters.testerStatus; |
||||
if (this.companyStatus == 2 && this.testerStatus !=2) { |
||||
this.myClaimShow = false; |
||||
// if (store.getters.activeName == 'myPublish' || store.getters.activeName == 'myClaim' || store.getters.activeName == 'myApply') |
||||
// this.activeName = store.getters.activeName; |
||||
// else |
||||
// this.activeName = 'myPublish'; |
||||
} else { |
||||
// if (store.getters.activeName == 'myPublish' || store.getters.activeName == 'myClaim' || store.getters.activeName == 'myApply') |
||||
// this.activeName = store.getters.activeName; |
||||
} |
||||
this.showDataTypeChage('myApply') |
||||
}, |
||||
methods:{ |
||||
findByvalue, |
||||
findLabelValueByProp, |
||||
showDataTypeChage(val){ |
||||
if (val == 'myApply'){ |
||||
this.listMyApply(); |
||||
} |
||||
else if (val == 'myPublish'){ |
||||
this.listMyPublish(); |
||||
} |
||||
else if (val == 'myClaim'){ |
||||
this.listMyClaim(); |
||||
} |
||||
else if (val == 'tobeExpired'){ |
||||
this.listTobeExpired(); |
||||
} |
||||
else if (val == 'allTask'){ |
||||
this.listAllTask(); |
||||
} |
||||
}, |
||||
//众包发布申请 |
||||
listMyApply() { |
||||
this.loading = true; |
||||
myApply(this.queryParams).then(response => { |
||||
this.crowdData = response.rows; |
||||
this.total = response.total; |
||||
this.loading = false; |
||||
}) |
||||
}, |
||||
// 我发布的任务 |
||||
listMyPublish() { |
||||
this.loading = true; |
||||
myPublish(this.queryParams).then(response => { |
||||
this.crowdData = response.rows; |
||||
this.total = response.total; |
||||
this.loading = false; |
||||
}) |
||||
}, |
||||
//我应征成功的任务 |
||||
listMyClaim() { |
||||
this.loading = true; |
||||
// |
||||
myClaim(this.queryParams,this.userinform.userId).then(response => { |
||||
this.crowdData = response.rows; |
||||
this.total = response.total; |
||||
this.loading = false; |
||||
}) |
||||
}, |
||||
// 即将到期的任务 |
||||
listTobeExpired(){ |
||||
this.loading = true; |
||||
this.queryParams.queryType = 1; |
||||
homecrowdlist(this.queryParams).then(response => { |
||||
this.crowdData = response.rows; |
||||
this.total = response.total; |
||||
this.loading = false; |
||||
}) |
||||
}, |
||||
// 所有任务 |
||||
listAllTask(){ |
||||
this.loading = true; |
||||
this.queryParams.queryType = 2; |
||||
homecrowdlist(this.queryParams).then(response => { |
||||
this.crowdData = response.rows; |
||||
this.total = response.total; |
||||
this.loading = false; |
||||
}) |
||||
}, |
||||
//当前页码 |
||||
handleCurrentChange(val) { |
||||
this.queryParams.pageNum=val; |
||||
this.showDataTypeChage(this.crowdmol) |
||||
}, |
||||
// 重新发布 |
||||
publishTask(task) { |
||||
this.task = task; |
||||
this.$refs.crowdsourceTask.openDialog(task); |
||||
}, |
||||
//重置 |
||||
resetQuery() { |
||||
// this.dateRange = []; |
||||
this.resetForm("queryForm"); |
||||
this.queryParams.pageNum=1 |
||||
this.showDataTypeChage(this.crowdmol) |
||||
// this.listAllTask(); |
||||
} |
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.dvied{ |
||||
width: 4px; |
||||
height: 18px; |
||||
background: #0066EB; |
||||
} |
||||
.crowdnum>>>.el-radio-button__inner{ |
||||
background:#ebebed; |
||||
border:none; |
||||
margin-right:20px; |
||||
color: #4D4D4D; |
||||
display:flex; |
||||
align-items: center; |
||||
/* font-weight:bold; */ |
||||
} |
||||
.crowdnum>>>.el-radio-button:first-child .el-radio-button__inner{ |
||||
border-radius:0; |
||||
} |
||||
.crowdnum>>>.el-radio-button:last-child .el-radio-button__inner{ |
||||
border-radius:0; |
||||
} |
||||
.crowdnum>>>.el-table th{ |
||||
background-color:#F7F7F7; |
||||
color:#0e0c0c; |
||||
text-align:center; |
||||
} |
||||
.crowdnum>>>.el-table td{ |
||||
/* text-align:center; */ |
||||
background-color:#FAF9F9; |
||||
height:60px; |
||||
color:#666666; |
||||
} |
||||
.crowdnum>>>.el-table--border th{ |
||||
border-right:#F7F7F7 |
||||
} |
||||
.baseinfo>>>.el-button{ |
||||
width:90px; |
||||
height:30px; |
||||
background: #0066EB; |
||||
border-radius: 4px; |
||||
margin-left:20px; |
||||
color:#FFFFFF; |
||||
margin-top:5px; |
||||
line-height:9px; |
||||
} |
||||
</style> |
||||
@ -1,161 +0,0 @@ |
||||
<template> |
||||
<el-dialog title="竞标者详情" :visible.sync="open" :close-on-click-modal="false" width="800px" append-to-body> |
||||
<el-form label-width="130px" class="demo-ruleForm" v-loading="loading"> |
||||
<el-row> |
||||
<el-col :span="24" v-if="tester.name"> |
||||
<el-form-item label="测试者姓名"> {{tester.name}} </el-form-item> |
||||
</el-col> |
||||
<el-col :span="24" v-if="user.nickName"> |
||||
<el-form-item label="昵称"> {{user.nickName}} </el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="12" v-if="user.userName"> |
||||
<el-form-item label="用户名"> {{user.userName}} </el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="性别"> {{user.sex == 0 ? "男" : "女"}} </el-form-item> |
||||
</el-col> |
||||
<el-col :span="12" v-if="tester.city"> |
||||
<el-form-item label="现居住地"> {{tester.city}} </el-form-item> |
||||
</el-col> |
||||
|
||||
|
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="12"> |
||||
<el-form-item label="手机"> {{user.phonenumber}} </el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="邮箱"> {{user.email}} </el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<!-- <el-row v-if="user.companyStatus==0"> |
||||
<el-col :span="24" v-if="tester&&tester.testProjects"> |
||||
<el-form-item label="测试项目经验"> {{tester.testProjects}} </el-form-item> |
||||
</el-col> |
||||
</el-row> --> |
||||
<el-row v-if="user.companyStatus==0"> |
||||
<el-col :span="24" v-if="tester.certificate"> |
||||
<el-form-item label="证书和奖励"> {{tester.certificate}} </el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row v-if="user.companyStatus==0"> |
||||
<el-col :span="24" v-if="tester.workExperience" > |
||||
<el-form-item label="工作简历"> |
||||
{{tester.workExperience}} |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row v-if="user.companyStatus==2"> |
||||
<el-col :span="24"> |
||||
<el-form-item label="公司名称"> {{company.name}} </el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row v-if="user.companyStatus==2"> |
||||
<el-col :span="24"> |
||||
<el-form-item label="公司地址"> {{company.address}} </el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row v-if="user.companyStatus==2"> |
||||
<el-col :span="12"> |
||||
<el-form-item label="联系人"> {{company.contactName}} </el-form-item> |
||||
</el-col> |
||||
<el-col :span="12"> |
||||
<el-form-item label="联系人电话"> {{company.contactTel}} </el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row v-if="user.companyStatus==2"> |
||||
<el-col :span="24"> |
||||
<el-form-item label="公司简介"> {{company.companyDesc}} </el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row v-if="user.companyStatus==2"> |
||||
<el-col :span="24" v-if="tester&&tester.testProjects"> |
||||
<el-form-item label="测试项目经验"> {{tester.testProjects}} </el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-form-item label="备注信息" v-if="tester.remark"> {{tester.remark}} </el-form-item> |
||||
<!-- <el-form-item label="相关资料"> |
||||
<div v-for="(item,key) in fileList " :key='key'> {{item.fileName}} <el-link @click="downloadFile(item.fileId)" type="primary">下载</el-link></div> |
||||
</el-form-item> --> |
||||
<el-form-item style="text-align:center" label-width="0px"> |
||||
<!-- <el-button type="primary" @click="assign" :disabled="status!=0" style="margin-right:10px">选中</el-button> --> |
||||
<el-button type="primary" @click="cancel(false)" >取消</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</el-dialog> |
||||
</template> |
||||
|
||||
<script> |
||||
|
||||
import {getUserDetail} from "@/api/system/user.js"; |
||||
import {assignTester} from "@/api/crowdsource/crowdsource"; |
||||
|
||||
export default { |
||||
name: "TesterDetail", |
||||
props: { |
||||
status: Number, |
||||
taskId: Number |
||||
}, |
||||
data() { |
||||
return { |
||||
open:false, |
||||
user: {}, |
||||
tester: {}, |
||||
company: {}, |
||||
fileList:[], |
||||
loading:true, |
||||
userId:0, |
||||
} |
||||
}, |
||||
methods: { |
||||
viewDetail(userId){ |
||||
this.userId = userId; |
||||
this.open = true; |
||||
this.loading = true; |
||||
getUserDetail(userId).then(response => { |
||||
this.user = response.user; |
||||
if (response.company != null) |
||||
this.company = response.company; |
||||
if (response.tester != null) |
||||
this.tester = response.tester; |
||||
if (response.fileList != null) { |
||||
this.fileList = response.fileList; |
||||
} |
||||
this.loading = false; |
||||
}) |
||||
}, |
||||
assign(){ |
||||
this.$confirm("确认要将众包任务指定给该测试者吗?").then(() => { |
||||
let param = {}; |
||||
param.testerId = this.userId; |
||||
param.taskId = this.taskId; |
||||
assignTester(param).then(response => { |
||||
this.cancel(true); |
||||
}) |
||||
}) |
||||
}, |
||||
cancel(isFresh){ |
||||
this.open = false; |
||||
this.$emit("closeDialog", isFresh) |
||||
}, |
||||
downloadFile(fileUrl) { |
||||
const loading = this.$loading({ |
||||
lock: true, |
||||
text: '正在下载，请稍后...', |
||||
spinner: 'el-icon-loading', |
||||
background: 'rgba(0, 0, 0, 0.7)' |
||||
}); |
||||
downloadFast(fileUrl, loading); |
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
@ -1,412 +0,0 @@ |
||||
<template> |
||||
<div style="padding-bottom:50px"> |
||||
<div style="background: #FFFFFF;border-radius: 4px;margin-top:26px;"> |
||||
<div style="margin:0 20px" class="crowdnum"> |
||||
<div class="backbtn"> |
||||
<el-button icon="el-icon-arrow-left" @click='backroute'>返回</el-button> |
||||
</div> |
||||
<div style="display:flex;align-items:center;margin:30px 0"> |
||||
<div class="dvied"></div> |
||||
<div style="font-weight: bold;color: #333333;font-size: 18px;margin-left:10px">任务信息</div> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div style="display:flex"> |
||||
<div class="taskd"> |
||||
<p>名称</p> |
||||
<p v-if="crowdtype=='myApply'">{{task.projectName}}</p> |
||||
<p v-else> {{task.project_name}}</p> |
||||
<!-- style="width:580px;" --> |
||||
</div> |
||||
<div class="taskd"> |
||||
<p>赏金金额</p> |
||||
<p style="width:260px">{{task.price | currency('￥')}}</p> |
||||
</div> |
||||
<div> |
||||
<div v-if="crowdtype=='myApply'" class="taskd"> |
||||
<p>审核状态</p> |
||||
<div style="width:220px"> |
||||
|
||||
<p v-if="task.status" > |
||||
<el-tag v-if="task.status == 0" type="primary" effect="dark" size="small" style="width:68px;padding-left: 12px;padding-right: 12px;cursor:pointer">待审核</el-tag> |
||||
<el-tag v-else-if="task.status == 1" type="success" effect="dark" size="small" style="cursor:pointer">审核通过</el-tag> |
||||
<el-tag v-else type="danger" effect="dark" size="small" style="cursor:pointer">审核不通过</el-tag> |
||||
</p> |
||||
<p v-else>无</p> |
||||
</div> |
||||
|
||||
</div> |
||||
<div v-else class="taskd"> |
||||
<p v-if="crowdtype=='competitive'">审核状态</p> |
||||
<p v-else>任务状态</p> |
||||
<p > |
||||
<el-tag :type="task.process_status==0?'warning':task.process_status==1?'primary':task.process_status==3?'success':'danger'" effect="dark" |
||||
style="cursor:pointer">{{findByvalue(processStatuslist,parseInt(task.process_status))}}</el-tag> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
<div style="display:flex;"> |
||||
|
||||
<div class="taskd"> |
||||
<p>竞标者总数</p> |
||||
<div > |
||||
|
||||
<p v-if="task.company_app_count || task.personal_app_count">{{(task.company_app_count + task.personal_app_count) == 20 ? "已满":(task.company_app_count + task.personal_app_count) +'人' }}</p> |
||||
<p v-else>暂无</p> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div style="display:flex"> |
||||
<div class="taskd"> |
||||
<p>测试类型</p> |
||||
<p v-if="crowdtype=='myApply'"> {{findLabelValueByProp(testtypelist,task.testType,'dictValue','dictLabel')}}</p> |
||||
<p v-else>{{findLabelValueByProp(testtypelist,task.test_type,'dictValue','dictLabel')}}</p> |
||||
</div> |
||||
<div class="taskd"> |
||||
<p>发布日期</p> |
||||
<p v-if="crowdtype=='myApply'" style="width:260px">{{task.createTime}}</p> |
||||
<p v-else style="width:260px">{{task.create_time&&task.create_time.slice(0,10)}}</p> |
||||
</div> |
||||
<div class="taskd"> |
||||
<p>发布有效期</p> |
||||
<p v-if="crowdtype=='myApply'">{{task.validDays}} 天 </p> |
||||
<p v-else> {{task.valid_days}} 天 </p> |
||||
</div> |
||||
<div class="taskd"> |
||||
<p>项目工期</p> |
||||
<p>{{task.period}}天</p> |
||||
</div> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div style="display:flex"> |
||||
<div class="taskd"> |
||||
<p>竞标者要求</p> |
||||
<p v-if="crowdtype=='myApply'">{{findByvalue(applicantlist,task.applicantType)}}</p> |
||||
<p v-else>{{findByvalue(applicantlist,task.applicant_type)}}</p> |
||||
</div> |
||||
<div class="taskd"> |
||||
<p>技能要求</p> |
||||
<p v-if="crowdtype=='myApply'" style="width:260px">{{task.techNeed}} </p> |
||||
<p v-else style="width:260px"> {{task.tech_need}}</p> |
||||
</div> |
||||
<div class="taskd"> |
||||
<p>驻场要求</p> |
||||
<p v-if="crowdtype=='myApply'"> {{findByvalue(onsiteTypelist,task.onsiteType)}} </p> |
||||
<p v-else> {{findByvalue(onsiteTypelist,task.onsite_type)}} </p> |
||||
</div> |
||||
<div class="taskd"> |
||||
<p>地域要求</p> |
||||
<p>{{task.area}}</p> |
||||
</div> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div> |
||||
<div class="taskd"> |
||||
<p>项目简介</p> |
||||
<p v-if="crowdtype=='myApply'" style="width:100%;"> {{task.projectDesc}} </p> |
||||
<p v-else style="width:100%;">{{task.project_desc}}</p> |
||||
</div> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div> |
||||
<div class="taskd"> |
||||
<p>备注信息</p> |
||||
<p style="width:100%;">{{task.remark}}</p> |
||||
</div> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div v-if="crowdtype=='myPublish' || crowdtype=='competitive'" style="margin-top:30px;"> |
||||
<el-divider v-if="task.processStatus==0 || task.processStatus==1" content-position="left"><h3>任务提醒</h3></el-divider> |
||||
<el-form label-width="150px" class="demo-ruleForm" label-position="left" style="margin-top:20px"> |
||||
<el-row v-if="task.processStatus==0"> |
||||
<el-col :span="24"> |
||||
<el-form-item label="发布有效期截止"> |
||||
{{task.expireTime}} |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row v-if="task.processStatus==1"> |
||||
<el-col :span="24"> |
||||
<el-form-item label="工期截止"> |
||||
{{task.deadline}} |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<div style="display:flex;align-items:center;margin:30px 0"> |
||||
<div class="dvied"></div> |
||||
<div style="font-weight: bold;color: #333333;font-size: 18px;margin-left:10px">竞标者名单</div> |
||||
</div> |
||||
<el-table v-loading="loading" :data="applicantdataList" border style="width:95%;margin-top:30px"> |
||||
<el-table-column label="序号" align="center" type="index" width="60"></el-table-column> |
||||
<el-table-column label="竞标时间" align="center" key="applyTime" prop="applyTime" > |
||||
<template slot-scope="scope"> |
||||
<span>{{ parseTime(scope.row.applyTime) }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="竞标者类型" align="center" key="testerType" prop="testerType"> |
||||
<template slot-scope="scope"> |
||||
<span>{{ scope.row.testerType==2 ? "认证测试公司" : "个人测试者"}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="名称" align="center" key="userName" prop="userName"/> |
||||
<el-table-column label="状态" align="center" key="status" prop="status" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>{{ scope.row.status==0 ? "竞标中" :scope.row.status==1 ?"竞标成功":'竞标失败'}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="260"> |
||||
<template slot-scope="scope"> |
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="viewTesterDetail(scope.row.applicantId)" > |
||||
查看详情 |
||||
</el-button> |
||||
<el-button v-if="crowdtype=='myPublish'" :disabled="task.process_status!=0" size="mini" type="text" icon="el-icon-key" @click="assignTester(scope.row.applicantId)" > |
||||
选中 |
||||
</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div v-if="total>10" style='width:100%;margin-top:30px;text-align:right;'> |
||||
<el-pagination background |
||||
@size-change="handleSizeChange" |
||||
@current-change="handleCurrentChange" |
||||
:current-page="currentPage" |
||||
:page-size="pageSize" |
||||
layout="total, prev, pager, next, jumper" |
||||
:total="total"> |
||||
</el-pagination> |
||||
</div> |
||||
<tester-detail ref="testerDetail" :status="task.processStatus" :taskId="task.taskId" @closeDialog="closeDialog"></tester-detail> |
||||
</div> |
||||
<div v-if="crowdtype=='myApply'&& task.status != 0"> |
||||
<div style="display:flex;align-items:center;margin:30px 0"> |
||||
<div class="dvied"></div> |
||||
<div style="font-weight: bold;color: #333333;font-size: 18px;margin-left:10px">审核信息</div> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div style="display:flex"> |
||||
<div class="taskd"> |
||||
<p>审核状态</p> |
||||
<p> |
||||
<el-tag v-if="task.status == 0" type="primary" effect="dark" size="small" style="width:68px;padding-left: 12px;padding-right: 12px;cursor:pointer">待审核</el-tag> |
||||
<el-tag v-else-if="task.status == 1" type="success" effect="dark" size="small" style="cursor:pointer">审核通过</el-tag> |
||||
<el-tag v-else type="danger" effect="dark" size="small" style="cursor:pointer">审核不通过</el-tag> |
||||
</p> |
||||
</div> |
||||
<div class="taskd"> |
||||
<p>审核时间</p> |
||||
<p style="width:260px">{{task.auditTime}}</p> |
||||
</div> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div class="taskd"> |
||||
<p>审核意见</p> |
||||
<p>{{task.auditOpinion}}</p> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
</div> |
||||
<div v-if="crowdtype=='myClaim'"> |
||||
<el-divider v-if="task.processStatus==0 || task.processStatus==1" content-position="left"><h3>任务提醒</h3></el-divider> |
||||
<el-form label-width="150px" class="demo-ruleForm" label-position="left"> |
||||
<el-row v-if="task.processStatus==0"> |
||||
<el-col :span="24"> |
||||
<el-form-item label="发布有效期截止"> |
||||
{{task.expireTime}} |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row v-if="task.processStatus==1"> |
||||
<el-col :span="24"> |
||||
<el-form-item label="工期截止"> |
||||
{{task.deadline}} |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
<el-divider content-position="left"><h3>发布者信息</h3></el-divider> |
||||
<el-form> |
||||
<el-form-item label="公司名称" v-if="company.name !=null"> |
||||
{{company.name}} |
||||
</el-form-item> |
||||
<el-form-item label="公司简介" v-if="company.companyDesc !=null"> |
||||
{{company.companyDesc}} |
||||
</el-form-item> |
||||
<el-form-item label="公司联系人"> |
||||
{{company.contactName}} |
||||
</el-form-item> |
||||
<el-form-item label="联系电话"> |
||||
{{company.contactTel}} |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
<div style="width: 1200px;display: inline-block;text-align: center;margin-top: 10px;"> |
||||
<el-button type="primary" v-if="crowdtype=='myApply'&& task.status == 2" @click="publishTask" class="btn-yellow">修改并重新发布</el-button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- v-show="task.status ==1" --> |
||||
<crowdsource-task ref="crowdsourceTask"></crowdsource-task> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import {mapGetters} from "vuex"; |
||||
import {getApply,getApplicant,assignTester,getById} from "@/api/crowdsource/crowdsource"; |
||||
import CrowdsourceTask from "../../common/CrowdsourceTask"; |
||||
import {findByvalue, findLabelValueByProp} from "@/util/util"; |
||||
import TesterDetail from "./TesterDetail"; |
||||
import {applicantlist,onsiteTypelist,processStatuslist} from "@/const/dict/commondict"; |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
resultOpen:false, |
||||
loading:false, |
||||
crowdtype:'',//类型 |
||||
id:'',//众包id |
||||
applicantdataList:[],//竞标者名单 |
||||
total:'',pageNum:1,pageSize:10, |
||||
task:{},//任务详情 |
||||
company:{},//公司信息 |
||||
publisher:{},// |
||||
onsiteTypelist,//驻场需求 |
||||
applicantlist,//竞标者要求 |
||||
processStatuslist,//任务状态 |
||||
} |
||||
}, |
||||
components: {CrowdsourceTask,TesterDetail}, |
||||
computed:{ |
||||
...mapGetters(['testtypelist','feescopelist','token','userinform']) |
||||
}, |
||||
mounted(){ |
||||
this.id=this.$route.query.id; |
||||
this.crowdtype=this.$route.query.type; |
||||
if(this.crowdtype=='myApply'){ |
||||
getApply(this.id).then(response => { |
||||
this.task = response.data; |
||||
this.task.status=this.task.status+'' |
||||
}); |
||||
}else{ |
||||
// 我发布的/我应征成功的 获取公司信息company |
||||
getById(this.id).then(response => { |
||||
if (response.task != null) |
||||
this.task = response.task; |
||||
if (response.company != null) |
||||
this.company = response.company; |
||||
if (response.publisher != null) |
||||
this.publisher = response.publisher; |
||||
}).catch((err)=>{ |
||||
}) |
||||
} |
||||
if(this.id){ |
||||
this.getmenber() |
||||
} |
||||
|
||||
}, |
||||
methods:{ |
||||
findByvalue, |
||||
findLabelValueByProp, |
||||
// 竞标者名单 |
||||
getmenber(){ |
||||
getApplicant(this.id).then(response => { |
||||
this.applicantdataList = response.data; |
||||
}) |
||||
}, |
||||
backroute(){ |
||||
this.$router.go(-1) |
||||
}, |
||||
//竞标者名单选中 |
||||
assignTester(userId) { |
||||
this.$confirm("确认要将众包任务指定给该测试者吗?").then(() => { |
||||
let param = {}; |
||||
param.testerId = userId; |
||||
param.taskId = this.task.task_id; |
||||
assignTester(param).then(response => { |
||||
this.applicantList = response.data; |
||||
this.task.process_status = response.task.processStatus; |
||||
this.getmenber() |
||||
}) |
||||
}) |
||||
}, |
||||
//竞标者名单查看详情 |
||||
viewTesterDetail(userId) { |
||||
this.userId = userId; |
||||
this.$refs.testerDetail.viewDetail(userId); |
||||
}, |
||||
// 修改重新发布 |
||||
publishTask(){ |
||||
this.$refs.crowdsourceTask.openDialog(this.task); |
||||
}, |
||||
//关闭测试者详情 |
||||
closeDialog(isFresh) { |
||||
if (isFresh) { |
||||
// getApplicant(this.id).then(response => { |
||||
// this.applicantList = response.data; |
||||
// }) |
||||
this.getmenber() |
||||
getById(this.id).then(response => { |
||||
this.task = response.task; |
||||
this.$refs.taskInfo.setTask(this.task); |
||||
}) |
||||
} |
||||
}, |
||||
|
||||
//当前页码 |
||||
handleCurrentChange(val) { |
||||
this.pageNum=val; |
||||
this.getList(); |
||||
}, |
||||
}, |
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.dvied{ |
||||
width: 4px; |
||||
height: 18px; |
||||
background: #0066EB; |
||||
} |
||||
.backbtn>>>.el-button{ |
||||
width: 80px; |
||||
height: 36px; |
||||
background:#0066EB; |
||||
color:#FFFFFF; |
||||
line-height:35px; |
||||
padding:0 15px; |
||||
} |
||||
.crowdnum>>>.el-divider--horizontal{ |
||||
margin:13px 0; |
||||
} |
||||
.taskd{ |
||||
color: #4D4D4D; |
||||
display:flex; |
||||
align-items: center; |
||||
} |
||||
.taskd p{ |
||||
margin:0; |
||||
text-align: left; |
||||
font-size:14px; |
||||
} |
||||
.taskd p:nth-child(1){ |
||||
font-weight: bold; |
||||
width:100px; |
||||
} |
||||
.taskd p:nth-child(2){ |
||||
width:220px; |
||||
} |
||||
.crowdnum>>>.el-table th{ |
||||
background-color:#F7F7F7; |
||||
color:#0e0c0c; |
||||
text-align:center; |
||||
} |
||||
.crowdnum>>>.el-table td{ |
||||
/* text-align:center; */ |
||||
background-color:#FAF9F9; |
||||
height:60px; |
||||
color:#666666; |
||||
} |
||||
.crowdnum>>>.el-table--border th{ |
||||
border-right:#F7F7F7 |
||||
} |
||||
|
||||
</style> |
||||
@ -1,149 +0,0 @@ |
||||
<template> |
||||
<div class="crowdnum"> |
||||
<el-table :data="crowdData" style="margin-top:30px" > |
||||
<el-table-column label="序号" width="100px" align="center"> |
||||
<template slot-scope="scope"> |
||||
{{ scope.$index + 1 }} |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="发布时间" align="center" key="createTime" prop="createTime" > |
||||
<template slot-scope="scope"> |
||||
<span v-if="scope.row.createTime">{{ parseTime(scope.row.createTime).toString().split(" ")[0]}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="项目名称" align="center" key="projectName" prop="projectName" :show-overflow-tooltip="true" width="260px"/> |
||||
<el-table-column label="金额" align="center" key="price" prop="price" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>￥{{scope.row.price}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="任务类型" align="center" key="testType" prop="testType" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>{{findLabelValueByProp(tasktypelist,scope.row.testType,'dictValue', 'dictLabel')}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="项目工期" align="center" key="period" prop="period" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.period}}天</span> |
||||
</template> |
||||
</el-table-column> |
||||
|
||||
<el-table-column label="任务状态" align="center" key="3" prop="processStatus" :show-overflow-tooltip="true" width="180px"> |
||||
<template slot-scope="scope" > |
||||
<p v-if="scope.row.processStatus" style="margin:0" class="tagcls"> |
||||
<el-tag :type="scope.row.processStatus==0?'warning':scope.row.processStatus==1?'primary':scope.row.processStatus==3?'danger':'danger'" effect="dark" |
||||
style="cursor:pointer">{{findByvalue(processStatuslist,parseInt(scope.row.processStatus))}}</el-tag> |
||||
</p> |
||||
<p v-else> |
||||
暂无 |
||||
</p> |
||||
</template> |
||||
</el-table-column> |
||||
|
||||
<el-table-column label="竞标者总数" align="center" key="appCount" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.personalAppCount + scope.row.companyAppCount}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="260"> |
||||
<template slot-scope="scope"> |
||||
<div style="display:flex;align-items:center;justify-content: space-evenly;"> |
||||
<router-link :to="{path:'/console/currentcrowd',query:{id:scope.row.taskId,type:'myPublish'}}" class="link-type"> |
||||
<el-button size="mini" type="text" icon="el-icon-key" >查看详情 |
||||
</el-button> |
||||
</router-link> |
||||
<p @click="confirmpay(scope.row)" style="color:#409EFF;font-size: 12px;cursor:pointer">确认付款</p> |
||||
</div> |
||||
</template> |
||||
|
||||
</el-table-column> |
||||
</el-table> |
||||
<!-- <div v-if="total>10" style='width:100%;margin-top:30px;text-align: center;'> |
||||
<el-pagination background |
||||
@current-change="handleCurrentChange" |
||||
:page-size="queryParams.pageSize" |
||||
layout="total, prev, pager, next, jumper" |
||||
:total="total"> |
||||
</el-pagination> |
||||
</div> --> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import {mapGetters} from "vuex"; |
||||
import {myPublish,payconfirm} from "@/api/crowdsource/crowdsource"; |
||||
import {processStatuslist} from "@/const/dict/commondict"; |
||||
import {findByvalue, findLabelValueByProp} from "@/util/util"; |
||||
import mixin from '@/mixin/index.js' |
||||
export default{ |
||||
mixins: [mixin], |
||||
data(){ |
||||
return{ |
||||
crowdData:[], |
||||
total: 0, |
||||
queryParams: { |
||||
pageNum: 1, |
||||
pageSize:99, |
||||
taskStatus:undefined, |
||||
processStatus:undefined |
||||
}, |
||||
processStatuslist,//任务状态 |
||||
|
||||
} |
||||
}, |
||||
mounted(){ |
||||
this.listMyPublish() |
||||
}, |
||||
computed: { |
||||
...mapGetters(['userinform']) |
||||
}, |
||||
|
||||
methods:{ |
||||
findByvalue, |
||||
findLabelValueByProp, |
||||
// 我发布的任务 |
||||
listMyPublish() { |
||||
myPublish(this.queryParams).then(response => { |
||||
let rowdata = response.rows; |
||||
rowdata.forEach(item=>{ |
||||
item.processStatus=item.processStatus+'' |
||||
}) |
||||
this.crowdData=rowdata.filter(item=>item.processStatus==3) |
||||
this.total = response.total; |
||||
this.loading = false; |
||||
}) |
||||
}, |
||||
//当前页码 |
||||
handleCurrentChange(val) { |
||||
this.queryParams.pageNum=val; |
||||
this.listMyPublish |
||||
}, |
||||
confirmpay(row){ |
||||
this.$confirm("确定当前任务已付款").then(()=>{ |
||||
payconfirm({taskId:row.taskId}).then(res=>{ |
||||
if(res.code==200){ |
||||
this.$message.success('确认完成') |
||||
this.listMyPublish() |
||||
} |
||||
}) |
||||
}) |
||||
}, |
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.crowdnum>>>.el-table th{ |
||||
background-color:#F7F7F7; |
||||
color:#666666; |
||||
text-align:center; |
||||
} |
||||
.crowdnum>>>.el-table td{ |
||||
/* text-align:center; */ |
||||
background-color:#FFFFFF; |
||||
height:60px; |
||||
color:#333333; |
||||
} |
||||
.crowdnum>>>.el-table--border th{ |
||||
border-right:#F7F7F7 |
||||
} |
||||
</style> |
||||
@ -1,318 +0,0 @@ |
||||
<template> |
||||
<div style="padding-bottom:50px"> |
||||
<!-- <div style="display:flex;align-items:center"> |
||||
<div class="dvied"></div> |
||||
<div style="font-weight: bold;color: #333333;font-size: 18px;margin-left:10px">我的购物车</div> |
||||
</div> --> |
||||
<div style="background: #FFFFFF;border-radius: 4px;"> |
||||
<div class="cartnum"> |
||||
<el-table v-loading="loading" :data="cartdata" ref="multipleTable" @selection-change="handleSelectionChange" border> |
||||
<el-table-column type="selection" width="55"> |
||||
</el-table-column> |
||||
<el-table-column label="商品名称" align="center" key="name" prop="name" :show-overflow-tooltip="true"/> |
||||
<el-table-column label="数量" align="center" key="amount" prop="amount" width="220px"> |
||||
<template slot-scope="scope"> |
||||
<el-input-number v-model="scope.row.amount" :min="1" :max="999" label="描述文字"></el-input-number> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="规格" align="center" key="deliverType" prop="deliverType" :show-overflow-tooltip="true"> |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.deliverType=='License' ? '按月':'按次'}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="单价" align="center" key="price" prop="price" > |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.price}}元</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="订单总金额" align="center" :show-overflow-tooltip="true" width="100px"> |
||||
<template slot-scope="scope"> |
||||
<span>{{scope.row.price * scope.row.amount}}元</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="加入购物车时间" align="center" key="createTime" prop="createTime" width="200px"> |
||||
<template slot-scope="scope"> |
||||
<span>{{parseTime(scope.row.createTime) }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width" > |
||||
<template slot-scope="scope"> |
||||
<router-link :to="'/console/mytooldetails?id='+ scope.row.toolId" class="link-type"> |
||||
<el-button size="mini" type="text" icon="el-icon-edit">商品详情 |
||||
</el-button> |
||||
</router-link> |
||||
<el-button style="margin-left:10px" size="mini" type="text" icon="el-icon-remove" @click="handleRemove(scope.row)">移除 |
||||
</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div class="counter"> |
||||
<p style="font-weight: bold;margin-right:10px">所选商品总金额： |
||||
<span style='color:#E84C3D'> ￥{{totalFee}}</span> |
||||
</p> |
||||
<el-button @click="multipleRemovetool">移除</el-button> |
||||
<el-button style="background: #F2A51A;" @click="clearCarttool()">清空购物车</el-button> |
||||
</div> |
||||
<el-divider></el-divider> |
||||
<div class="payclass"> |
||||
<p style="font-weight: bold;font-size:19px;margin-right:10px">支付方式：</p> |
||||
<el-radio v-model="paytype" label="ali"> |
||||
<img src="/assets/personal/zhifubao.png" alt=""> |
||||
<p style="margin-left:15px">支付宝</p> |
||||
</el-radio> |
||||
<el-radio v-model="paytype" label="wx"> |
||||
<img src="/assets/personal/weixinzhifu.png" alt=""> |
||||
<p style="margin-left:15px">微信</p> |
||||
</el-radio> |
||||
<el-button @click="immediatepay">立即支付</el-button> |
||||
</div> |
||||
<qrcode value="https://qr.alipay.com/bax06461ioqvmutyhrni55f5" :options="options" ></qrcode> |
||||
|
||||
<el-dialog title="" :visible.sync="boxShow" width="600px" :before-close="handleClose" class="qcode"> |
||||
<div style="width:500px;margin:0 auto;text-align:center"> |
||||
<!-- <canvas width="150px" height="150px"></canvas> |
||||
<div id="qrcode" ref="qrcode"></div> --> |
||||
<qrcode :value="codeUrl" :options="options" ></qrcode> |
||||
<div style="margin-top:20px;font-size: 16px;">扫描微信二维码支付</div> |
||||
</div> |
||||
</el-dialog> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import {getMyShoppingCart, removeShoppingCart, multipleRemove, clearCart} from "@/api/my/my"; |
||||
import {buyTools, noPayMore, queryOrderState} from "@/api/toolInfo/market"; |
||||
import VueQrcode from "@xkeshi/vue-qrcode"; |
||||
import {mapGetters} from "vuex"; |
||||
// import QRCode from 'qrcodejs2' |
||||
import store from "@/store"; |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
loading:false, |
||||
boxShow:false, |
||||
cartdata:[], |
||||
totalFee:'', |
||||
paytype:'ali', |
||||
toolIds: [],//勾选的工具 |
||||
orderNumber:'',//订单id |
||||
codeUrl:'', |
||||
options: { size: 150}, |
||||
} |
||||
}, |
||||
mounted(){ |
||||
if(this.token){ |
||||
this.list(); |
||||
} |
||||
}, |
||||
components:{ |
||||
'qrcode': VueQrcode, |
||||
}, |
||||
computed: { |
||||
...mapGetters(['token']) |
||||
}, |
||||
|
||||
methods:{ |
||||
list() { |
||||
getMyShoppingCart().then(response => { |
||||
this.cartdata = response.rows; |
||||
//默认都选中 |
||||
// this.$nextTick(() => { |
||||
// for (let i = 0; i < this.cartdata.length; i++) { |
||||
// this.$refs.multipleTable.toggleRowSelection(this.cartdata[i]) |
||||
// } |
||||
// }) |
||||
store.commit('SET_CARTCOUNT', this.cartdata.length); |
||||
}) |
||||
}, |
||||
// 每一行移除功能 |
||||
handleRemove(row) { |
||||
this.$confirm('确定要从购物车中移除吗？', '提示', {type: 'warning'}).then( () => { |
||||
removeShoppingCart(row.toolId).then(response => { |
||||
this.$notify({ |
||||
title: '从购物车删除成功', |
||||
message: '', |
||||
align: 'center', |
||||
type: 'success' |
||||
}); |
||||
this.list(); |
||||
}); |
||||
}) |
||||
}, |
||||
//勾选的方法 |
||||
handleSelectionChange(selection){ |
||||
this.toolIds = selection.map(item => item.toolId); |
||||
}, |
||||
//总移除商品按钮 |
||||
multipleRemovetool() { |
||||
if (this.toolIds.length == 0) { |
||||
this.$alert("请您选择要移除的商品", {dangerouslyUseHTMLString: true}); |
||||
} else { |
||||
this.$confirm('确定要移除所选的商品吗？', '提示', {type: 'warning'}).then(() => { |
||||
multipleRemove(this.toolIds).then(response => { |
||||
this.list(); |
||||
}) |
||||
}) |
||||
} |
||||
}, |
||||
//清空购物车 |
||||
clearCarttool() { |
||||
this.$confirm('确定要清空购物车吗？', '提示', {type: 'warning'}).then(() => { |
||||
clearCart().then(response => { |
||||
this.list(); |
||||
}) |
||||
}) |
||||
}, |
||||
//关闭支付弹窗 |
||||
handleClose(){ |
||||
this.boxShow=false; |
||||
clearInterval(this.timers); |
||||
}, |
||||
// 立即支付 |
||||
immediatepay(){ |
||||
|
||||
let ids = this.toolIds; |
||||
let tools = this.cartdata; |
||||
if (ids.length == 0) { |
||||
this.$alert("请您选择要购买的商品", {dangerouslyUseHTMLString: true}); |
||||
return; |
||||
} else { |
||||
let totalFee = 0; |
||||
let toolArr = []; |
||||
for (let i in ids) { |
||||
let tool = tools.filter(function (item) { |
||||
return item.toolId == ids[i]; |
||||
}) |
||||
let param = {}; |
||||
param.toolId = tool[0].toolId; |
||||
param.amount = tool[0].amount; |
||||
param.deliverType = tool[0].deliverType; |
||||
param.price = tool[0].price; |
||||
param.payType = this.paytype; |
||||
param.toolType = tool[0].toolType; |
||||
totalFee = totalFee + tool[0].price; |
||||
toolArr.push(param); |
||||
} |
||||
if (totalFee == 0) { |
||||
noPayMore(toolArr).then(response => { |
||||
this.$notify({ |
||||
title: '支付成功', |
||||
message: '可在我的工具中查看已购买的工具', |
||||
align: 'center', |
||||
type: 'success' |
||||
}); |
||||
setTimeout(() => { |
||||
this.$router.push('/console/mytools') |
||||
},1000); |
||||
this.list(); |
||||
}) |
||||
} else { |
||||
if (this.paytype == 'ali') { |
||||
// return; |
||||
buyTools(toolArr).then(response => { |
||||
// 打开新的页面进行填充html。 |
||||
var newWindow = window.open("#", "_blank"); |
||||
newWindow.document.write(response.data); |
||||
this.list(); |
||||
}) |
||||
} else { |
||||
buyTools(toolArr).then(response => { |
||||
this.boxShow = true; |
||||
this.codeUrl = response.code_url; |
||||
this.orderNumber = response.out_trade_no; |
||||
// let self = this |
||||
this.getOrderstate() //生成二维码的时候调用监听支付是否成功的方法 |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
getOrderstate() { |
||||
let self = this; |
||||
let num = 0 |
||||
self.timers = setInterval(() => { //创建一个全局的定时器 |
||||
num++; |
||||
queryOrderState(this.orderNumber).then(res => { |
||||
if (res.data == true) { //判断 如果data.data==true就是订单支付成功 |
||||
this.$notify({ |
||||
title: '支付成功', |
||||
message: '可在我的工具中查看已购买的工具', |
||||
align: 'center', |
||||
type: 'success' |
||||
}); |
||||
this.boxShow = false; |
||||
setTimeout(() => { |
||||
this.$router.push('/console/mytools') |
||||
},1000); |
||||
// this.$store.dispatch("tagsView/delView", this.$route); |
||||
// this.$router.push({path: "/market/market"}); |
||||
clearInterval(this.timers) //别忘记关闭定时器，否则会一直调这个接口 |
||||
} |
||||
}) |
||||
if (num == 500) { //这里是判断num++到500的情况下用户还没有支付则自动关闭定时器和二维码 |
||||
this.boxShow = false |
||||
clearInterval(this.timers) |
||||
} |
||||
}, 1500) |
||||
}, |
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.dvied{ |
||||
width: 4px; |
||||
height: 18px; |
||||
background: #0066EB; |
||||
} |
||||
.cartnum>>>.el-table th{ |
||||
background-color:#F7F7F7; |
||||
color:#666666; |
||||
text-align:center; |
||||
} |
||||
.cartnum>>>.el-table td{ |
||||
text-align:center; |
||||
background-color:#FFFFFF; |
||||
color:#333333; |
||||
height:60px; |
||||
} |
||||
.cartnum>>>.el-table--border th{ |
||||
border-right:#F7F7F7 |
||||
} |
||||
.counter{ |
||||
display:flex; |
||||
margin-left:70%; |
||||
align-items: center; |
||||
margin-top:30px; |
||||
} |
||||
.counter>>>.el-button{ |
||||
/* width: 80px; */ |
||||
height: 36px; |
||||
background: #0066EB; |
||||
border-radius: 4px; |
||||
color:#FFFFFF |
||||
} |
||||
.payclass{ |
||||
width:620px; |
||||
margin:0 auto; |
||||
text-align:center; |
||||
display:flex; |
||||
align-items: center; |
||||
} |
||||
.payclass>>>.el-button{ |
||||
width: 130px; |
||||
height: 36px; |
||||
background: #F84C43; |
||||
border-radius: 4px; |
||||
color:#FFFFFF |
||||
} |
||||
.payclass>>>.el-radio{ |
||||
display:flex; |
||||
align-items: center; |
||||
} |
||||
.payclass>>>.el-radio__label{ |
||||
display:flex; |
||||
align-items: center; |
||||
} |
||||
</style> |
||||
@ -1,46 +0,0 @@ |
||||
<template> |
||||
<div > |
||||
<div style="display:flex;align-items:center;margin:10px 0 15px 0;cursor:pointer"> |
||||
<div class="dvied"></div> |
||||
<el-link :underline="false" style="font-weight: bold;font-size: 18px;margin-left:10px" @click="backtest">测试工具市场>{{tooldeti.name}}</el-link> |
||||
</div> |
||||
<!-- --> |
||||
<div style="background: #FFFFFF;border-radius:4px;margin-top:26px;padding-top:5px;"> |
||||
<tooldetails :mydetails='mydetails' @inform='inform'></tooldetails> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import tooldetails from '@/page/homepage/tool/tooldetails' |
||||
export default{ |
||||
components: {tooldetails}, |
||||
data(){ |
||||
return{ |
||||
mydetails:true, |
||||
tooldeti:{}, |
||||
} |
||||
}, |
||||
mounted(){ |
||||
|
||||
}, |
||||
methods:{ |
||||
inform(val){ |
||||
this.tooldeti=val |
||||
}, |
||||
backtest(){ |
||||
this.$router.push('/console/toolsmarket') |
||||
}, |
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.dvied{ |
||||
width: 4px; |
||||
height: 18px; |
||||
background: #0066EB; |
||||
} |
||||
.el-link.el-link--default{ |
||||
color:#333333 |
||||
} |
||||
</style> |
||||
@ -1,35 +0,0 @@ |
||||
<template> |
||||
<div style="padding-bottom:50px"> |
||||
<!-- <div style="display:flex;align-items:center"> |
||||
<div class="dvied"></div> |
||||
<div style="font-weight: bold;color: #333333;font-size: 18px;margin-left:10px">工具市场</div> |
||||
</div> --> |
||||
<div style="background: #FFFFFF;border-radius: 4px;"> |
||||
<toolmarker></toolmarker> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import toolmarker from '@/page/homepage/tool/toolmarker' |
||||
export default{ |
||||
components: {toolmarker,}, |
||||
data(){ |
||||
return{ |
||||
} |
||||
}, |
||||
mounted(){ |
||||
|
||||
}, |
||||
methods:{ |
||||
|
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.dvied{ |
||||
width: 4px; |
||||
height: 18px; |
||||
background: #0066EB; |
||||
} |
||||
</style> |
||||
@ -1,57 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<div class="testby"> |
||||
<div class="test_content"> |
||||
<p style="font-size:28px;color:#333333">测试宝余额</p> |
||||
<p> |
||||
<span style="font-size:30px;color:#3791FA">{{accountdata.balance}}</span> |
||||
<span style="font-size:18px;color:#A6A6A6;margin-left: 10px;">元</span> |
||||
</p> |
||||
<p style="font-size:18px;color:#A6A6A6;margin-bottom:30px">可提现余额：{{accountdata.availableBalance}}元</p> |
||||
<el-divider ></el-divider> |
||||
<div style="margin-top:50px;"> |
||||
<el-button type="primary" style="width:150px;height:50px;font-size: 18px;margin-right:20px;">充值</el-button> |
||||
<el-button type="info" style="width:150px;height:50px;font-size: 18px;margin-left:20px;">提现</el-button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import {mapGetters} from "vuex"; |
||||
import {queryAccount} from "@/api/my/testb"; |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
accountdata:{} |
||||
} |
||||
}, |
||||
mounted(){ |
||||
|
||||
queryAccount(this.userinform.userId).then(res=>{ |
||||
this.accountdata=res |
||||
}) |
||||
}, |
||||
computed: { |
||||
...mapGetters(['userinform']) |
||||
}, |
||||
methods:{ |
||||
|
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.testby{ |
||||
width:650px; |
||||
height: 500px; |
||||
margin: 50px auto; |
||||
background:#F1F3F8 ; |
||||
border-radius: 10px; |
||||
padding: 0 150px |
||||
} |
||||
.test_content{ |
||||
text-align: center; |
||||
padding-top: 50px; |
||||
} |
||||
</style> |
||||
@ -1,194 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<div class="testby"> |
||||
<p style="font-size:28px;color:#333333;margin-top:0">设置交易密码</p> |
||||
<el-divider ></el-divider> |
||||
<p style="color:#A6A6A6;font-size:13px">*请确保交易密码与登录密码不同!</p> |
||||
<p style="color:#A6A6A6;font-size:13px">*密码必须为 6-16 位，字母、数字或字符的组合。</p> |
||||
<p style="color:#A6A6A6;font-size:13px;margin-bottom: 30px;"> |
||||
<span>*如果您收不到手机验证码，请先去</span> |
||||
<span style="color:#1989fa">个人信息</span> |
||||
<span>页面验证工作手机。</span> |
||||
</p> |
||||
<el-form ref="sactionform" :model="sactionform" :rules="sactionFormRules" label-width="120px" > |
||||
<el-form-item label="手机号码"> |
||||
<span v-if="userinform.phonenumber">+86 {{userinform.phonenumber}}</span> |
||||
</el-form-item> |
||||
<el-form-item prop="password" label="交易密码"> |
||||
<el-input show-password v-model="sactionform.password" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item prop="newpassword" label="确认交易密码"> |
||||
<el-input show-password v-model="sactionform.newpassword"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="短信验证码" class="verifybtn" > |
||||
<el-input v-model="sactionform.code" |
||||
maxlength="6" |
||||
auto-complete="off"> |
||||
<el-button slot="suffix" |
||||
@click="getVerify" |
||||
:disabled="tranVerify.disabled"> |
||||
<span v-show="tranVerify.show">获取验证码</span> |
||||
<span v-show="!tranVerify.show" class="count">{{tranVerify.count}} s</span> |
||||
</el-button> |
||||
</el-input> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button type="primary" @click="onSubmit" class="but">确认</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
|
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import {mapGetters} from "vuex"; |
||||
import {isMobile} from "@/util/validate"; |
||||
import {getCodeUserLogin,scatpasswd} from "@/api/system/login"; |
||||
export default{ |
||||
data(){ |
||||
const validatePass = (rule, value, callback) => { |
||||
if (value === '') { |
||||
return callback(new Error('请输入密码')); |
||||
} |
||||
if(!/^[a-z0-9][a-z0-9A-Z@#%^.*!~?|]{5,11}$/i.test(value)){ |
||||
return callback(new Error('密码格式错误')); |
||||
} |
||||
// if (this.getpasswordForm.repassword !== '') { |
||||
// this.$refs.getpasswordForm.validateField('repassword') |
||||
// } |
||||
return callback(); |
||||
}; |
||||
//注册的确认密码 |
||||
const validatePass2 = (rule, value, callback) => { |
||||
if (value === '') { |
||||
callback(new Error('请再次输入密码')); |
||||
} else if (value !== this.sactionform.password) { |
||||
callback(new Error('两次输入密码不一致!')); |
||||
} else { |
||||
callback(); |
||||
} |
||||
}; |
||||
https://www.keyitest.cn/prod-api/captchaUserLogin?phoneNumber=18729807538 |
||||
return{ |
||||
sactionform:{password:'',newpassword:'',code:'',uuid:''}, |
||||
tranVerify:{ show: true, count: 0, timer: null, disabled: false},//注册验证码 |
||||
sactionFormRules:{ |
||||
password: [{ required: true, validator:validatePass, trigger: 'blur' }, |
||||
{ min: 6, message: '密码长度最少为6位', trigger: 'blur' }], |
||||
newpassword: [{ required: true, validator:validatePass2, trigger: 'blur' }, |
||||
{ min: 6, message: '密码长度最少为6位', trigger: 'blur' }], |
||||
}, |
||||
} |
||||
}, |
||||
mounted(){ |
||||
}, |
||||
computed: { |
||||
...mapGetters(['userinform']) |
||||
}, |
||||
methods:{ |
||||
// 获取短信验证码 |
||||
getVerify() { |
||||
if(!this.sactionform.newpassword){ |
||||
this.$message.warning('请输入密码'); |
||||
return; |
||||
} |
||||
let phone = this.userinform.phonenumber; |
||||
if (!phone || !isMobile(phone)) { |
||||
this.$message.warning('手机格式不对'); |
||||
return; |
||||
} |
||||
this.tranVerify.disabled = true; |
||||
// 获取注册验证码的接口 |
||||
getCodeUserLogin(phone).then((res)=> { |
||||
if(res.code==200){ |
||||
this.sactionform.uuid=res.uuid; |
||||
this.$message.success('短信发送成功，请注意查收') |
||||
const TIME_COUNT = 60; //更改倒计时时间 |
||||
if (!this.timer) { |
||||
this.tranVerify.count = TIME_COUNT; |
||||
this.tranVerify.show = false; |
||||
this.tranVerify.timer = |
||||
setInterval(() => { |
||||
if (this.tranVerify.count > 0 && this.tranVerify.count <= TIME_COUNT) { |
||||
this.tranVerify.count--; |
||||
} else { |
||||
this.tranVerify.disabled = false; |
||||
this.tranVerify.show = true; |
||||
clearInterval(this.tranVerify.timer); // 清除定时器 |
||||
this.tranVerify.timer = null; |
||||
} |
||||
}, 1000); |
||||
} |
||||
} |
||||
}).catch((err) => { |
||||
}); |
||||
}, |
||||
onSubmit(){ |
||||
this.$refs.sactionform.validate((valid) => { |
||||
if(valid) { |
||||
if(!this.sactionform.code){ |
||||
this.$message.warning('请输入验证码'); |
||||
}else{ |
||||
let data={ |
||||
password:this.sactionform.password, |
||||
code:this.sactionform.code, |
||||
uuid:this.sactionform.uuid, |
||||
} |
||||
let userId=this.userinform.userId |
||||
scatpasswd(userId,data).then(res=>{ |
||||
if(res.code==200){ |
||||
this.$message.success('设置成功'); |
||||
this.$router.push(`/console/profile`) |
||||
}else{ |
||||
this.$message.warning('验证码无效'); |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
}) |
||||
}, |
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.testby{ |
||||
width:800px; |
||||
height: 500px; |
||||
margin: 50px 0 50px 100px; |
||||
background:#F1F3F8 ; |
||||
border-radius: 10px; |
||||
padding:50px |
||||
} |
||||
.testby>>>.el-input__inner{ |
||||
width:300px; |
||||
} |
||||
.but{ |
||||
width:300px; |
||||
font-size:16px; |
||||
background-color: #0066EB; |
||||
} |
||||
.testby>>>.el-input{ |
||||
width: 300px !important;; |
||||
} |
||||
.verifybtn>>>.el-input{ |
||||
width: 300px !important;; |
||||
} |
||||
.verifybtn>>>.el-button{ |
||||
|
||||
margin-top:-3px; |
||||
margin-left: -28px; |
||||
width:100%; |
||||
height:50px; |
||||
font-size:15px; |
||||
/* color:#0066EB; */ |
||||
background: transparent; |
||||
border:none; |
||||
border-radius:6px; |
||||
z-index:-1 |
||||
/* 18798569999 */ |
||||
} |
||||
.verifybtn>>>.el-button.is-disabled:hover{ |
||||
background: transparent; |
||||
} |
||||
</style> |
||||
@ -1,93 +0,0 @@ |
||||
<template> |
||||
<div class="crowdnum"> |
||||
<el-table :data="sactionData" style="margin-top:30px" > |
||||
<el-table-column label="交易名称" align="center" key="recordName" prop="recordName"/> |
||||
<el-table-column label="交易类型" align="center" key="recordType" prop="recordType" > |
||||
<template slot-scope="scope"> |
||||
<span v-if="scope.row.recordType==0" style="color:#e6a23c">充值</span> |
||||
<span v-if="scope.row.recordType==1" style="color:#409eff">提现</span> |
||||
<span v-if="scope.row.recordType==2" style="color:#f56c6c">支出</span> |
||||
<span v-if="scope.row.recordType==3" style="color:#67c23a">收入</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="交易金额" align="center" key="recordAmount" prop="recordAmount"> |
||||
<template slot-scope="scope"> |
||||
<p>{{hasDot(scope.row.recordAmount)}}</p> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="交易状态" align="center" key="recordStatus" prop="recordStatus" > |
||||
<template slot-scope="scope"> |
||||
<span v-if="scope.row.recordStatus==0" style="color:#409eff">处理中</span> |
||||
<span v-if="scope.row.recordStatus==1" style="color:#67c23a">已完成</span> |
||||
<span v-if="scope.row.recordStatus==2" style="color:#e6a23c">已取消</span> |
||||
<span v-if="scope.row.recordStatus==3" style="color:#f56c6c">已失败</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column label="交易时间" align="center" key="recordTime" prop="recordTime" > |
||||
<template slot-scope="scope"> |
||||
<span v-if="scope.row.recordTime">{{scope.row.recordTime.slice(0,10)}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="260"></el-table-column> --> |
||||
</el-table> |
||||
<!-- <div v-if="total>10" style='width:100%;margin-top:30px;text-align: center;'> |
||||
<el-pagination background |
||||
@current-change="handleCurrentChange" |
||||
:page-size="queryParams.pageSize" |
||||
layout="total, prev, pager, next, jumper" |
||||
:total="total"> |
||||
</el-pagination> |
||||
</div> --> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import {mapGetters} from "vuex"; |
||||
import {queryRecord} from "@/api/my/testb"; |
||||
export default{ |
||||
data(){ |
||||
return{ |
||||
sactionData:[], |
||||
total: 0, |
||||
} |
||||
}, |
||||
mounted(){ |
||||
queryRecord(this.userinform.userId).then(res=>{ |
||||
// res.rows=[{recordName:'1',recordType:'3',recordAmount:'500.363654',recordStatus:'2',recordTime:'2023.01.60 10:50'}] |
||||
this.sactionData = res.rows; |
||||
this.total = res.total; |
||||
}) |
||||
}, |
||||
computed: { |
||||
...mapGetters(['userinform']) |
||||
}, |
||||
methods:{ |
||||
hasDot(num){ // 保留小数点后两位 |
||||
if(num){ |
||||
var result = (num.toString()).indexOf(".");// 查找是否含有小数点 |
||||
if(result != -1) { |
||||
return (num.toString()).substring(0,result+3) //有小数点保留两位小数 |
||||
} else { |
||||
return num |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
<style scoped> |
||||
.crowdnum>>>.el-table th{ |
||||
background-color:#F7F7F7; |
||||
color:#0e0c0c; |
||||
text-align:center; |
||||
} |
||||
.crowdnum>>>.el-table td{ |
||||
/* text-align:center; */ |
||||
background-color:#FAF9F9; |
||||
height:60px; |
||||
color:#666666; |
||||
} |
||||
.crowdnum>>>.el-table--border th{ |
||||
border-right:#F7F7F7 |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue