From 6fa33faf423d7717e2c2400657c15a45d6b8ae49 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com> Date: Fri, 25 Jul 2025 17:32:04 +0800 Subject: [PATCH] =?UTF-8?q?task=2044941=20BUG=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/pannel/index.html | 4 +- src/components/pannel/index.scss | 12 +- src/components/pannel/list.png | Bin 0 -> 842 bytes src/components/scroll-table-details/data.js | 65 +++++++ .../scroll-table-details/index.html | 19 ++ src/components/scroll-table-details/index.js | 95 +++++++++ .../scroll-table-details/index.scss | 133 +++++++++++++ src/components/scroll-table-details/index.vue | 3 + src/components/scroll-table/index.html | 2 +- src/views/capital/api/index.js | 44 ++++- .../comps/buttom/2/asset-details/close.png | Bin 0 -> 478 bytes .../comps/buttom/2/asset-details/index.html | 42 ++++ .../comps/buttom/2/asset-details/index.js | 23 +++ .../comps/buttom/2/asset-details/index.scss | 182 ++++++++++++++++++ .../comps/buttom/2/asset-details/index.vue | 4 + .../comps/buttom/2/asset-details/tt_icon.png | Bin 0 -> 536 bytes src/views/capital/comps/buttom/2/index.html | 5 +- src/views/capital/comps/buttom/2/index.js | 79 +++++++- src/views/capital/index.html | 3 +- src/views/capital/index.js | 12 +- 20 files changed, 711 insertions(+), 16 deletions(-) create mode 100644 src/components/pannel/list.png create mode 100644 src/components/scroll-table-details/data.js create mode 100644 src/components/scroll-table-details/index.html create mode 100644 src/components/scroll-table-details/index.js create mode 100644 src/components/scroll-table-details/index.scss create mode 100644 src/components/scroll-table-details/index.vue create mode 100644 src/views/capital/comps/buttom/2/asset-details/close.png create mode 100644 src/views/capital/comps/buttom/2/asset-details/index.html create mode 100644 src/views/capital/comps/buttom/2/asset-details/index.js create mode 100644 src/views/capital/comps/buttom/2/asset-details/index.scss create mode 100644 src/views/capital/comps/buttom/2/asset-details/index.vue create mode 100644 src/views/capital/comps/buttom/2/asset-details/tt_icon.png diff --git a/src/components/pannel/index.html b/src/components/pannel/index.html index a2a57f8..0896ab5 100644 --- a/src/components/pannel/index.html +++ b/src/components/pannel/index.html @@ -4,6 +4,7 @@
+
@@ -13,10 +14,9 @@
-
+
-
diff --git a/src/components/pannel/index.scss b/src/components/pannel/index.scss index ee83976..a6e48b7 100644 --- a/src/components/pannel/index.scss +++ b/src/components/pannel/index.scss @@ -58,6 +58,8 @@ .more { margin-right: 20px; + position: absolute; + right: 0; } } @@ -114,6 +116,14 @@ } } +.flexIble_list { + z-index: 4; + width: 20px; + height: 20px; + background: url('./list.png'); + background-size: 100% 100%; +} + .flexIble { z-index: 4; width: 16px; @@ -149,4 +159,4 @@ transform: translateX(0px); /* 样式 */ } -} \ No newline at end of file +} diff --git a/src/components/pannel/list.png b/src/components/pannel/list.png new file mode 100644 index 0000000000000000000000000000000000000000..a5523154d9295e5a354aa9c28dc6b22c2f9cb700 GIT binary patch literal 842 zcmV-Q1GW5#P)#AWxH&y|Fkv5yV+DsH_ zVrjbPkpWIBNV&7`S&TP+8z(S6V2#!Lf$oB(yy{F7~wPjFgL4YkH zcpABV)^#aJbNTc`eCc2xAG<#rPwSBH%|vs(C3a^=j`c*b3SKpTxA?Yk1u;r|4%1mG)xWm>N_I#e{dOWYY<*17w2 zXX!QCtQ1+Wu%r?jxVyk|GC?*`X@p(_pjdDyoxX)7wS_QtMCs*xc0L^M+RjeBotKm2 zk87`v>=nDOANMD-0V}m)9Ef##j3t(bC#pv+Lexc+YDb=p3XWo5i4OsIGtkA$`H*$D z0@&g`N0*yk1GHJ6p3lWs4)ltXQ!~*M?cCj$(OiEgdr)j=y|IL^S(hkqWf{?ThchG_ zti$?h4WDhs!D3y8*kqU&S|v%Z^TfDzTKf&o$goaVg+%~gh<%!MRXZYA6S@o1DkTwR zK{X-+J&$OfSoStQvOh?6wlTK2q9h$;3er<#CT&7(9CAGofP`}hpTqyOsHB@Zm!|B+ zh45l|8$0uEUS2)>ur@O?AUbcJ2&O_GoqtP)NMiZWt?FUhHh11p`H&4V!0#^be!U*7 z@Q!~0(c%jfoW_@uVY716Xoz69iL6B!(?VR4RH;{~7kxKG08lezFrCpzY&E_b83-&U zHY!2JhG~3SH8HdUX)Cv1GR?}g>;G-#+BvNnC{3RYWI!4fM!R7C>F31#F-ZWZ-{J}$ U2J+Rqx&QzG07*qoM6N<$g5802DF6Tf literal 0 HcmV?d00001 diff --git a/src/components/scroll-table-details/data.js b/src/components/scroll-table-details/data.js new file mode 100644 index 0000000..29f9375 --- /dev/null +++ b/src/components/scroll-table-details/data.js @@ -0,0 +1,65 @@ +export default [ + { + area: '长春', + count: 233, + money: 534534, + dealCount: 564, + dealMoney: 31 + }, + { + area: '松原', + count: 233, + money: 534534, + dealCount: 564, + dealMoney: 31 + }, + { + area: '通化', + count: 233, + money: 534534, + dealCount: 564, + dealMoney: 31 + }, + { + area: '四平', + count: 233, + money: 534534, + dealCount: 564, + dealMoney: 31 + }, + { + area: '吉林', + count: 233, + money: 534534, + dealCount: 564, + dealMoney: 31 + }, + { + area: '辽源', + count: 233, + money: 534534, + dealCount: 564, + dealMoney: 31 + }, + { + area: '通化', + count: 233, + money: 534534, + dealCount: 564, + dealMoney: 31 + }, + { + area: '白山', + count: 233, + money: 534534, + dealCount: 564, + dealMoney: 31 + }, + { + area: '延边', + count: 233, + money: 534534, + dealCount: 564, + dealMoney: 31 + } +]; diff --git a/src/components/scroll-table-details/index.html b/src/components/scroll-table-details/index.html new file mode 100644 index 0000000..5718889 --- /dev/null +++ b/src/components/scroll-table-details/index.html @@ -0,0 +1,19 @@ +
+
+
+
{{header}}
+
操作
+
+
+ +
+
{{line.voucherSummary}}
+
{{line.bookDate}}
+
{{line.jieAmount}}
+
{{line.daiAmount}}
+
查看详情
+
+ +
+
+
diff --git a/src/components/scroll-table-details/index.js b/src/components/scroll-table-details/index.js new file mode 100644 index 0000000..baf6f92 --- /dev/null +++ b/src/components/scroll-table-details/index.js @@ -0,0 +1,95 @@ +import scroll from 'vue-seamless-scroll' +export default { + components: { + scroll + }, + data () { + return { + }; + }, + props: { + details: { + type: Boolean, + default: false + }, + width: { + type: [String, Number], + default: '100%' + }, + height: { + type: [String, Number], + default: '100' + }, + bodyHeight: { + type: [Number], + default: 200 + }, + headers: { + type: Array, + default: function () { + return ['表头1', '表头2', '表头3'] + } + }, + data: { + type: Array, + default: function () { + return [ + ['表头1', '表头2', '表头3'], + ['表头1', '表头2', '表头3'], + ['表头1', '表头2', '表头3'], + ['表头1', '表头2', '表头3'], + ['表头1', '表头2', '表头3'], + ['表头1', '表头2', '表头3'], + ['表头1', '表头2', '表头3'], + ['表头11', '表头22', '表头33'] + ] + } + } + }, + computed: { + dataLength: function () { + return this.dataList.length; + }, + bodyStyle: function () { + return { + height: this.bodyHeight + 'px', + }; + }, + style: function () { + return { + height: this.height, + width: this.width + }; + }, + // 如果数据不足5条则不滚动 + swiperOption: function () { + return { + step: 0.4, + limitMoveNum: 5, + hoverStop: true, + direction: 1, + openWatch: true, + singleHeight: 0, + waitTime: 1000 + } + } + }, + created () { + }, + methods: { + lineClick (line) { + console.log(11111111111) + this.$emit('lineClick', line) + }, + handleClick(e) { + // 获取最近携带 data-item 属性的元素 + const target = e.target.closest('[data-item]'); + if (!target) return; + + // 解析存储的数据 + const item = JSON.parse(target.dataset.item); + console.log("点击项数据：", item); + this.$emit('lineClick', item) + } + } +}; diff --git a/src/components/scroll-table-details/index.scss b/src/components/scroll-table-details/index.scss new file mode 100644 index 0000000..ad9630a --- /dev/null +++ b/src/components/scroll-table-details/index.scss @@ -0,0 +1,133 @@ +.table_show { + box-sizing: border-box; + padding: 0 10px; + margin-top: 10px; + + .table_header { + width: 100%; + background: rgba(44, 117, 223, 0.5); + border-radius: 4px; + height: 40px; + font-size: 12px; + font-family: MicrosoftYaHeiUI, MicrosoftYaHeiUI-Bold; + font-weight: 700; + text-align: center; + color: rgba(185, 211, 235, 1); + } + + .table_bodyer { + margin-top: 20px; + overflow: hidden; + height: 200px; + line-height: 40px; + + .table_one { + height: 40px; + display: flex; + justify-content: space-around; + } + } + + .table_one { + width: 100%; + height: 40px; + display: flex; + justify-content: space-around; + align-items: center; + } +} + +.swiper-container { + height: 100%; +} + +.table_bodyer { + height: 100%; + +} + +.margin { + margin-right: 5px; +} + +.item_height { + color: rgba(214, 234, 252, 1); + font-size: 10px; + line-height: 40px; + height: 40px; + display: flex; + justify-content: space-around; + align-items: center; + border-bottom: 1px solid #183053; + + &:nth-child(odd) { + background-color: rgba(49, 129, 246, 0.1); + } + + &:hover { + color: rgba(49, 129, 246, 1); + } +} + +.item { + font-size: 14px; + text-align: center; + overflow: hidden; + white-space: nowrap; + flex: 1!important; +} + +.item1 { + flex: 1.8; +} + +.item:nth-child(1) { + text-align: left; + flex: 1.8; + padding-left: 5px; +} + +.item:nth-child(2) { + flex: 1.3; +} + +.item:nth-child(3) { + flex: 1.8; +} + +.item:nth-child(4) { + flex: 1.4; +} + +.item:nth-child(5) { + flex: 1.3; +} + +.item:nth-child(6) { + flex: 1.3; +} + +.item:nth-child(7) { + flex: 2; +} + +.text_overflow { + text-overflow: ellipsis; +} + +.test_center { + text-align: center; +} + +.pop { + padding: 4px; + position: fixed; + z-index: 20; + color: white; + background: rgba($color: #000000, $alpha: 0.3); + border-radius: 6px; +} + +.margin_top { + margin-top: 5px; +} diff --git a/src/components/scroll-table-details/index.vue b/src/components/scroll-table-details/index.vue new file mode 100644 index 0000000..5ca257a --- /dev/null +++ b/src/components/scroll-table-details/index.vue @@ -0,0 +1,3 @@ +