暂存

src/views/lotCard/cardList/index.vue

@@ -1,15 +1,173 @@
 <template>
   <div class="container">
-    <template>
       <div class="head-title">
-        <!-- <span>{{  route.meta.title }} </span> -->
-        <span>物联 </span>
-
-        
-      </div>
+        <span>{{  route.meta.title }} </span>
+    </div>
+    <div class="form-row">
+        <div class="form-row-col">
+            <span class="form-row-label">ICCID</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入ICCID"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">IMSI</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入IMSI"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">IMEI</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入IMEI"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">MSISDN</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入MSISDN"
+                />
+            </span>
+        </div>
+    </div>
+    <div class="form-row">
+        <div class="form-row-col">
+            <span class="form-row-label">ICCID</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入ICCID"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">IMSI</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入IMSI"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">IMEI</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入IMEI"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">MSISDN</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入MSISDN"
+                />
+            </span>
+        </div>
+    </div>
+    <div class="form-row">
+        <div class="form-row-col">
+            <span class="form-row-label">ICCID</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入ICCID"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">IMSI</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入IMSI"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">IMEI</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入IMEI"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">MSISDN</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入MSISDN"
+                />
+            </span>
+        </div>
+    </div>
+    <div class="form-row">
+        <div class="form-row-col">
+            <span class="form-row-label">ICCID</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入ICCID"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+            <span class="form-row-label">IMSI</span>
+            <span class="form-row-input">
+                <a-input
+                    v-model="formData.username"
+                    style="margin: 0 0.6rem"
+                    placeholder="请输入IMSI"
+                />
+            </span>
+        </div>
+        <div class="form-row-col">
+        </div>
+        <div class="form-row-col" style="margin-left: 250px;">
+            <a-button type="primary" @click="evReturnAdd">重置</a-button>
+            <a-button
+                type="primary"
+                style="margin: 0 0.6rem"
+                @click="intData"
+            >
+            <template #icon>
+                <icon-search />
+                </template>
+                搜索
+            </a-button>
+        </div>
+    </div>     
       
-    </template>
-  </div>
+</div>
 </template>
 
 <script setup>
@@ -17,8 +175,12 @@ import { onMounted, ref, h } from "vue";
 import { useRoute } from "vue-router";
 import { columns } from "./config";
 import { Message, Notification } from '@arco-design/web-vue'
-
+const formData = ref({
+  username: ''
+});
 const route = useRoute();
+console.log(route,"route")
+
 
 </script>
 
@@ -30,6 +192,16 @@ const route = useRoute();
   }
   .form-row {
     display: flex;
+    .form-row-col{
+        width: 25%;
+        display: flex;
+        align-items: center;        
+        .form-row-label{
+            width: 120px;
+            text-align: right;
+        }
+    }
   }
 }
+
 </style>

src/views/lotCard/packageMange/index.vue

@@ -0,0 +1,8 @@
+<template>
+    <div class="container">
+            <span>
+            套餐管理
+            </span>
+    </div>
+    
+</template>