[WIP] Заменил селекты, попровил стили

This commit is contained in:
megavrilinvv
2023-01-20 17:46:26 +03:00
parent 739e94fc00
commit 611558597a
10 changed files with 58 additions and 145 deletions

View File

@@ -1,7 +1,7 @@
<template lang="pug">
.wrapper-info.h-full
.grid.grid-cols-2.gap-x-4.gap-y-6
base-custom-select.input-info(
base-select(
:items="priorityList",
placeholder="Приоритет клиента",
v-model="basicInfo.priority",
@@ -46,14 +46,14 @@
import BaseInput from "@/components/base/BaseInput";
import BaseAddingNetwork from "@/components/base/BaseAddingNetwork";
import { column } from "@/pages/clients/utils/tableConfig";
import BaseCustomSelect from "@/components/base/BaseCustomSelect";
import BaseSelect from "@/components/base/BaseSelect";
export default {
name: "FormCreateBasicInfo",
components: {
BaseInput,
BaseAddingNetwork,
BaseCustomSelect,
BaseSelect,
},
props: {
choosePriority: Function,

View File

@@ -1,10 +1,10 @@
<template lang="pug">
.flex.box-border.px-4.items-center.w-full.text-sm(
.flex.box-border.px-2.items-center.w-full.text-sm(
:style="{ width : width + 'px'}"
)
span(v-if="!isOpenChange") {{ birthday }}
base-input(
:width="130"
:width="140"
type="date",
v-if="isOpenChange",
@click.stop,

View File

@@ -1,5 +1,5 @@
<template lang="pug">
.network-cell.flex.box-border.px-4.items-center.w-full(:style="{ width: width + 'px'}")
.flex.box-border.px-4.items-center.w-full(:style="{ width: width + 'px'}")
.flex.gap-x-1
.text-xl.icon.relative(
v-for="network in getNetworks",
@@ -117,8 +117,6 @@ export default {
</script>
<style lang="sass" scoped>
.network-cell
column-gap: 2px
.icon
color: var(--btn-blue-color)
&:last-child

View File

@@ -6,9 +6,10 @@
.flex.gap-x-2.text-sm(class="w-[164px]")
base-select(
v-if="isOpenChange",
@click.stop :items="getPriorityList",
@click.stop,
:items="getPriorityList",
v-model="value.priority",
textStyle="text-sm"
:placeholder="value.priority"
)
</template>
@@ -32,7 +33,7 @@ export default {
computed: {
getPriorityList() {
return this.prioritySettings.settings.map((el) => {
return { label: el.text, id: el.id };
return el.text;
});
},
},