m

src/views/weixingrong/OBUQuery/OBUQuery.vue

@@ -28,6 +28,47 @@ const options = [
     label: 'Option5',
   },
 ]
+const colors = [{
+            value: 'Option1',
+            label: '蓝色',
+        },
+        {
+            value: 'Option2',
+            label: '黄色',
+        },
+        {
+            value: 'Option3',
+            label: '黑色',
+        },
+        {
+            value: 'Option4',
+            label: '白色',
+        },
+        {
+            value: 'Option5',
+            label: '渐变绿色',
+        },
+        {
+            value: 'Option6',
+            label: '黄绿双拼色',
+        },
+        {
+            value: 'Option7',
+            label: '蓝白渐变色',
+        },
+        {
+            value: 'Option8',
+            label: '未确定',
+        },
+        {
+            value: 'Option9',
+            label: '绿色',
+        },
+        {
+            value: 'Option10',
+            label: '红色',
+        },
+    ]
 const tableData = [
   {
     customerName: '周金波',
@@ -67,8 +108,11 @@ const tableData = [
   },
   
 ]
-const handleClick = () => {
-  console.log('click')
+const handleView = (item:any,v:any) => {
+  console.log('view',item,v)
+}
+const handleEdit = (item:any,v:any) => {
+  console.log('edit',item,v.OBUNo)
 }
 </script>
 <template>
@@ -83,7 +127,7 @@ const handleClick = () => {
             <el-form-item label="车牌颜色">
                 <el-select v-model="OBUList.carColors" class="m-2" placeholder="Select">
                     <el-option
-                    v-for="item in options"
+                    v-for="item in colors"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
@@ -127,14 +171,16 @@ const handleClick = () => {
             <el-table-column prop="channel" label="渠道" width="360" align="center" />
             <el-table-column prop="OBUStatus" label="OBU状态" width="100" align="center" />
             <el-table-column fixed="right" label="操作" width="160" align="center" >
-            <template #default>
-                <el-button type="primary" size="small" @click="handleClick">详情</el-button>
-                <el-button type="success" size="small">修改</el-button>
+            <template #default="scope">
+                <el-button type="primary" size="small" @click="handleView(scope.$index, scope.row)">详情</el-button>
+                <el-button type="success" size="small" @click="handleEdit(scope.$index, scope.row)">修改</el-button>
             </template>
             </el-table-column>
         </el-table>
     </div>
 </template>
 <style scoped>
-    
+.el-form--inline .el-form-item{
+    margin-right: 16px;
+}
 </style>

src/views/weixingrong/cardQueries/cardQueries.vue

@@ -6,6 +6,47 @@
         carColors: '',
         OBUno: '',
     })
+const colors = [{
+            value: 'Option1',
+            label: '蓝色',
+        },
+        {
+            value: 'Option2',
+            label: '黄色',
+        },
+        {
+            value: 'Option3',
+            label: '黑色',
+        },
+        {
+            value: 'Option4',
+            label: '白色',
+        },
+        {
+            value: 'Option5',
+            label: '渐变绿色',
+        },
+        {
+            value: 'Option6',
+            label: '黄绿双拼色',
+        },
+        {
+            value: 'Option7',
+            label: '蓝白渐变色',
+        },
+        {
+            value: 'Option8',
+            label: '未确定',
+        },
+        {
+            value: 'Option9',
+            label: '绿色',
+        },
+        {
+            value: 'Option10',
+            label: '红色',
+        },
+    ]
 const options = [
   {
     value: 'Option1',
@@ -60,7 +101,7 @@ const handleClick = () => {
             <el-form-item label="车牌颜色">
                 <el-select v-model="OBUList.carColors" class="m-2" placeholder="Select">
                     <el-option
-                    v-for="item in options"
+                    v-for="item in colors"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
@@ -127,5 +168,7 @@ const handleClick = () => {
     </div>
 </template>
 <style scoped>
-    
+ .el-form--inline .el-form-item{
+    margin-right: 16px;
+}   
 </style>

src/views/weixingrong/signingQuery/signingQuery.vue

@@ -6,6 +6,47 @@
         carColors: '',
         OBUno: '',
     })
+const colors = [{
+            value: 'Option1',
+            label: '蓝色',
+        },
+        {
+            value: 'Option2',
+            label: '黄色',
+        },
+        {
+            value: 'Option3',
+            label: '黑色',
+        },
+        {
+            value: 'Option4',
+            label: '白色',
+        },
+        {
+            value: 'Option5',
+            label: '渐变绿色',
+        },
+        {
+            value: 'Option6',
+            label: '黄绿双拼色',
+        },
+        {
+            value: 'Option7',
+            label: '蓝白渐变色',
+        },
+        {
+            value: 'Option8',
+            label: '未确定',
+        },
+        {
+            value: 'Option9',
+            label: '绿色',
+        },
+        {
+            value: 'Option10',
+            label: '红色',
+        },
+    ]
 const options = [
   {
     value: 'Option1',
@@ -60,7 +101,7 @@ const handleClick = () => {
             <el-form-item label="车牌颜色">
                 <el-select v-model="OBUList.carColors" class="m-2" placeholder="Select">
                     <el-option
-                    v-for="item in options"
+                    v-for="item in colors"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
@@ -127,5 +168,7 @@ const handleClick = () => {
     </div>
 </template>
 <style scoped>
-    
+  .el-form--inline .el-form-item{
+    margin-right: 16px;
+}  
 </style>

src/views/weixingrong/userQueryChange/userQueryChange.vue

@@ -107,5 +107,7 @@ const handleClick = () => {
     </div>
 </template>
 <style scoped>
-    
+ .el-form--inline .el-form-item{
+    margin-right: 16px;
+}   
 </style>

src/views/weixingrong/vehicleEnquirChange/vehicleEnquirChange.vue

@@ -6,6 +6,47 @@
         carColors: '',
         OBUno: '',
     })
+const colors = [{
+            value: 'Option1',
+            label: '蓝色',
+        },
+        {
+            value: 'Option2',
+            label: '黄色',
+        },
+        {
+            value: 'Option3',
+            label: '黑色',
+        },
+        {
+            value: 'Option4',
+            label: '白色',
+        },
+        {
+            value: 'Option5',
+            label: '渐变绿色',
+        },
+        {
+            value: 'Option6',
+            label: '黄绿双拼色',
+        },
+        {
+            value: 'Option7',
+            label: '蓝白渐变色',
+        },
+        {
+            value: 'Option8',
+            label: '未确定',
+        },
+        {
+            value: 'Option9',
+            label: '绿色',
+        },
+        {
+            value: 'Option10',
+            label: '红色',
+        },
+    ]
 const options = [
   {
     value: 'Option1',
@@ -77,7 +118,7 @@ const handleClick = () => {
             <el-form-item label="车牌颜色">
                 <el-select v-model="OBUList.carColors" class="m-2" placeholder="Select">
                     <el-option
-                    v-for="item in options"
+                    v-for="item in colors"
                     :key="item.value"
                     :label="item.label"
                     :value="item.value"
@@ -137,5 +178,7 @@ const handleClick = () => {
     </div>
 </template>
 <style scoped>
-    
+  .el-form--inline .el-form-item{
+    margin-right: 16px;
+}  
 </style>