|
@@ -38,10 +38,7 @@
|
|
|
<tbody>
|
|
|
<tr v-for="(i, index) in brands" :key="index" @click="chooseItem(i)">
|
|
|
<td>
|
|
|
- <div class="checkbox" :class="{ active: brand?.id == i.id }">
|
|
|
- <!-- <input type="radio" /> -->
|
|
|
- <!-- <span></span> -->
|
|
|
- </div>
|
|
|
+ <div class="checkbox" :class="{ active: brand?.id == i.id }"></div>
|
|
|
</td>
|
|
|
<td>{{ index + 1 }}</td>
|
|
|
<td>
|
|
@@ -74,7 +71,6 @@ import { useStore } from 'vuex'
|
|
|
const store = useStore()
|
|
|
const showListPanel = ref(false)
|
|
|
const searchKey = ref('')
|
|
|
-const productSource = ref(null)
|
|
|
const hotData = computed(() => store.getters['tag/hotData'])
|
|
|
const brands = computed(() => {
|
|
|
return store.getters['tag/brandsList'] || []
|
|
@@ -119,15 +115,7 @@ const getData = common.debounce(
|
|
|
const close = () => {
|
|
|
emits('close')
|
|
|
}
|
|
|
-const selectGood = (item, isSelect) => {
|
|
|
- item.isCheck = isSelect
|
|
|
- let index = select.value.findIndex(i => i.id == item.id)
|
|
|
- if (isSelect) {
|
|
|
- !~index && select.value.push(item)
|
|
|
- } else {
|
|
|
- ~index && select.value.splice(index, 1)
|
|
|
- }
|
|
|
-}
|
|
|
+
|
|
|
watch(
|
|
|
() => searchKey.value,
|
|
|
(newval, old) => {
|
|
@@ -148,8 +136,6 @@ onMounted(() => {
|
|
|
top: 0;
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
- // padding: calc(var(--editor-head-height) + 20px) calc(var(--editor-toolbox-width) + 20px) 60px calc(var(--editor-menu-width) + 20px);
|
|
|
- // background-color: rgba(255, 255, 255, 0.7);
|
|
|
z-index: 999;
|
|
|
.brand-info {
|
|
|
color: #fff;
|
|
@@ -282,30 +268,6 @@ onMounted(() => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- // .checkbox > input,
|
|
|
- // .checkbox > span {
|
|
|
- // width: 100%;
|
|
|
- // height: 100%;
|
|
|
- // position: absolute;
|
|
|
- // left: 0;
|
|
|
- // top: 0;
|
|
|
- // border: 1px solid rgba(176, 176, 176, 0.5);
|
|
|
- // }
|
|
|
-
|
|
|
- // .checkbox > input {
|
|
|
- // z-index: 1;
|
|
|
- // opacity: 0;
|
|
|
- // cursor: pointer;
|
|
|
- // }
|
|
|
-
|
|
|
- // .checkbox > span {
|
|
|
- // z-index: 2;
|
|
|
- // pointer-events: none;
|
|
|
- // border-radius: 2px;
|
|
|
- // }
|
|
|
-
|
|
|
- // .checkbox span {
|
|
|
- // }
|
|
|
.checkbox {
|
|
|
position: absolute;
|
|
|
left: 0;
|