Commit 790dedae authored by duxinyuan's avatar duxinyuan

commit test max-length to 2000 ,useing vue watch

parent 1630d6ea
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
<template>
<div style="margin-top:.3rem;">
<div style="width:6.78rem;margin-left:.36rem;">
<table>
<body>
<pagination-load :canload="true" :distance="10" @load="initData">
<tr style="background-color:#FF8018;width:100%;border : none ">
<td class="td">上传时间</td>
<span style="position:absolute;left:50%;transform:translateX(-90%);margin-top:.17rem;color:#ffffff;font-size:.4rem;float:left;line-height:1">|</span>
<td class="td">测评</td>
</tr>
<tr v-for="item,index in items ">
<td class="t_left">{{item.create_time}}</td>
<td class="t_right" @click="showImg(item.img_url)">测评</td>
</tr>
</pagination-load>
</body>
</table>
</div>
<div style="position:fixed;top:0rem;left:0rem;width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow:scroll" v-show="imgArea">
<img :src="imgsrc" style="width:100%"/>
<div style="width:.5rem;height:.5rem;border-radius: 50%;position: fixed;right:.2rem;top:.2rem;background-color:#eeeeee">
<div style="position:absolute;left:50%;transform:translateX(-50%);line-height:.5rem;font-size:.3rem;color:#999999" @click="imgArea=false">
x
</div>
</div>
</div>
</div>
</template>
<script>
import paginationLoad from '@/components/publicEg/paginationLoad';
export default{
data : ()=>({
imgsrc : '' ,
imgArea :false ,
page_no : 1 ,
page_size:20,
items : [ ] ,
}),
components: {
'pagination-load': paginationLoad,
},
mounted(){
this.initData();
},
methods : {
showImg (url) {
this.imgArea = true ;
this.imgsrc = url ;
},
initData (){
let that = this ;
that.axios({
method: 'get',
url: '/broker/getWorkLearningList',
responseType: 'json',
data: {
'agent_id': that.$route.query.agentId,
'type': that.$route.query.type,
'page_no':that.page_no,
'page_size':that.page_size
}
}).then((res)=>{
console.log(res);
if ( res.data.code == 200 ){
res.data.data.map((res) => {
that.items.push(res)
})
that.page_no += 1 ;
}
})
}
}
}
</script>
<style>
/*tr {
border : 1px solid rgba(217,217,217,1);
}*/
td{
width:3.32rem;
padding:.26rem 0rem;
text-align:center;
font-size:.28rem;
font-family:PingFangSC-Semibold;
line-height:1;
float:left;
/*border:1px solid rgba(217,217,217,1);*/
}
.t_left{
border-left:1px solid rgba(217,217,217,1);
border-top:1px solid rgba(217,217,217,1);
border-bottom:1px solid rgba(217,217,217,1);
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(28,28,28,1);
line-height:1;
}
.t_right{
border:1px solid rgba(217,217,217,1);
font-size:.28rem;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,128,24,1);
line-height:1;
}
.td {
font-weight:600;
color:rgba(255,255,255,1);
line-height:1;
border:none;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment