12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- <template>
- <button class="leads-item" @click="handleDetail">
- <view class="cell">
- <text class="cell-left name">
- {{ itemData.leadsName }}
- </text>
- <text class="cell-right" />
- </view>
-
- <view class="cell">
- <text class="cell-left time">
- 最后跟进时间:{{ itemData.lastTime | formatTime }}
- </text>
- <text class="cell-right status">
- {{ itemData.ownerUserName }}
- </text>
- </view>
- </button>
- </template>
- <script>
- import moment from 'moment'
-
- export default {
- name: 'LeadsItem',
- filters: {
- formatTime(val) {
- if (!val) return '--'
- return moment(val).format('YYYY-MM-DD')
- }
- },
- props: {
- itemData: {
- type: Object,
- required: true
- }
- },
- methods: {
- /**
- * 线索详情跳转
- */
- handleDetail() {
- if (!this.$auth('crm.leads.read')) {
- this.$toast('权限不足')
- return
- }
- this.$Router.navigateTo({
- url: '/pages_crm/leads/detail',
- query: {
- id: this.itemData.leadsId
- }
- })
- }
- }
- }
- </script>
- <style scoped lang="scss">
- @import "../../style/listItem";
- .leads-item {
- border-bottom: 1rpx solid $border-color;
- background-color: white;
- padding: 20rpx 32rpx;
-
- .cell {
- .name {
- font-size: 32rpx;
- color: #212121;
- @include ellipsis;
- }
- .time, .status {
- font-size: 26rpx;
- color: $gray;
- }
- }
- }
- </style>
|