Skip to content

frontend / qqxb-self-service

Go to a project
Commit bccec4a2 by 展昭
Options

by vue

parent 8d15338e
Inline Side-by-side
Showing with 41 additions and 47 deletions
src/views/FlexEmployee.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="person-information"> <div class="person-information">
<div class="person-information-top"> <div class="person-information-top">
<div class="person-information-left"> <div class="person-information-left">
<h3>小凶许</h3> <h3>{{name}}</h3>
<p>1996.01.01</p> <p>1996.01.01</p>
</div> </div>
<div class="person-information-right"> <div class="person-information-right">
...@@ -35,64 +35,58 @@ ...@@ -35,64 +35,58 @@
<h3>任务记录</h3> <h3>任务记录</h3>
</div> </div>
<a class="fe-list-child" href> <a class="fe-list-child" href='javascript:void(0)' v-for="item in taskRecordList" :key="item.id" @click="toDetail(item.id)">
<div class="fe-list-child-left"> <div class="fe-list-child-left">
<h3>市场推广-地推</h3> <h3>{{item.title}}</h3>
<p>2020-04-01</p> <p>{{item.date}}</p>
</div> </div>
<div class="fe-list-child-right"> <div class="fe-list-child-right">
<div class="fe-list-child-right-desc"> <div class="fe-list-child-right-desc">
<h3>¥2000.00</h3> <h3>¥{{item.price}}</h3>
<p>已接单</p> <p>{{item.state}}</p>
</div>
<img src="../assets/images/agent/next_gray.png" alt />
</div>
</a>
<a class="fe-list-child" href>
<div class="fe-list-child-left">
<h3>市场推广-地推</h3>
<p>2020-04-01</p>
</div>
<div class="fe-list-child-right">
<div class="fe-list-child-right-desc">
<h3>¥2000.00</h3>
<p>进行中</p>
</div>
<img src="../assets/images/agent/next_gray.png" alt />
</div>
</a>
<a class="fe-list-child" href>
<div class="fe-list-child-left">
<h3>市场推广-地推</h3>
<p>2020-04-01</p>
</div>
<div class="fe-list-child-right">
<div class="fe-list-child-right-desc">
<h3>¥2000.00</h3>
<p>已拒回</p>
</div>
<img src="../assets/images/agent/next_gray.png" alt />
</div>
</a>
<a class="fe-list-child" href>
<div class="fe-list-child-left">
<h3>市场推广-地推</h3>
<p>2020-04-01</p>
</div>
<div class="fe-list-child-right">
<div class="fe-list-child-right-desc">
<h3>¥2000.00</h3>
<p>已完成</p>
</div> </div>
<img src="../assets/images/agent/next_gray.png" alt /> <img src="../assets/images/agent/next_gray.png" alt />
</div> </div>
</a> </a>
</div> </div>
</div> </div>
</template> </template>
<script> <script lang='ts'>
export default {}; import {Component,Vue} from 'vue-property-decorator'
@Component
export default class FlexEmployee extends Vue {
private name:string='小小JJ帅';
private taskRecordList:any=[
{id:1,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:2,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已完成'},
{id:3,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已拒回'},
{id:4,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'进行中'},
{id:5,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:6,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:7,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:8,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:9,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:10,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:11,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:12,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:13,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:14,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:15,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:16,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:17,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:18,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
{id:19,title:'市场推广-地推',date:'2020-02-02',price:'9999.99',state:'已接单'},
]
private toDetail(id:any):void{
this.$router.push({name:'',query:{id:id}})
}
};
</script> </script>
<style lang="less"> <style lang="less">
......
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 sign in to comment