| | |
| | | |
| | | activities: [ |
| | | { |
| | | id:uuid_short(), |
| | | code:uuid_short()+'01', |
| | | content: '临床拜访', |
| | | timestamp: '2024-04-15' |
| | | timestamp: '2024-04-15', |
| | | remark:'测试信息', |
| | | }, |
| | | { |
| | | id:uuid_short(), |
| | | code:uuid_short()+'01', |
| | | content: '提单', |
| | | timestamp: '2024-06-10' |
| | | timestamp: '2024-06-10', |
| | | remark:'测试信息', |
| | | }, |
| | | { |
| | | id:uuid_short(), |
| | | code:uuid_short()+'01', |
| | | content: '临采', |
| | | timestamp: '2024-06-29' |
| | | timestamp: '2024-06-29', |
| | | remark:'测试信息', |
| | | }, |
| | | { |
| | | id:uuid_short(), |
| | | code:uuid_short()+'01', |
| | | content: '过会准备与沟通', |
| | | timestamp: '2024-07-01' |
| | | timestamp: '2024-07-01', |
| | | remark:'测试信息', |
| | | }, |
| | | { |
| | | id:uuid_short(), |
| | | code:uuid_short()+'01', |
| | | content: '入院采购', |
| | | timestamp: '2024-07-15' |
| | | timestamp: '2024-07-15', |
| | | remark:'测试信息', |
| | | }, |
| | | { |
| | | id:uuid_short(), |
| | | code:uuid_short()+'01', |
| | | content: '正式采购', |
| | | timestamp: '' |
| | | timestamp: '', |
| | | remark:'测试信息', |
| | | }, |
| | | ], |
| | | treeData: [{ |
| | |
| | | onNodeClick(data) { |
| | | console.log(data) |
| | | }, |
| | | openDetail(activity) { |
| | | openDetail(row) { |
| | | |
| | | this.$nextTick(() => { |
| | | this.activities.map(e => { |
| | | if (e.id == row.id) { |
| | | document.getElementById(e.content).classList.add("card-body") |
| | | document.getElementById(e.content).getElementsByClassName("el-descriptions__body")[0].classList.add("card-body") |
| | | } |
| | | else { |
| | | document.getElementById(e.content).classList.remove("card-body") |
| | | document.getElementById(e.content).getElementsByClassName("el-descriptions__body")[0].classList.remove("card-body") |
| | | } |
| | | |
| | | if (e.id == row.id) { |
| | | document.getElementById(e.id).getElementsByClassName("el-timeline-item__node--normal")[0].classList.add("timeline-node") |
| | | } |
| | | else { |
| | | document.getElementById(e.id).getElementsByClassName("el-timeline-item__node--normal")[0].classList.remove("timeline-node") |
| | | } |
| | | }) |
| | | }) |
| | | |
| | | var me = this; |
| | | var data_ = {}; |
| | | var text_ = activity.content+"详情" |
| | | var text_ = row.content+"详情" |
| | | var config = { |
| | | totab: false, //true: 以Tab导航的方式打开 |
| | | width: "500px", |
| | |
| | | icon: "icon-product", |
| | | text: text_, |
| | | id: uuid_short(),//totab: true时需设置,用于判断是否已打开此页面 |
| | | url: "module/approval/page/my_approval_list.html", |
| | | url: "module/md/page/customer/page/404.html", |
| | | data: data_, |
| | | delta: {}, |
| | | // filter: "org_id='"+ me.selectedrow.org_id + "' and bu_id='" + me.selectedrow.bu_id + "'", |
| | |
| | | icon: "icon-product", |
| | | text: "遴选信息" + (row.customer_code ? ("-" + row.customer_code) : ""), |
| | | id: "evaluation_management_edit", |
| | | url: "module/md/page/customer/page/evaluation_management_404.html", |
| | | url: "module/md/page/customer/page/404.html", |
| | | data: row, |
| | | delta: {}, |
| | | sceneCode: 'browse',//"refuseedit",//"approval", //"add"//"browse", |
| | |
| | | div .el-card__header { |
| | | padding: 10px 20px; |
| | | } |
| | | .card-body { |
| | | background: #f0f7ff !important; |
| | | /* line-height: 32px; */ |
| | | color: rgba(78, 151, 255, 1) !important; |
| | | } |
| | | .timeline-node { |
| | | background: rgba(78, 151, 255, 1) !important; |
| | | } |
| | | </style> |
| | | |
| | | </head> |
| | |
| | | </div> |
| | | <el-row> |
| | | <el-col :span="12" style="padding-right: 10px;" > |
| | | <el-card class="box-card" style="min-height: 408px;"> |
| | | <el-card class="box-card" style="height: 408px;overflow: auto;"> |
| | | <div slot="header" class="clearfix"> |
| | | <span style="font-size: 14px;font-weight: bold;">推广过程</span> |
| | | </div> |
| | | <el-timeline :reverse="false" style="padding-top: 10px;"> |
| | | <el-timeline-item @click.native="openDetail(activity)" |
| | | <!-- <el-timeline-item @click.native="openDetail(activity)" |
| | | v-for="(activity, index) in activities" |
| | | :key="index" |
| | | :timestamp="activity.timestamp"> |
| | | {{activity.content}} |
| | | </el-timeline-item> --> |
| | | <el-timeline-item :reverse="false" :id="row.id" v-for="(row, k) in activities" :key="k" :timestamp="row.timestamp" placement="top"> |
| | | <div @click="openDetail(row)"> |
| | | <el-card :id="row.content" shadow="hover"> |
| | | <el-descriptions :title="row.content" :column="1" size="mini"> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="备注">{{row.remark}}</el-descriptions-item> |
| | | </el-descriptions> |
| | | </el-card> |
| | | </div> |
| | | </el-timeline-item> |
| | | </el-timeline> |
| | | </el-card> |