-
-
@@ -116,6 +128,67 @@ const isLicenseNumber = ref(true)
const carQueueList = ref([])
const carQueueOption = ref([])
const licenseNumberOption = ref([])
+const nowClick = ref('')
+// 列 - 左1右2 - 外1内2
+const installedTyre = ref(['1-1-1', '3-2-1', '2-2-2', '5-1-2'])
+
+const backgroundColorState = (e) => {
+ if (installedTyre.value.includes(e)) {
+ return '#41ca7f'
+ } else {
+ return '#90bfea'
+ }
+}
+const borderColorState = (e) => {
+ if (e === nowClick.value) {
+ return '#ffff00'
+ }
+ if (installedTyre.value.includes(e)) {
+ return '#41ca7f'
+ } else {
+ return '#90bfea'
+ }
+}
+
+const tyreClick = (e) => {
+ nowClick.value = e
+}
+
+const getList = async () => {
+ let {rows: queueList} = await listCarQueue()
+ carQueueList.value = queueList
+ carQueueOption.value = queueList.map(e => {
+ return {
+ label: e.title,
+ value: e.id
+ }
+ })
+}
+
+const carQueueChange = (e) => {
+ form.value.licenseNumber = null
+ let option = carQueueList.value.filter(res => res.id === e)[0]?.baseCarList || []
+ option.length !== 0 ? isLicenseNumber.value = false : isLicenseNumber.value = true
+ licenseNumberOption.value = option.map(e => {
+ return {
+ label: e.carLicense,
+ value: e.id
+ }
+ })
+}
+
+const licenseNumberChange = (e) => {
+ console.log(form.value)
+}
+
+const installClick = () => {
+ console.log(form2.value)
+}
+
+const uninstallClick = () => {
+ console.log(form2.value)
+}
+
const item = '10T1-1|2-2|3-2|4-1|5-2|6-1|'
const arr = ref([])
@@ -195,42 +268,6 @@ const option5 = [
},
]
-const tyreClick = (index, dir, e) => {
- let param1 = index + 1
- let param2 = index + 1
- let param3 = index + 1
- console.log(index, dir, e)
-}
-const getList = async () => {
- let {rows: queueList} = await listCarQueue()
- carQueueList.value = queueList
- carQueueOption.value = queueList.map(e => {
- return {
- label: e.title,
- value: e.id
- }
- })
-}
-const carQueueChange = (e) => {
- form.value.licenseNumber = null
- let option = carQueueList.value.filter(res => res.id === e)[0]?.baseCarList || []
- option.length !== 0 ? isLicenseNumber.value = false : isLicenseNumber.value = true
- licenseNumberOption.value = option.map(e => {
- return {
- label: e.carLicense,
- value: e.id
- }
- })
-}
-const licenseNumberChange = (e) => {
- console.log(form.value)
-}
-const installClick = () => {
- console.log(form2.value)
-}
-const uninstallClick = () => {
- console.log(form2.value)
-}
getList()