卡券订单

src/components/Business/App/AppInput.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="app-input">
+    <el-select
+      v-model="selectedApps"
+      :multiple="multiple"
+      placeholder="请选择APP"
+      style="width: 100%"
+      @change="handleChange"
+    >
+      <el-option
+        v-for="item in appList"
+        :key="item.id"
+        :label="item.name"
+        :value="item.id"
+      >
+        <span>{{ item.name }}</span>
+        <span class="app-type">
+          <dict-tag :options="dict.type.app_type" :value="item.type"/>
+        </span>
+      </el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+import { listApp } from "@/api/system/app";
+
+export default {
+  name: "AppInput",
+  dicts: ['app_type'],
+  props: {
+    value: {
+      type: [Array, Number],
+      default: () => []
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      appList: [],
+      selectedApps: this.value
+    }
+  },
+  watch: {
+    value: {
+      handler(val) {
+        this.selectedApps = val;
+      },
+      immediate: true
+    }
+  },
+  created() {
+    this.getAppList();
+  },
+  methods: {
+    async getAppList() {
+      try {
+        const response = await listApp({ pageSize: 999 });
+        this.appList = response.rows;
+      } catch (error) {
+        console.error('获取APP列表失败:', error);
+      }
+    },
+    handleChange(value) {
+      this.$emit('input', value);
+      this.$emit('change', value);
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-input {
+  .app-type {
+    float: right;
+    color: #909399;
+    font-size: 13px;
+  }
+}
+</style> 

src/views/index.vue

@@ -62,7 +62,7 @@
                 <span>{{ item.title }}</span>
               </div>
               <div class="item-right">
-                <span :style="{color: item.count > 0 ? '#409EFF' : '#909399'}" @click="$router.push('/intention/intention')">{{ item.count }}</span>
+                <span :style="{color: item.count > 0 ? '#409EFF' : '#909399'}" @click="$router.push(item.path)">{{ item.count }}</span>
                 <span>条</span>
               </div>
             </div>
@@ -286,13 +286,15 @@ export default {
           icon: 'el-icon-s-shop',
           title: '合作意向',
           count: 0,
-          color: '#409EFF'
+          color: '#409EFF',
+          path: '/intention/intention'
         },
         {
           icon: 'el-icon-money',
           title: '提现申请',
           count: 0,
-          color: '#67C23A'
+          color: '#67C23A',
+          path: '/money/withdraw'
         }
       ],
       // 日期选择器配置