m

src/views/weixingrong/OBUQuery/OBUQuery.vue

     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: '周金波',
   },
   
 ]
-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>
             <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"
             <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

         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',
             <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"
     </div>
 </template>
 <style scoped>
-    
+ .el-form--inline .el-form-item{
+    margin-right: 16px;
+}   
 </style>

src/views/weixingrong/signingQuery/signingQuery.vue

         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',
             <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"
     </div>
 </template>
 <style scoped>
-    
+  .el-form--inline .el-form-item{
+    margin-right: 16px;
+}  
 </style>

src/views/weixingrong/userQueryChange/userQueryChange.vue

     </div>
 </template>
 <style scoped>
-    
+ .el-form--inline .el-form-item{
+    margin-right: 16px;
+}   
 </style>

src/views/weixingrong/vehicleEnquirChange/vehicleEnquirChange.vue

         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',
             <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"
     </div>
 </template>
 <style scoped>
-    
+  .el-form--inline .el-form-item{
+    margin-right: 16px;
+}  
 </style>