From c5863eb6f31e71399495c491b6c9a7a8a4594688 Mon Sep 17 00:00:00 2001 From: tom <tom.he@highdatas.com> Date: 星期四, 01 八月 2024 18:00:28 +0800 Subject: [PATCH] 调整 --- module/md/page/customer/page/evaluation_management_edit.html | 81 ++++++++++++++++++++++++++++++++++------ 1 files changed, 69 insertions(+), 12 deletions(-) diff --git a/module/md/page/customer/page/evaluation_management_edit.html b/module/md/page/customer/page/evaluation_management_edit.html index e09d1c3..166ff02 100644 --- a/module/md/page/customer/page/evaluation_management_edit.html +++ b/module/md/page/customer/page/evaluation_management_edit.html @@ -85,28 +85,46 @@ 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: '姝e紡閲囪喘', - timestamp: '' + timestamp: '', + remark:'娴嬭瘯淇℃伅', }, ], treeData: [{ @@ -647,10 +665,31 @@ 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: 浠ab瀵艰埅鐨勬柟寮忔墦寮� width: "500px", @@ -658,7 +697,7 @@ 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 + "'", @@ -683,7 +722,7 @@ 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", @@ -883,6 +922,14 @@ 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> @@ -987,16 +1034,26 @@ </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> -- Gitblit v1.8.0