123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- <template>
- <a-drawer
- :zIndex="zIndex"
- placement="right"
- :visible="visible"
- :width="width"
- :get-container="false"
- :wrap-style="{ position: 'absolute' }"
- @close="onClose"
- wrapClassName="shopingCat-drawer">
- <div slot="title">
- <strong>{{title}}</strong>
- <span style="color: #ed1c24;;margin-left:10px;font-size: 12px;">注意:仅可添加本供应商有经销权且总部已上线的产品</span>
- </div>
- <shopingCat ref="shopingCat" modes="modals" @ok="handleok"></shopingCat>
- </a-drawer>
- </template>
- <script>
- import { commonMixin } from '@/utils/mixin'
- import shopingCat from '@/views/shoppingCarManagement/shoppingCar/list.vue'
- export default {
- name:"shopingCatModal",
- mixins: [commonMixin],
- components: {
- shopingCat
- },
- props: {
- showModal: {
- type: Boolean,
- default: false
- },
- width: {
- type: [String, Number],
- default: '70%'
- },
- zIndex: {
- type: Number,
- default: 100
- },
- paramsData: {
- type: Object
- }
- },
- watch: {
- showModal (newValue, oldValue) {
- this.visible = newValue
- if (newValue) {
- setTimeout(()=>{
- this.$refs.shopingCat.pageInit(this.paramsData)
- },500)
- }
- },
- },
- data () {
- return {
- visible: this.showModal,
- title: '购物车',
- }
- },
- methods: {
- onClose () {
- this.$emit('close')
- },
- handleok () {
- this.$emit('ok')
- },
- }
- }
- </script>
- <style lang="less">
- .shopingCat-drawer {
- .ant-drawer-header{
- padding: 13px 20px;
- }
- .ant-drawer-body {
- padding: 0 5px;
- height: calc(100% - 50px);
- display: flex;
- flex-direction: column;
- overflow: auto;
- > div {
- height: 100%;
- }
- }
- .table-page-search-wrapper{
- .ant-form.ant-form-inline .ant-form-item .ant-input, .ant-form.ant-form-inline .ant-form-item .ant-select-selection{
- border:0;
- }
- .ant-form.ant-form-inline .ant-form-item{
- border:1px solid #dadada;
- border-radius: 3px;
- .ant-form-item-label{
- padding-left: 11px;
- padding-right: 0!important;
- }
- }
- }
- }
- </style>
|