diff --git a/src/components/mulStore/index.vue b/src/components/mulStore/index.vue new file mode 100644 index 0000000..37195f9 --- /dev/null +++ b/src/components/mulStore/index.vue @@ -0,0 +1,64 @@ + + + + + diff --git a/src/components/mulStore/单选多选门店 b/src/components/mulStore/单选多选门店 new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/src/components/mulStore/单选多选门店 @@ -0,0 +1 @@ + diff --git a/src/pages/discount-coupon/issue/components/edit.vue b/src/pages/discount-coupon/issue/components/edit.vue index 5d8ea9c..68e0f78 100644 --- a/src/pages/discount-coupon/issue/components/edit.vue +++ b/src/pages/discount-coupon/issue/components/edit.vue @@ -11,34 +11,50 @@ - 代金券 - 折扣券 - 代扣券 + + 代金券 + 折扣券 + 代扣券 + + + + + + + - 满减 - 没有限制 + + 满减 + 没有限制 + - + - 所有门店 - 指定门店 + + 所有门店 + 指定门店 + 选择门店 - 所有项目 - 指定项目 + + 所有项目 + 指定项目 + 选择项目 - 领取后多少天 - 固定日期 + + 领取后多少天 + 固定日期 + @@ -46,19 +62,21 @@ - - + + - 固定提成 - 单据金额抽成(%) + + 固定提成 + 单据金额抽成(%) + - + - + @@ -75,15 +93,16 @@ + diff --git a/src/style/app.css b/src/style/app.css index a6b300e..344bd78 100644 --- a/src/style/app.css +++ b/src/style/app.css @@ -1,187 +1,187 @@ -/* 主题样式 */ - -.el-aside { - /* background: #f78989; */ - /* background: linear-gradient(#f78989, #d69c9c); */ - /* background-color: #1873d4; */ - background: linear-gradient(#51a5ff, #1873d4); - - /* 随着.el-menu-item background:rgb(247, 137, 137) !important;一起变 */ - /* background: rgb(247, 137, 137); */ - height: 100%; - font-family: "幼圆"; - font-weight: 700; - color: rgb(207, 207, 207) !important; - -} - -.collapse:hover { - /* 收缩菜单按钮样式 */ - /* background: #fc9ca7; */ - background-color: linear-gradient(#fc3b3b, #2375f0); - box-shadow: #51a5ff 10px 10px 8px; -} - -/* 菜单 */ -.el-submenu .el-menu-item { - height: 35px; - line-height: 35px; -} - -/* 图标 */ -.el-submenu [class^=el-icon-] { - font-size: 16px; -} - -/* 一级菜单字体 */ -.el-submenu__title span { - font-size: 14px; -} - -.el-menu-item, -.el-submenu__title { - /* 一级菜单 */ - height: 50px; - line-height: 50px; -} - -/* 二级菜单字体 */ -.el-menu-item { - font-size: 12px; -} - - -.el-menu-vertical-demo { - /*菜单列表样式*/ - padding-bottom: 10px; -} - -.el-menu-item.is-active { - /* background-color: #fc7483 !important; */ - /* 右边菜单样式 */ - /* background-color: linear-gradient(#f78989, #f78989); */ - /* background-color: #1873d4; */ - /* background: linear-gradient(#1873d4, #51a5ff); */ - color: rgb(207, 207, 207) !important; -} - -.el-menu-item:focus { - background-color: none !important; -} - -.el-menu { - /* 右边菜单样式 */ - /* background: linear-gradient(#f78989, #fdb3b3); */ - /* background-color: #1873d4; */ - background: linear-gradient(#1873d4, #51a5ff); - -} - -.el-submenu .is-active { - /* 菜单栏选中样式 */ - min-width: 64px; - border: none; - /* background: #f0eeef; */ - /* background: linear-gradient(#f78989, #a1c5fc); */ - background: linear-gradient(#5aa7fa, #116cce) !important; - - -} - -.el-submenu__title:hover, -.el-menu-item:hover { - /* 菜单鼠标覆盖样式 */ - /* background: linear-gradient(#f78989, #a1c5fc) !important; */ - background: linear-gradient(#5aa7fa, #116cce) !important; - - -} - -html, -body { - /* 主题样式 */ - height: 100%; - overflow: auto; - /* background: linear-gradient(#ffffff, #f9f9f9); */ - background-color: #5e9af5; -} - -.el-header { - /* 头部样式 */ - /* background: linear-gradient(#fda1a1, #fd7b7b); */ - /* background-color: #1873d4; */ - background: linear-gradient(#6cb3ff, #1873d4); - - border-top: 2px solid linear-gradient(#f78989, #5e9af5); - width: 100%; - z-index: 98; - padding: 0 !important; -} - - -/* 面包屑导航样式 */ - - -/* ------------------- */ - - -/* ------------------- */ - - -/* 搜索 */ - - -/* .el-form-item label:after { - content: " "; - display: inline-block; - width: 100%; -} -.el-form-item__label { - text-align: justify -} -.el-form-item.is-required .el-form-item__label:before { - content: none !important; -} */ -.el-radio__input.is-checked .el-radio__inner { - border-color: #f78989; - background: #f78989; -} - -.el-radio__input.is-checked+.el-radio__label { - color: #f78989; -} - -.max-height-60 { - max-height: 60vh; - overflow: auto; -} - -.max-height-55 { - max-height: 55vh; - overflow: auto; -} - -.max-height-50 { - max-height: 50vh; - overflow: auto; -} - -.max-height-45 { - max-height: 45vh; - overflow: auto; -} - -.max-height-40 { - max-height: 40vh; - overflow: auto; -} - -.max-height-65 { - max-height: 65vh; - overflow: auto; -} - -.max-height-35 { - max-height: 35vh; - overflow: auto; -} +/* 主题样式 */ + +.el-aside { + /* background: #f78989; */ + /* background: linear-gradient(#f78989, #d69c9c); */ + /* background-color: #1873d4; */ + background: linear-gradient(#51a5ff, #1873d4); + + /* 随着.el-menu-item background:rgb(247, 137, 137) !important;一起变 */ + /* background: rgb(247, 137, 137); */ + height: 100%; + font-family: "幼圆"; + font-weight: 700; + color: rgb(207, 207, 207) !important; + +} + +.collapse:hover { + /* 收缩菜单按钮样式 */ + /* background: #fc9ca7; */ + background-color: linear-gradient(#fc3b3b, #2375f0); + box-shadow: #51a5ff 10px 10px 8px; +} + +/* 菜单 */ +.el-submenu .el-menu-item { + height: 35px; + line-height: 35px; +} + +/* 图标 */ +.el-submenu [class^=el-icon-] { + font-size: 16px; +} + +/* 一级菜单字体 */ +.el-submenu__title span { + font-size: 14px; +} + +.el-menu-item, +.el-submenu__title { + /* 一级菜单 */ + height: 50px; + line-height: 50px; +} + +/* 二级菜单字体 */ +.el-menu-item { + font-size: 12px; +} + + +.el-menu-vertical-demo { + /*菜单列表样式*/ + padding-bottom: 10px; +} + +.el-menu-item.is-active { + /* background-color: #fc7483 !important; */ + /* 右边菜单样式 */ + /* background-color: linear-gradient(#f78989, #f78989); */ + /* background-color: #1873d4; */ + /* background: linear-gradient(#1873d4, #51a5ff); */ + color: rgb(207, 207, 207) !important; +} + +.el-menu-item:focus { + background-color: none !important; +} + +.el-menu { + /* 右边菜单样式 */ + /* background: linear-gradient(#f78989, #fdb3b3); */ + /* background-color: #1873d4; */ + background: linear-gradient(#1873d4, #51a5ff); + +} + +.el-submenu .is-active { + /* 菜单栏选中样式 */ + min-width: 64px; + border: none; + /* background: #f0eeef; */ + /* background: linear-gradient(#f78989, #a1c5fc); */ + background: linear-gradient(#5aa7fa, #116cce) !important; + + +} + +.el-submenu__title:hover, +.el-menu-item:hover { + /* 菜单鼠标覆盖样式 */ + /* background: linear-gradient(#f78989, #a1c5fc) !important; */ + background: linear-gradient(#5aa7fa, #116cce) !important; + + +} + +html, +body { + /* 主题样式 */ + height: 100%; + overflow: auto; + /* background: linear-gradient(#ffffff, #f9f9f9); */ + background-color: #5e9af5; +} + +.el-header { + /* 头部样式 */ + /* background: linear-gradient(#fda1a1, #fd7b7b); */ + /* background-color: #1873d4; */ + background: linear-gradient(#6cb3ff, #1873d4); + + border-top: 2px solid linear-gradient(#f78989, #5e9af5); + width: 100%; + z-index: 98; + padding: 0 !important; +} + + +/* 面包屑导航样式 */ + + +/* ------------------- */ + + +/* ------------------- */ + + +/* 搜索 */ + + +/* .el-form-item label:after { + content: " "; + display: inline-block; + width: 100%; +} +.el-form-item__label { + text-align: justify +} +.el-form-item.is-required .el-form-item__label:before { + content: none !important; +} */ +/* .el-radio__input.is-checked .el-radio__inner { + border-color: #f78989; + background: #f78989; +} + +.el-radio__input.is-checked+.el-radio__label { + color: #f78989; +} */ + +.max-height-60 { + max-height: 60vh; + overflow: auto; +} + +.max-height-55 { + max-height: 55vh; + overflow: auto; +} + +.max-height-50 { + max-height: 50vh; + overflow: auto; +} + +.max-height-45 { + max-height: 45vh; + overflow: auto; +} + +.max-height-40 { + max-height: 40vh; + overflow: auto; +} + +.max-height-65 { + max-height: 65vh; + overflow: auto; +} + +.max-height-35 { + max-height: 35vh; + overflow: auto; +}