订单管理列表

pages/work/OrderManager/ListItem.vue

@@ -0,0 +1,178 @@
+<template>
+    <uni-card
+        v-for="(item,index) in items"
+        :key="item.saleid"
+        :class="index % 2 === 0 ? 'card-even' : 'card-odd'"
+        :extra="item.contractcode"
+        :title="item.usernames"
+        style="margin: 0;margin-bottom: 20px"
+        @click="handleDetail(item)"
+    >
+        <view class="context">
+            <view class="label">
+                <text>货主:</text>
+                <text>{{ item.companyName }}</text>
+            </view>
+            <view class="label">
+                <text>金额:</text>
+                <text>{{ formatPrice(item.contractmoney) }}</text>
+            </view>
+            <view class="label">
+                <text>订单类型:</text>
+				<view>
+				    <dict-tag :options="orderTypeList" :value="item.type"/>
+				</view>
+            </view>
+            <view class="label">
+                <text>制单日期:</text>
+				<text>{{ formatDate(item.adddate, 'yyyy-MM-dd') }}</text>
+            </view>
+			<view class="label">
+			    <text>状态:</text>
+				<text>
+					<text>{{ item.stateText }}</text>
+				</text>
+			</view>
+			<view class="label">
+			    <text>操作:</text>
+					<view  class="action-buttons">
+						<button type='primary' :plain="true" @click="Edit(item)" class="btn">编辑</button>
+						<button type='warn' 
+						plain='true' 
+						@click="deleteData(item)" 
+						class="btn"
+						v-if="item.state == 1 || item.state == -1 || item.state == -2"
+						>删除</button>
+					</view>
+			</view>
+        </view>
+
+    </uni-card>
+</template>
+
+<script setup>
+import {defineOptions, defineProps, getCurrentInstance,computed,onMounted, ref} from 'vue'
+import UniCard from "../../../uni_modules/uni-card/components/uni-card/uni-card.vue";
+import {formatDate} from "../../../uni_modules/uni-dateformat/components/uni-dateformat/date-format";
+import {formatPrice} from "../../../utils/utils";
+import DictTag from "../../../components/dict-tag/dict-tag.vue";
+
+import {delsalemain} from "../../../api/orderManager/index.js"
+
+const {proxy} = getCurrentInstance()
+
+// const {order_state, dazhong_dingdan_type} = proxy.useDict(['order_state', 'dazhong_dingdan_type'])
+
+import {getDicts} from "../../../api/system/dict/data.js"
+
+defineOptions({
+    name: 'ListItem'
+})
+
+
+
+const props = defineProps(['items'])
+
+const stateList = ref([])
+const orderTypeList = ref([])
+// 初始化数据
+onMounted(async () => {
+    try {
+        await getDictData()
+    } finally {
+    }
+})
+
+const Edit = async (row) => {
+    try {
+		console.log(row,'当前行数据')
+        //具体逻辑
+		
+		
+    } catch (error) {
+        console.error('失败:', error)
+    }
+}
+
+// 删除
+const deleteData = async (row) => {
+    uni.showModal({
+        title: '删除确认',
+        content: `确定删除合同 ${row.contractcode || ''} 吗？`,
+        confirmText: '确定',
+        cancelText: '取消',
+        confirmColor: '#DD524D',
+        success: async (res) => {
+            if (res.confirm) {
+                try {
+                    uni.showLoading({
+                        title: '删除中...',
+                        mask: true
+                    })
+                    
+                    await delsalemain(row.saleid)
+                    
+                    uni.hideLoading()
+                    uni.showToast({
+                        title: '删除成功',
+                        icon: 'success'
+                    })
+                    
+                    // 触发父组件刷新
+                    proxy.$emit('refresh')
+                    
+                } catch (error) {
+                    uni.hideLoading()
+                    console.error('删除失败:', error)
+                    uni.showToast({
+                        title: '删除失败',
+                        icon: 'error'
+                    })
+                }
+            }
+        }
+    })
+}
+
+//获取字典数据
+const getDictData = async () => {
+    try {
+        const [stateRes, typeRes] = await Promise.all([
+            getDicts("order_state"),
+            getDicts("dazhong_dingdan_type")
+        ])
+        
+        stateList.value = stateRes.data.map(item => {
+            return {
+                value: item.dictValue,
+                text: item.dictLabel
+            }
+        })
+        
+        orderTypeList.value = typeRes.data
+    } catch (error) {
+        console.error('获取字典数据失败:', error)
+    }
+}
+
+const handleDetail = (row) => {
+    proxy.$tab.navigateTo(`/pages/work/OrderManager/components/EditData?id=${row.saleid}`)
+}
+</script>
+
+<style lang="scss" scoped>
+	:deep().uni-app-tag-span{
+		font-size:12px
+	}
+	button{font-size: 12px;margin:0 5px;}
+	.btn{
+		padding-left:6px;
+		padding-right: 6px;
+		line-height:2;
+	}
+	/* 操作按钮 */
+	.action-buttons {
+	  display: flex;
+	  justify-content: center;
+	}
+</style>