From 9ab6b38c098f857f2ce0772693142c930e4f9b6d Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期六, 30 三月 2024 10:44:03 +0800
Subject: [PATCH] #
---
pages/common/data-list/dataDetail.vue | 127 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 126 insertions(+), 1 deletions(-)
diff --git a/pages/common/data-list/dataDetail.vue b/pages/common/data-list/dataDetail.vue
index 02409e3..f30743c 100644
--- a/pages/common/data-list/dataDetail.vue
+++ b/pages/common/data-list/dataDetail.vue
@@ -1,8 +1,133 @@
<template>
+ <view>
+ <view class="main" v-for="(it,i) in dataList" :key="i">
+ <view class="main-left">{{it.key}}</view>
+
+ <view class="main-right"
+ v-show="!it.type">
+ {{it.value}}
+ </view>
+
+ <input class="main-right input"
+ v-show="it.type == 'input'"
+ type="text"
+ v-model="it.value"
+ >
+ <view class="main-right dis-center no-border" v-show="it.type == 'number-box'" >
+ <uni-number-box
+ color="#606266"
+ v-show="it.type == 'number-box'"
+ v-model="it.value"
+ :max="99999999999999"
+ :min="0"
+ :step='1'
+ @change="changeValue"
+ />
+ </view>
+
+ <!-- todo: 鏃ユ湡閫夋嫨 -->
+ </view>
+
+ <view class="footer">
+ <button @click="modify">modify</button>
+ <button @click="del">delete</button>
+ </view>
+ </view>
</template>
<script>
+ export default {
+ data() {
+ return {
+ dataList: [
+ // {key: '鍟嗗搧鐮�',value: 'LSH90152025',valText: 'val-text'},
+ // {key: '鍟嗗搧鍚嶇О',value: '灏奸緳澶达紙鐏扮櫧锛�5.2x25'},
+ // {key: '瑙勬牸',value: '700*699*80'},
+ // {key: '鎵瑰彿',value: '20231007204944',type: 'input'},
+ // {key: '鏁伴噺',value: 951326478,type: 'number-box',valText: 'val-num'},
+ ],
+ baseIP:'',
+ basePORT:'',
+ index: 0,
+ }
+ },
+ onLoad(option) {
+ let _this = this
+ // #ifdef APP-NVUE
+ const eventChannel = this.$scope.eventChannel; // 鍏煎APP-NVUE
+ // #endif
+ // #ifndef APP-NVUE
+ const eventChannel = this.getOpenerEventChannel();
+ // #endif
+
+ // 鐩戝惉acceptDataFromOpenerPage浜嬩欢锛岃幏鍙栦笂涓�椤甸潰閫氳繃eventChannel浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹�
+ eventChannel.on('param', function(res) {
+ _this.dataList = res.param
+ _this.index = res.index
+ })
+
+
+ },
+ methods: {
+ changeValue(value) {
+ this.val = value
+ },
+ modify() {
+ this.getOpenerEventChannel().emit('dataList', {data: this.dataList});
+ uni.navigateBack()
+ },
+ del() {
+ this.getOpenerEventChannel().emit('del', {data: this.index});
+ uni.navigateBack()
+ }
+ }
+ }
</script>
-<style>
+<style scoped>
+ .main {
+ display: flex;
+ min-height: 30px;
+ align-items: center;
+ margin-left: 8px;
+ padding: 8px;
+ }
+ .main-left {
+ width: 65px;
+ text-align: right;
+ color: #606266;
+ }
+ .main-right {
+ flex: 1;
+ margin-left: 8px;
+ display: flex;
+ flex-wrap: wrap;
+ /* word-wrap: break-word; */
+ word-break: break-all;
+ border: 1px solid #dcdfe6;
+ padding: 6px;
+ border-radius: 4px;
+ color: #a8abb2;
+ font-size: 12px;
+ }
+ .dis-center {
+ justify-content: center;
+ }
+ .no-border {
+ border: none;
+ }
+ .input {
+ color: #606266;
+ }
+ .footer {
+ height: 70px;
+ width: 100%;
+ background-color: #f8f8f8;
+ border-top: 1px solid #dcdfe6;
+ position: fixed;
+ bottom: 0;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1