| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\product\\productAdd\\index.vue?vue&type=style&index=0&id=4f4fb64e&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\product\\productAdd\\index.vue","mtime":1761186792563},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpAdXNlICcuL3Byb2R1Y3RBZGQuc2NzcycgYXMgKjsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA4lEA","file":"index.vue","sourceRoot":"src/pages/product/productAdd","sourcesContent":["<template>\r\n <div class=\"\" id=\"shopp-manager\" v-loading=\"spinShow\">\r\n <pages-header\r\n ref=\"pageHeader\"\r\n :title=\"$route.params.id ? '编辑商品' : '添加商品'\"\r\n :backUrl=\"$routeProStr + '/product/product_list'\"\r\n ></pages-header>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"mt16\" :body-style=\"{ padding: '0px 20px' }\">\r\n <el-tabs v-model=\"currentTab\">\r\n <el-tab-pane v-for=\"(item, index) in headTab\" :key=\"index\" :label=\"item.tit\" :name=\"item.name\"></el-tab-pane>\r\n </el-tabs>\r\n <el-form\r\n class=\"formValidate mt20\"\r\n ref=\"formValidate\"\r\n :rules=\"ruleValidate\"\r\n :model=\"formValidate\"\r\n :label-width=\"labelWidth\"\r\n :label-position=\"labelPosition\"\r\n @submit.native.prevent\r\n >\r\n <!-- 基础信息-->\r\n <basic-info\r\n v-show=\"currentTab === '1'\"\r\n :isCai=\"type\"\r\n :formValidate=\"formValidate\"\r\n :goodsType=\"goodsType\"\r\n :treeSelect=\"treeSelect\"\r\n :tileLabelList=\"tileLabelList\"\r\n :progress=\"progress\"\r\n :upload=\"upload\"\r\n :videoIng=\"videoIng\"\r\n @virtualbtn=\"virtualbtn\"\r\n @handleDragStart=\"handleDragStart\"\r\n @handleDragOver=\"handleDragOver\"\r\n @handleDragEnter=\"handleDragEnter\"\r\n @handleDragEnd=\"handleDragEnd\"\r\n @handleRemove=\"handleRemove\"\r\n @modalPicTap=\"modalPicTap\"\r\n @addVideo=\"addVideo\"\r\n @delVideo=\"delVideo\"\r\n @addCate=\"addCate\"\r\n @addGoodsTag=\"addGoodsTag\"\r\n ></basic-info>\r\n\r\n <!-- 规格库存-->\r\n <spec-stock\r\n ref=\"specStock\"\r\n v-show=\"currentTab === '2'\"\r\n :formValidate=\"formValidate\"\r\n :ruleList=\"ruleList\"\r\n :attrs=\"attrs\"\r\n :manyFormValidate=\"manyFormValidate\"\r\n :oneFormValidate=\"oneFormValidate\"\r\n :tableKey=\"tableKey\"\r\n :oneFormBatch=\"oneFormBatch\"\r\n :formDynamic=\"formDynamic\"\r\n :canSel=\"canSel\"\r\n @changeSpec=\"changeSpec\"\r\n @confirm=\"confirm\"\r\n @onMoveSpec=\"onMoveSpec\"\r\n @changeCurrentIndex=\"changeCurrentIndex\"\r\n @handleRemoveRole=\"handleRemoveRole\"\r\n @attrChangeValue=\"attrChangeValue\"\r\n @handleFocus=\"handleFocus\"\r\n @addPic=\"addPic\"\r\n @handleRemove2=\"handleRemove2\"\r\n @attrDetailChangeValue=\"attrDetailChangeValue\"\r\n @handleBlur=\"handleBlur\"\r\n @handleSelImg=\"handleSelImg\"\r\n @handleRemoveImg=\"handleRemoveImg\"\r\n @handleShowPop=\"handleShowPop\"\r\n @createAttr=\"createAttr\"\r\n @handleAddRole=\"handleAddRole\"\r\n @handleSaveAsTemplate=\"handleSaveAsTemplate\"\r\n @batchAdd=\"batchAdd\"\r\n @batchDel=\"batchDel\"\r\n @modalPicTap=\"modalPicTap\"\r\n @changeDefaultSelect=\"changeDefaultSelect\"\r\n @changeDefaultShow=\"changeDefaultShow\"\r\n @addGoodsCoupon=\"addGoodsCoupon\"\r\n @see=\"see\"\r\n @addVirtual=\"addVirtual\"\r\n ></spec-stock>\r\n\r\n <!-- 商品详情-->\r\n <product-detail\r\n v-show=\"currentTab === '3'\"\r\n :contents=\"contents\"\r\n :content=\"content\"\r\n @getEditorContent=\"getEditorContent\"\r\n ></product-detail>\r\n\r\n <!-- 物流设置-->\r\n <logistics-setting\r\n v-show=\"headTab.length === 7 ? currentTab === '4' : false\"\r\n :formValidate=\"formValidate\"\r\n :templateList=\"templateList\"\r\n @logisticsBtn=\"logisticsBtn\"\r\n @addTemp=\"addTemp\"\r\n ></logistics-setting>\r\n\r\n <!-- 会员价/佣金 -->\r\n <price-commission\r\n v-show=\"headTab.length === 7 ? currentTab === '5' : currentTab === '4'\"\r\n :formValidate=\"formValidate\"\r\n :oneFormValidate=\"oneFormValidate\"\r\n :manyFormValidate=\"manyFormValidate\"\r\n :columnsInstall=\"columnsInstall\"\r\n :columnsInstal2=\"columnsInstal2\"\r\n :manyBrokerage.sync=\"manyBrokerage\"\r\n :manyBrokerageTwo.sync=\"manyBrokerageTwo\"\r\n :manyVipPrice.sync=\"manyVipPrice\"\r\n :manyVipDiscount.sync=\"manyVipDiscount\"\r\n @checkAllGroupChange=\"checkAllGroupChange\"\r\n @changeVipPrice=\"changeVipPrice\"\r\n @changeDiscount=\"changeDiscount\"\r\n @brokerageSetUp=\"brokerageSetUp\"\r\n ></price-commission>\r\n\r\n <!-- 营销设置-->\r\n <marketing-setting\r\n v-show=\"headTab.length === 7 ? currentTab === '6' : currentTab === '5'\"\r\n :formValidate=\"formValidate\"\r\n :couponName=\"couponName\"\r\n :dataLabel=\"dataLabel\"\r\n :activity=\"activity\"\r\n @handleClose=\"handleClose\"\r\n @addCoupon=\"addCoupon\"\r\n @openLabel=\"openLabel\"\r\n @closeLabel=\"closeLabel\"\r\n @addLabel=\"addLabel\"\r\n @onchangeTime=\"onchangeTime\"\r\n @handleRemoveRecommend=\"handleRemoveRecommend\"\r\n @changeGoods=\"changeGoods\"\r\n ></marketing-setting>\r\n\r\n <!-- 其他设置-->\r\n <other-setting\r\n v-show=\"headTab.length === 7 ? currentTab === '7' : currentTab === '6'\"\r\n :formValidate=\"formValidate\"\r\n :customBtn.sync=\"customBtn\"\r\n :paramsType=\"paramsType\"\r\n :paramsTypeList=\"paramsTypeList\"\r\n :protectionList=\"protectionList\"\r\n :CustomList=\"CustomList\"\r\n @modalPicTap=\"modalPicTap\"\r\n @changeParamsType=\"changeParamsType\"\r\n @deleteRow=\"deleteRow\"\r\n @handleAddParams=\"handleAddParams\"\r\n @addProtection=\"addProtection\"\r\n @customMessBtn=\"customMessBtn\"\r\n @delcustom=\"delcustom\"\r\n @addcustom=\"addcustom\"\r\n ></other-setting>\r\n\r\n <el-form-item>\r\n <el-button v-if=\"currentTab !== '1'\" v-db-click @click=\"upTab\">上一步</el-button>\r\n <el-button\r\n class=\"submission\"\r\n v-if=\"currentTab !== '7' && formValidate.virtual_type == 0\"\r\n v-db-click\r\n @click=\"downTab\"\r\n >下一步</el-button\r\n >\r\n <el-button\r\n class=\"submission\"\r\n v-if=\"currentTab !== '6' && formValidate.virtual_type != 0\"\r\n v-db-click\r\n @click=\"downTab\"\r\n >下一步</el-button\r\n >\r\n <el-button\r\n type=\"primary\"\r\n class=\"submission\"\r\n v-db-click\r\n @click=\"handleSubmit('formValidate')\"\r\n v-if=\"$route.params.id || currentTab !== '1'\"\r\n >保存</el-button\r\n >\r\n </el-form-item>\r\n </el-form>\r\n <el-dialog :visible.sync=\"modalPic\" width=\"950px\" scrollable title=\"上传商品图\" :close-on-click-modal=\"false\">\r\n <uploadPictures\r\n :isChoice=\"isChoice\"\r\n @getPic=\"getPic\"\r\n @getPicD=\"getPicD\"\r\n :gridBtn=\"gridBtn\"\r\n :gridPic=\"gridPic\"\r\n v-if=\"modalPic\"\r\n ></uploadPictures>\r\n </el-dialog>\r\n <el-dialog\r\n :visible.sync=\"addVirtualModel\"\r\n width=\"720px\"\r\n title=\"添加卡密\"\r\n :show-close=\"true\"\r\n :close-on-click-modal=\"false\"\r\n @closed=\"initVirtualData\"\r\n >\r\n <div class=\"trip\"></div>\r\n <div class=\"type-radio\">\r\n <el-form label-width=\"85px\">\r\n <el-form-item label=\"卡密类型：\">\r\n <el-radio-group v-model=\"disk_type\" size=\"large\">\r\n <el-radio :label=\"1\">固定卡密</el-radio>\r\n <el-radio :label=\"2\">一次性卡密</el-radio>\r\n </el-radio-group>\r\n <div v-if=\"disk_type == 1\">\r\n <div class=\"stock-disk\">\r\n <el-input v-model=\"disk_info\" size=\"large\" type=\"textarea\" :rows=\"4\" placeholder=\"填写卡密信息\" />\r\n </div>\r\n <div class=\"stock-input\">\r\n <!-- <el-input type=\"number\" v-model=\"stock\" size=\"large\" :min='0' placeholder=\"填写库存数量\">\r\n <span slot=\"append\">件</span>\r\n </el-input> -->\r\n <el-input-number :controls=\"false\" :max=\"100000\" :min=\"1\" :step=\"1\" :precision=\"0\" v-model=\"stock\" />\r\n <span class=\"pl10\">件</span>\r\n </div>\r\n </div>\r\n <div class=\"scroll-virtual\" v-if=\"disk_type == 2\">\r\n <div class=\"virtual-data mb10\" v-for=\"(item, index) in virtualList\" :key=\"index\">\r\n <span class=\"mr10 virtual-title\">卡号{{ index + 1 }}：</span>\r\n <el-input\r\n class=\"mr10\"\r\n type=\"text\"\r\n v-model.trim=\"item.key\"\r\n style=\"width: 150px\"\r\n placeholder=\"请输入卡号(非必填)\"\r\n ></el-input>\r\n <span class=\"mr10 virtual-title\">卡密{{ index + 1 }}：</span>\r\n <el-input\r\n class=\"mr10\"\r\n type=\"text\"\r\n v-model.trim=\"item.value\"\r\n style=\"width: 150px\"\r\n placeholder=\"请输入卡密\"\r\n ></el-input>\r\n <span class=\"deteal-btn\" v-db-click @click=\"removeVirtual(index)\">删除</span>\r\n </div>\r\n </div>\r\n <div class=\"add-more\" v-if=\"disk_type == 2\">\r\n <el-button class=\"h-33\" type=\"primary\" v-db-click @click=\"handleAdd\">新增</el-button>\r\n <el-upload\r\n class=\"ml10\"\r\n :action=\"cardUrl\"\r\n :data=\"uploadData\"\r\n :headers=\"header\"\r\n :on-success=\"upFile\"\r\n :before-upload=\"beforeUpload\"\r\n >\r\n <el-button>导入卡密</el-button>\r\n </el-upload>\r\n </div>\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n <span slot=\"footer\" class=\"dialog-footer\">\r\n <el-button v-db-click @click=\"closeVirtual\">取 消</el-button>\r\n <el-button type=\"primary\" v-db-click @click=\"upVirtual\">确 定</el-button>\r\n </span>\r\n </el-dialog>\r\n </el-card>\r\n <freightTemplate\r\n :template=\"template\"\r\n v-on:changeTemplate=\"changeTemplate\"\r\n @addSuccess=\"productGetTemplate\"\r\n ref=\"templates\"\r\n ></freightTemplate>\r\n <add-attr ref=\"addattr\" @getList=\"userSearchs\"></add-attr>\r\n <coupon-list\r\n ref=\"couponTemplates\"\r\n @nameId=\"nameId\"\r\n :couponids=\"formValidate.coupon_ids\"\r\n :updateIds=\"updateIds\"\r\n :updateName=\"updateName\"\r\n ></coupon-list>\r\n <coupon-list ref=\"goodsCoupon\" many=\"one\" :luckDraw=\"true\" @getCouponId=\"goodsCouponId\"></coupon-list>\r\n <!-- 生成淘宝京东表单-->\r\n <el-dialog\r\n :visible.sync=\"modals\"\r\n @closed=\"cancel\"\r\n class=\"Box\"\r\n title=\"复制淘宝、天猫、京东、苏宁、1688\"\r\n :close-on-click-modal=\"false\"\r\n width=\"720px\"\r\n >\r\n <tao-bao ref=\"taobaos\" v-if=\"modals\" @on-close=\"onClose\"></tao-bao>\r\n </el-dialog>\r\n <el-dialog :visible.sync=\"goods_modals\" title=\"商品列表\" footerHide class=\"paymentFooter\" scrollable width=\"1000px\">\r\n <goods-list v-if=\"goods_modals\" ref=\"goodslist\" :ischeckbox=\"true\" @getProductId=\"getProductId\"></goods-list>\r\n </el-dialog>\r\n <!-- 用户标签 -->\r\n <el-dialog\r\n :visible.sync=\"labelShow\"\r\n title=\"请选择用户标签\"\r\n :show-close=\"true\"\r\n width=\"540px\"\r\n :close-on-click-modal=\"false\"\r\n >\r\n <userLabel ref=\"userLabel\" @activeData=\"activeData\" @close=\"labelClose\"></userLabel>\r\n </el-dialog>\r\n <!-- 商品标签 -->\r\n <el-dialog\r\n :visible.sync=\"tagShow\"\r\n title=\"请选择商品标签\"\r\n :show-close=\"true\"\r\n width=\"540px\"\r\n :close-on-click-modal=\"false\"\r\n >\r\n <goodsLabel\r\n ref=\"goodsLabel\"\r\n :defaultLabelList=\"labelList\"\r\n @activeLabel=\"activeLabel\"\r\n @close=\"labelClose\"\r\n ></goodsLabel>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport userLabel from '@/components/labelList';\r\nimport useLabel from '@/components/goodsLabel/useLabel';\r\nimport goodsLabel from '@/components/goodsLabel';\r\nimport { mapState } from 'vuex';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport freightTemplate from '@/components/freightTemplate';\r\nimport couponList from '@/components/couponList';\r\nimport addAttr from '../productAttr/addAttr';\r\nimport goodsList from '@/components/goodsList/index';\r\nimport taoBao from './taoBao';\r\nimport { userLabelAddApi } from '@/api/user';\r\nimport {\r\n productInfoApi,\r\n cascaderListApi,\r\n productAddApi,\r\n generateAttrApi,\r\n productGetRuleApi,\r\n productGetTemplateApi,\r\n productGetTempKeysApi,\r\n checkActivityApi,\r\n productCache,\r\n cacheDelete,\r\n uploadType,\r\n importCard,\r\n productCreateApi,\r\n getProductTypeConfig,\r\n ruleAddApi,\r\n paramListApi,\r\n paramInfoApi,\r\n productProtectionListApi,\r\n productLabelUseListApi,\r\n} from '@/api/product';\r\nimport Setting from '@/setting';\r\nimport { getCookies } from '@/libs/util';\r\nimport { uploadByPieces } from '@/utils/upload'; //引入uploadByPieces方法\r\nimport { isFileUpload, isVideoUpload, arraysEqual } from '@/utils';\r\nimport checkArray from '@/libs/permission';\r\nimport {\r\n GoodsTableHead,\r\n VirtualTableHead,\r\n VirtualTableHead2,\r\n columns2,\r\n columns3,\r\n CustomList,\r\n RuleValidate,\r\n} from './defaultData.js';\r\nimport BasicInfo from './components/BasicInfo.vue';\r\nimport SpecStock from './components/SpecStock.vue';\r\nimport ProductDetail from './components/ProductDetail.vue';\r\nimport LogisticsSetting from './components/LogisticsSetting.vue';\r\nimport PriceCommission from './components/PriceCommission.vue';\r\nimport MarketingSetting from './components/MarketingSetting.vue';\r\nimport OtherSetting from './components/OtherSetting.vue';\r\nimport { formatRichText } from '@/utils/editorImg';\r\n\r\nexport default {\r\n name: 'ProductAdd',\r\n components: {\r\n uploadPictures,\r\n freightTemplate,\r\n addAttr,\r\n couponList,\r\n taoBao,\r\n goodsList,\r\n userLabel,\r\n goodsLabel,\r\n useLabel,\r\n BasicInfo,\r\n SpecStock,\r\n ProductDetail,\r\n LogisticsSetting,\r\n PriceCommission,\r\n MarketingSetting,\r\n OtherSetting,\r\n },\r\n data() {\r\n return {\r\n labelShow: false,\r\n tagShow: false,\r\n dataLabel: [],\r\n headTab: [\r\n { tit: '基础信息', name: '1' },\r\n { tit: '规格库存', name: '2' },\r\n { tit: '商品详情', name: '3' },\r\n { tit: '物流设置', name: '4' },\r\n { tit: '会员价/佣金', name: '5' },\r\n { tit: '营销设置', name: '6' },\r\n { tit: '其他设置', name: '7' },\r\n ],\r\n virtual: [\r\n { tit: '普通商品', id: 0, tit2: '物流发货' },\r\n { tit: '卡密/网盘', id: 1, tit2: '自动发货' },\r\n { tit: '优惠券', id: 2, tit2: '自动发货' },\r\n { tit: '虚拟商品', id: 3, tit2: '虚拟发货' },\r\n ],\r\n seletVideo: 0, //选择视频类型\r\n customBtn: 0, //自定义留言开关\r\n content: '',\r\n contents: '',\r\n fileUrl: Setting.apiBaseURL + '/file/upload',\r\n fileUrl2: Setting.apiBaseURL + '/file/video_upload',\r\n cardUrl: Setting.apiBaseURL + '/file/upload/1',\r\n upload_type: '', //视频上传类型 1 本地上传 2 3 4 OSS上传\r\n uploadData: {}, // 上传参数\r\n header: {},\r\n type: 0,\r\n modals: false,\r\n goods_modals: false,\r\n spinShow: false,\r\n openSubimit: false,\r\n virtualList: [\r\n {\r\n key: '',\r\n value: '',\r\n },\r\n ],\r\n // 批量设置表格data\r\n oneFormBatch: [\r\n {\r\n pic: '',\r\n price: void 0,\r\n cost: void 0,\r\n ot_price: void 0,\r\n stock: void 0,\r\n bar_code: '',\r\n bar_code_number: '',\r\n weight: void 0,\r\n volume: void 0,\r\n virtual_list: [],\r\n },\r\n ],\r\n\r\n // 规格数据\r\n formDynamic: {\r\n attrsName: '',\r\n attrsVal: '',\r\n },\r\n disk_type: 1, //卡密类型\r\n tabIndex: 0,\r\n tabName: '',\r\n formDynamicNameData: [],\r\n isBtn: false,\r\n columns2: columns2,\r\n columns3: columns3,\r\n columns: [],\r\n columnsInstall: [],\r\n columnsInstal2: [],\r\n gridPic: {\r\n xl: 6,\r\n lg: 8,\r\n md: 12,\r\n sm: 12,\r\n xs: 12,\r\n },\r\n gridBtn: {\r\n xl: 4,\r\n lg: 8,\r\n md: 8,\r\n sm: 8,\r\n xs: 8,\r\n },\r\n //自定义留言下拉选择\r\n CustomList: CustomList,\r\n //自定义留言内容\r\n currentIndex: 0,\r\n\r\n formValidate: {\r\n is_pack: 0,//是否报单\r\n disk_info: '', //卡密类型\r\n logistics: ['1'], //选择物流方式\r\n freight: 2, //运费设置\r\n postage: 0, //设置运费金额\r\n recommend: [], //商品推荐\r\n presale_day: 1, //预售发货时间-结束\r\n presale: false, //预售商品开关\r\n is_limit: false,\r\n limit_type: 0,\r\n limit_num: 0,\r\n vip_product: false, //付费会员专属开关\r\n custom_form: [], //自定义留言\r\n store_name: '',\r\n cate_id: [],\r\n label_id: [],\r\n keyword: '',\r\n unit_name: '',\r\n store_info: '',\r\n image: '',\r\n recommend_image: '',\r\n slider_image: [],\r\n description: '',\r\n ficti: 0,\r\n give_integral: 0,\r\n sort: 0,\r\n is_show: 1,\r\n is_gift: 0, // 开启送礼品\r\n gift_price: 0,\r\n is_hot: 0,\r\n is_benefit: 0,\r\n is_best: 0,\r\n is_new: 0,\r\n is_good: 0,\r\n is_postage: 0,\r\n is_sub: [],\r\n recommend_list: [],\r\n params_list: [], //商品参数\r\n virtual_type: 0,\r\n // is_sub: 0,\r\n id: 0,\r\n spec_type: 0,\r\n is_virtual: 0,\r\n video_link: '',\r\n // postage: 0,\r\n temp_id: '',\r\n attrs: [],\r\n items: [\r\n {\r\n pic: '',\r\n price: 0,\r\n cost: 0,\r\n ot_price: 0,\r\n stock: 0,\r\n bar_code: '',\r\n bar_code_number: '',\r\n },\r\n ],\r\n activity: ['默认', '秒杀', '砍价', '拼团'],\r\n couponName: [],\r\n header: [],\r\n selectRule: '',\r\n coupon_ids: [],\r\n command_word: '',\r\n min_qty: 1,\r\n label_list: [],\r\n protection_list: [],\r\n },\r\n ruleList: [],\r\n templateList: [],\r\n createBnt: true,\r\n showIput: false,\r\n manyFormValidate: [],\r\n // 单规格表格data\r\n oneFormValidate: [\r\n {\r\n pic: '',\r\n price: 0,\r\n cost: 0,\r\n ot_price: 0,\r\n stock: 0,\r\n bar_code: '',\r\n bar_code_number: '',\r\n weight: 0,\r\n volume: 0,\r\n brokerage: 0,\r\n brokerage_two: 0,\r\n vip_price: 0,\r\n virtual_list: [],\r\n coupon_id: 0,\r\n },\r\n ],\r\n images: [],\r\n imagesTable: '',\r\n currentTab: '1',\r\n isChoice: '',\r\n loading: false,\r\n modalPic: false,\r\n addVirtualModel: false,\r\n template: false,\r\n uploadList: [],\r\n treeSelect: [],\r\n picTit: '',\r\n tableIndex: 0,\r\n ruleValidate: RuleValidate,\r\n manyBrokerage: undefined,\r\n manyBrokerageTwo: undefined,\r\n manyVipPrice: undefined,\r\n manyVipDiscount: undefined,\r\n upload: {\r\n videoIng: false, // 是否显示进度条；\r\n },\r\n videoIng: false, // 是否显示进度条；\r\n progress: 0, // 进度条默认0\r\n stock: 0,\r\n disk_info: '',\r\n videoLink: '',\r\n attrs: [],\r\n activity: { 默认: 'red', 秒杀: 'blue', 砍价: 'green', 拼团: 'yellow' },\r\n couponName: [],\r\n updateIds: [],\r\n updateName: [],\r\n couponIds: '',\r\n couponNames: [],\r\n rakeBack: [\r\n {\r\n title: '一级返佣(元)',\r\n slot: 'brokerage',\r\n align: 'center',\r\n width: 95,\r\n },\r\n {\r\n title: '二级返佣(元)',\r\n slot: 'brokerage_two',\r\n align: 'center',\r\n width: 95,\r\n },\r\n ],\r\n member: [\r\n {\r\n title: '会员价',\r\n slot: 'vip_price',\r\n align: 'center',\r\n width: 95,\r\n },\r\n {\r\n title: '会员折扣',\r\n slot: 'vip_proportion',\r\n align: 'center',\r\n width: 95,\r\n },\r\n ],\r\n columnsInstalM: [],\r\n moveIndex: '',\r\n addValue: '',\r\n visible: false,\r\n typeConfig: [],\r\n goodsType: [],\r\n paramsTypeList: [],\r\n paramsType: null,\r\n canSel: true, // 规格图片添加判断\r\n changeAttrValue: '', //修改的规格值\r\n tableKey: 0,\r\n protectionList: [], // 服务保障\r\n labelList: [],\r\n tileLabelList: [],\r\n };\r\n },\r\n computed: {\r\n ...mapState('media', ['isMobile']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : '120px';\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n labelBottom() {\r\n return this.isMobile ? undefined : '15px';\r\n },\r\n },\r\n watch: {\r\n typeConfig(val) {\r\n if (val.length) {\r\n // 对virtual中的id等于val中的id的\r\n this.goodsType = this.virtual.filter((item) => {\r\n return val.includes(item.id + '');\r\n });\r\n } else {\r\n this.goodsType = this.virtual;\r\n }\r\n },\r\n },\r\n beforeRouteUpdate(to, from, next) {\r\n this.bus.$emit('onTagsViewRefreshRouterView', this.$route.path);\r\n next();\r\n },\r\n created() {\r\n this.columns = this.columns2.slice(0, 8);\r\n this.getToken();\r\n },\r\n async mounted() {\r\n if (this.$route.params.id !== '0' && this.$route.params.id) {\r\n await this.getInfo();\r\n } else if (this.$route.params.id === '0') {\r\n this.getProductCache();\r\n } else {\r\n this.getproductLabelUseListApi();\r\n }\r\n if (this.$route.query.type) {\r\n this.modals = true;\r\n this.type = this.$route.query.type;\r\n } else {\r\n this.type = 0;\r\n }\r\n this.goodsCategory();\r\n this.productGetRule();\r\n this.productGetTemplate();\r\n this.paramsGetTemplate();\r\n this.uploadType();\r\n this.productConfig();\r\n this.watchActivity();\r\n this.getProtectionList();\r\n },\r\n methods: {\r\n getProductCache() {\r\n productCache()\r\n .then((res) => {\r\n let data = res.data.info;\r\n this.getproductLabelUseListApi();\r\n\r\n if (!Array.isArray(data)) {\r\n let cate_id = data.cate_id.map(Number);\r\n let label_id = data.label_id.map(Number);\r\n this.attrs = data.items || [];\r\n let ids = [];\r\n if (data.coupons) {\r\n data.coupons.map((item) => {\r\n ids.push(item.id);\r\n });\r\n this.couponName = data.coupons;\r\n }\r\n\r\n this.formValidate = data;\r\n this.dataLabel = data.label_id;\r\n this.formValidate.coupon_ids = ids;\r\n this.updateIds = ids;\r\n this.updateName = data.coupons;\r\n this.formValidate.cate_id = cate_id;\r\n this.oneFormValidate = data.attrs;\r\n this.generateHeader(this.attrs);\r\n this.formValidate.logistics = data.logistics || ['1'];\r\n this.formValidate.header = [];\r\n this.manyFormValidate = data.attrs;\r\n this.spec_type = data.spec_type;\r\n this.formValidate.is_virtual = data.is_virtual;\r\n this.formValidate.custom_form = data.custom_form || [];\r\n if (this.formValidate.custom_form.length != 0) {\r\n this.customBtn = 1;\r\n }\r\n this.attrs.map((item) => {\r\n if (item.add_pic) this.canSel = false;\r\n });\r\n this.virtualbtn(data.virtual_type, 1);\r\n if (data.spec_type === 0) {\r\n this.manyFormValidate = [];\r\n } else {\r\n this.createBnt = true;\r\n this.oneFormValidate = [\r\n {\r\n pic: data.image,\r\n price: 0,\r\n cost: 0,\r\n ot_price: 0,\r\n stock: 0,\r\n bar_code: '',\r\n bar_code_number: '',\r\n weight: 0,\r\n volume: 0,\r\n brokerage: 0,\r\n brokerage_two: 0,\r\n vip_price: 0,\r\n virtual_list: [],\r\n coupon_id: 0,\r\n },\r\n ];\r\n }\r\n this.watchActivity();\r\n this.spinShow = false;\r\n }\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n getProtectionList() {\r\n productProtectionListApi({ page: 0, limit: 0, status: 1 }).then((res) => {\r\n this.protectionList = res.data.list;\r\n });\r\n },\r\n getproductLabelUseListApi() {\r\n productLabelUseListApi().then((res) => {\r\n // 合并数组中所有的list\r\n this.tileLabelList = res.data.flatMap((item) => item.list);\r\n let labelList = res.data;\r\n if (this.formValidate.label_list.length) {\r\n this.formValidate.label_list.map((el) => {\r\n labelList.map((re) => {\r\n re.list.map((label) => {\r\n if (label.id === el) {\r\n label.active = true;\r\n } else {\r\n label.active = false;\r\n }\r\n });\r\n });\r\n });\r\n } else {\r\n labelList.map((el) => {\r\n el.list.map((label) => {\r\n label.active = false;\r\n });\r\n });\r\n }\r\n this.labelList = labelList;\r\n });\r\n },\r\n addProtection() {\r\n this.$router.push({ path: this.$routeProStr + '/product/protection/list' });\r\n },\r\n productConfig() {\r\n getProductTypeConfig().then((res) => {\r\n this.typeConfig = res.data;\r\n });\r\n },\r\n beforeUpload(file) {\r\n return isFileUpload(file);\r\n },\r\n // 分片上传\r\n videoSaveToUrl(file) {\r\n if (isVideoUpload(file)) {\r\n uploadByPieces({\r\n file: file, // 视频实体\r\n pieceSize: 3, // 分片大小\r\n success: (data) => {\r\n this.formValidate.video_link = data.file_path;\r\n this.progress = 100;\r\n },\r\n error: (e) => {\r\n this.$message.error(e.msg);\r\n },\r\n uploading: (chunk, allChunk) => {\r\n this.videoIng = true;\r\n let st = Math.floor((chunk / allChunk) * 100);\r\n this.progress = st;\r\n },\r\n });\r\n }\r\n return false;\r\n },\r\n // 类型选择/填入内容判断\r\n virtualbtn(index, type) {\r\n if (type != 1) {\r\n if (this.$route.params.id) return this.$message.error('编辑商品不支持切换商品类型');\r\n this.formValidate.is_sub = [];\r\n let id = this.$route.params.id;\r\n if (id) {\r\n checkActivityApi(id)\r\n .then((res) => {})\r\n .catch((res) => {\r\n this.formValidate.spec_type = this.spec_type;\r\n this.$message.error(res.msg);\r\n });\r\n } else {\r\n if (this.formValidate.spec_type == 1) {\r\n this.generate(1);\r\n }\r\n }\r\n }\r\n // 定义基础商品和虚拟商品的标签页配置\r\n const baseHeadTabs = [\r\n { tit: '基础信息', name: '1' },\r\n { tit: '规格库存', name: '2' },\r\n { tit: '商品详情', name: '3' },\r\n { tit: '物流设置', name: '4' },\r\n { tit: '会员价/佣金', name: '5' },\r\n { tit: '营销设置', name: '6' },\r\n { tit: '其他设置', name: '7' },\r\n ];\r\n const virtualHeadTabs = [\r\n { tit: '基础信息', name: '1' },\r\n { tit: '规格库存', name: '2' },\r\n { tit: '商品详情', name: '3' },\r\n { tit: '会员价/佣金', name: '4' },\r\n { tit: '营销设置', name: '5' },\r\n { tit: '其他设置', name: '6' },\r\n ];\r\n\r\n switch (index) {\r\n case 0: // 普通商品\r\n this.formValidate.virtual_type = 0;\r\n this.formValidate.is_virtual = 0;\r\n this.headTab = baseHeadTabs;\r\n break;\r\n\r\n case 1: // 卡密/网盘商品\r\n this.formValidate.virtual_type = 1;\r\n this.formValidate.postage = 0;\r\n this.formValidate.is_virtual = 1;\r\n this.headTab = virtualHeadTabs;\r\n break;\r\n\r\n case 2: // 优惠券商品\r\n this.formValidate.virtual_type = 2;\r\n this.formValidate.is_virtual = 1;\r\n this.headTab = virtualHeadTabs;\r\n break;\r\n\r\n case 3: // 虚拟商品\r\n this.formValidate.virtual_type = 3;\r\n this.formValidate.is_virtual = 1;\r\n this.headTab = virtualHeadTabs;\r\n break;\r\n }\r\n },\r\n // 新增分类\r\n addCate() {\r\n this.$modalForm(productCreateApi()).then(() => this.goodsCategory());\r\n },\r\n // 物流方式选择\r\n logisticsBtn(e) {\r\n this.formValidate.logistics = e;\r\n },\r\n // 新增标签\r\n addLabel() {\r\n this.$modalForm(userLabelAddApi(0)).then(() => this.userLabel());\r\n },\r\n // 选择标签\r\n addGoodsTag() {\r\n this.tagShow = true;\r\n },\r\n // 自定义留言 开启关闭\r\n customMessBtn(e) {\r\n if (!e) {\r\n this.formValidate.custom_form = [];\r\n }\r\n this.customBtn = e;\r\n },\r\n // 自定义留言 新增表单\r\n addcustom() {\r\n if (this.formValidate.custom_form.length > 9) {\r\n this.$message.warning('最多添加10条');\r\n } else {\r\n this.formValidate.custom_form.push({\r\n title: '',\r\n label: 'text',\r\n value: '',\r\n status: false,\r\n });\r\n }\r\n },\r\n // 删除\r\n delcustom(index) {\r\n this.formValidate.custom_form.splice(index, 1);\r\n },\r\n // 预售具体日期\r\n onchangeTime(e) {\r\n this.formValidate.presale_time = e;\r\n },\r\n // 商品详情\r\n getEditorContent(data) {\r\n this.content = data;\r\n },\r\n cancel() {\r\n this.modals = false;\r\n },\r\n // 上传头部token\r\n getToken() {\r\n this.header['Authori-zation'] = 'Bearer ' + getCookies('token');\r\n },\r\n // 导入卡密\r\n upFile(res) {\r\n importCard({ file: res.data.src }).then((res) => {\r\n this.virtualList = this.virtualList.concat(res.data);\r\n });\r\n },\r\n //获取视频上传类型\r\n uploadType() {\r\n uploadType().then((res) => {\r\n this.upload_type = res.data.upload_type;\r\n });\r\n },\r\n // 初始化数据展示\r\n infoData(data, isCopy) {\r\n let cate_id = data.cate_id.map(Number);\r\n let label_id = data.label_id.map(Number);\r\n this.attrs = data.items || [];\r\n let ids = [];\r\n data.coupons.map((item) => {\r\n ids.push(item.id);\r\n });\r\n this.formValidate = data;\r\n this.seletVideo = data.seletVideo;\r\n this.contents = data.description;\r\n this.couponName = data.coupons;\r\n this.formValidate.coupon_ids = ids;\r\n this.updateIds = ids;\r\n this.dataLabel = data.label_id;\r\n this.updateName = data.coupons;\r\n this.virtualbtn(data.virtual_type, 1);\r\n this.formValidate.logistics = data.logistics || ['1'];\r\n this.formValidate.custom_form = data.custom_form || [];\r\n if (this.formValidate.custom_form.length != 0) {\r\n this.customBtn = 1;\r\n }\r\n this.formValidate.cate_id = cate_id;\r\n if (data.attr) {\r\n this.oneFormValidate = [data.attr];\r\n this.oneFormValidate[0].vip_proportion = (\r\n (this.oneFormValidate[0].vip_price / this.oneFormValidate[0].price) *\r\n 100\r\n ).toFixed(2);\r\n }\r\n this.getproductLabelUseListApi();\r\n\r\n this.formValidate.header = [];\r\n this.spec_type = data.spec_type;\r\n this.formValidate.spec_type = this.spec_type;\r\n this.formValidate.is_virtual = data.is_virtual;\r\n this.attrs.map((item) => {\r\n if (item.add_pic) this.canSel = false;\r\n });\r\n if (data.spec_type === 0) {\r\n this.manyFormValidate = [];\r\n } else {\r\n this.createBnt = true;\r\n this.oneFormValidate = [\r\n {\r\n pic: '',\r\n price: 0,\r\n cost: 0,\r\n ot_price: 0,\r\n stock: 0,\r\n bar_code: '',\r\n bar_code_number: '',\r\n weight: 0,\r\n volume: 0,\r\n brokerage: 0,\r\n brokerage_two: 0,\r\n vip_price: 0,\r\n virtual_list: [],\r\n coupon_id: 0,\r\n },\r\n ];\r\n\r\n this.generateHeader(this.attrs);\r\n this.manyFormValidate = [...this.oneFormBatch, ...data.attrs];\r\n }\r\n\r\n setTimeout((e) => {\r\n this.checkAllGroup(data.is_sub);\r\n }, 1000);\r\n this.watchActivity();\r\n },\r\n //关闭淘宝弹窗并生成数据；\r\n onClose(data) {\r\n this.modals = false;\r\n this.infoData(data, 1);\r\n },\r\n\r\n checkMove(evt) {\r\n this.moveIndex = evt.draggedContext.index;\r\n },\r\n end() {\r\n this.moveIndex = '';\r\n this.generate(1);\r\n },\r\n // 单独设置会员设置\r\n checkAllGroupChange(data) {\r\n this.checkAllGroup(data);\r\n },\r\n checkAllGroup(data) {\r\n let endLength = this.attrs.length + 3;\r\n if (this.formValidate.spec_type === 0) {\r\n if (data.length === 2) {\r\n this.columnsInstall = this.columns2.slice(0, endLength).concat(this.rakeBack).concat(this.member);\r\n } else if (data.indexOf(0) > -1) {\r\n this.columnsInstall = this.columns2.slice(0, endLength).concat(this.member);\r\n } else if (data.indexOf(1) > -1) {\r\n this.columnsInstall = this.columns2.slice(0, endLength).concat(this.rakeBack);\r\n } else {\r\n this.columnsInstall = this.columns2.slice(0, endLength);\r\n }\r\n } else {\r\n if (data.length === 2) {\r\n this.columnsInstal2 = this.columnsInstalM\r\n .slice(0, endLength + 1)\r\n .concat(this.rakeBack)\r\n .concat(this.member);\r\n } else if (data.indexOf(0) > -1) {\r\n this.columnsInstal2 = this.columnsInstalM.slice(0, endLength).concat(this.member);\r\n } else if (data.indexOf(1) > -1) {\r\n this.columnsInstal2 = this.columnsInstalM.slice(0, endLength).concat(this.rakeBack);\r\n } else {\r\n this.columnsInstal2 = this.columnsInstalM.slice(0, endLength);\r\n }\r\n }\r\n },\r\n // 添加优惠券\r\n addCoupon() {\r\n this.$refs.couponTemplates.isTemplate = true;\r\n this.$refs.couponTemplates.tableList();\r\n },\r\n // 规格中优惠券查看\r\n see(data, name, index) {\r\n this.tabName = name;\r\n this.tabIndex = index;\r\n\r\n if (this.formValidate.virtual_type === 1) {\r\n if (data.disk_info != '') {\r\n this.disk_type = 1;\r\n this.disk_info = data.disk_info;\r\n this.stock = data.stock;\r\n } else if (data.virtual_list.length) {\r\n this.disk_type = 2;\r\n this.virtualList = data.virtual_list;\r\n }\r\n this.addVirtualModel = true;\r\n } else {\r\n this.$refs.goodsCoupon.isTemplate = true;\r\n this.$refs.goodsCoupon.tableList(3);\r\n }\r\n },\r\n // 修改分佣比例\r\n changeDiscount(index, type = 'manyFormValidate') {\r\n // 根据分佣比例 vip_proportion 修改会员价 保留2位小数\r\n this[type][index].vip_price = (this[type][index].price * (this[type][index].vip_proportion / 100)).toFixed(2);\r\n },\r\n // 修改会员价\r\n changeVipPrice(index, type = 'manyFormValidate') {\r\n // 根据会员价计算出分佣比例\r\n this[type][index].vip_proportion = ((this[type][index].vip_price / this[type][index].price) * 100).toFixed(2);\r\n },\r\n // 添加优惠券\r\n addGoodsCoupon(index, name) {\r\n this.tabIndex = index;\r\n this.tabName = name;\r\n this.$refs.goodsCoupon.isTemplate = true;\r\n this.$refs.goodsCoupon.tableList(3);\r\n },\r\n addVirtual(index, name) {\r\n this.tabIndex = index;\r\n this.tabName = name;\r\n this.addVirtualModel = true;\r\n },\r\n // 提交卡密信息\r\n upVirtual() {\r\n if (this.disk_type == 2) {\r\n for (let i = 0; i < this.virtualList.length; i++) {\r\n const element = this.virtualList[i];\r\n if (!element.value) {\r\n this.$message.error('请输入所有卡密');\r\n return;\r\n }\r\n }\r\n this.$set(this[this.tabName][this.tabIndex], 'virtual_list', this.virtualList);\r\n this.$set(this[this.tabName][this.tabIndex], 'stock', this.virtualList.length);\r\n this.virtualList = [\r\n {\r\n key: '',\r\n value: '',\r\n },\r\n ];\r\n this.$set(this[this.tabName][this.tabIndex], 'disk_info', '');\r\n } else {\r\n if (!this.disk_info.length) {\r\n return this.$message.error('请填写卡密信息');\r\n }\r\n if (!this.stock) {\r\n return this.$message.error('请填写库存数量');\r\n }\r\n this.$set(this[this.tabName][this.tabIndex], 'stock', Number(this.stock));\r\n this.$set(this[this.tabName][this.tabIndex], 'stock', Number(this.stock));\r\n this.$set(this[this.tabName][this.tabIndex], 'disk_info', this.disk_info);\r\n this.$set(this[this.tabName][this.tabIndex], 'virtual_list', []);\r\n }\r\n this.addVirtualModel = false;\r\n this.closeVirtual();\r\n },\r\n // 初始化卡密数据信息\r\n closeVirtual() {\r\n this.addVirtualModel = false;\r\n this.virtualList = [\r\n {\r\n key: '',\r\n value: '',\r\n },\r\n ];\r\n this.disk_info = '';\r\n this.stock = 0;\r\n },\r\n //对象数组去重；\r\n uniqueArray(arr) {\r\n const seen = {};\r\n return arr.filter((item) => {\r\n const key = JSON.stringify(item); // 使用 JSON.stringify 生成唯一键\r\n if (seen[key]) {\r\n return false;\r\n } else {\r\n seen[key] = true;\r\n return true;\r\n }\r\n });\r\n },\r\n // 获取优惠券id数据\r\n nameId(id, names) {\r\n this.formValidate.coupon_ids = id;\r\n this.couponName = this.uniqueArray(names);\r\n },\r\n // 获取优惠券信息\r\n goodsCouponId(data) {\r\n this.$set(this[this.tabName][this.tabIndex], 'coupon_id', data.id);\r\n this.$set(this[this.tabName][this.tabIndex], 'coupon_name', data.title);\r\n this.$refs.goodsCoupon.isTemplate = false;\r\n },\r\n handleClose(name) {\r\n let index = this.couponName.indexOf(name);\r\n this.couponName.splice(index, 1);\r\n let couponIds = this.formValidate.coupon_ids;\r\n couponIds.splice(index, 1);\r\n this.updateIds = couponIds;\r\n this.updateName = this.couponName;\r\n },\r\n // 添加运费模板\r\n addTemp() {\r\n this.$refs.templates.isTemplate = true;\r\n },\r\n addVideo() {\r\n this.$videoModal((e) => {\r\n this.formValidate.video_link = e;\r\n });\r\n },\r\n // 删除视频；\r\n delVideo() {\r\n this.$set(this.formValidate, 'video_link', '');\r\n this.$set(this, 'progress', 0);\r\n this.videoIng = false;\r\n this.upload.videoIng = false;\r\n },\r\n zh_uploadFile() {\r\n if (this.seletVideo == 1) {\r\n this.formValidate.video_link = this.videoLink;\r\n } else {\r\n this.$refs.refid.click();\r\n }\r\n },\r\n // 上传视频\r\n zh_uploadFile_change(evfile) {\r\n let suffix = evfile.target.files[0].name.substr(evfile.target.files[0].name.indexOf('.'));\r\n if (suffix.indexOf('.mp4') === -1) {\r\n return this.$message.error('只能上传MP4文件');\r\n }\r\n let types = {\r\n key: evfile.target.files[0].name,\r\n contentType: evfile.target.files[0].type,\r\n };\r\n productGetTempKeysApi(types)\r\n .then((res) => {\r\n this.$videoCloud\r\n .videoUpload({\r\n type: res.data.type,\r\n evfile: evfile,\r\n res: res,\r\n uploading(status, progress) {\r\n this.upload.videoIng = status;\r\n if (res.status == 200) {\r\n this.progress = 100;\r\n }\r\n },\r\n })\r\n .then((res) => {\r\n this.formValidate.video_link = res.url;\r\n this.$message.success('视频上传成功');\r\n this.upload.videoIng = false;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res);\r\n });\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 上一页；\r\n upTab() {\r\n this.currentTab = (Number(this.currentTab) - 1).toString();\r\n },\r\n // 下一页；\r\n downTab() {\r\n this.currentTab = (Number(this.currentTab) + 1).toString();\r\n },\r\n // 属性弹窗回调函数；\r\n userSearchs() {\r\n this.productGetRule();\r\n },\r\n // 添加规则；\r\n addRule() {\r\n this.$refs.addattr.modal = true;\r\n },\r\n // 批量设置分佣；\r\n brokerageSetUp() {\r\n if (this.formValidate.is_sub.indexOf(1) > -1) {\r\n if (this.manyBrokerage <= 0 || this.manyBrokerageTwo <= 0) {\r\n return this.$message.error('请填写返佣金额后进行批量添加');\r\n }\r\n } else if (this.formValidate.is_sub.indexOf(0) > -1) {\r\n if (this.manyVipPrice <= 0) {\r\n return this.$message.error('请填写会员价后进行批量添加');\r\n }\r\n }\r\n if (this.formValidate.is_sub.length === 2) {\r\n if (this.manyBrokerage <= 0 || this.manyBrokerageTwo <= 0) {\r\n return this.$message.error('请填写完金额后进行批量添加');\r\n }\r\n if (this.manyVipPrice > 0 && this.manyVipDiscount > 0) {\r\n return this.$message.error('会员价和会员折扣只能二选一添加');\r\n }\r\n }\r\n for (let val of this.manyFormValidate) {\r\n this.manyBrokerage != undefined && this.$set(val, 'brokerage', this.manyBrokerage);\r\n this.manyBrokerageTwo != undefined && this.$set(val, 'brokerage_two', this.manyBrokerageTwo);\r\n if (this.manyVipPrice != undefined) {\r\n this.$set(val, 'vip_price', this.manyVipPrice);\r\n this.$set(val, 'vip_proportion', ((val.vip_price / val.price) * 100).toFixed(2));\r\n } else {\r\n this.$set(val, 'vip_proportion', this.manyVipDiscount);\r\n this.$set(val, 'vip_price', (val.price * (this.manyVipDiscount / 100)).toFixed(2));\r\n }\r\n }\r\n },\r\n // 批量设置会员价\r\n vipPriceSetUp() {\r\n if (this.manyVipPrice <= 0) {\r\n return this.$message.error('请填写会员价在进行批量添加');\r\n } else {\r\n for (let val of this.manyFormValidate) {\r\n this.$set(val, 'vip_price', this.manyVipPrice);\r\n }\r\n }\r\n },\r\n // 新增卡密\r\n handleAdd() {\r\n this.virtualList.push({\r\n key: '',\r\n value: '',\r\n });\r\n },\r\n // 初始化卡密信息\r\n initVirtualData(status) {\r\n this.virtualList = [\r\n {\r\n key: '',\r\n value: '',\r\n },\r\n ];\r\n },\r\n removeVirtual(index) {\r\n this.virtualList.splice(index, 1);\r\n },\r\n // 清空批量规格信息\r\n batchDel() {\r\n this.oneFormBatch = [\r\n {\r\n pic: '',\r\n price: void 0,\r\n cost: void 0,\r\n ot_price: void 0,\r\n stock: void 0,\r\n bar_code: '',\r\n bar_code_number: '',\r\n weight: void 0,\r\n volume: void 0,\r\n virtual_list: [],\r\n },\r\n ];\r\n },\r\n confirm(name) {\r\n this.createBnt = true;\r\n this.formValidate.selectRule = name;\r\n this.attrs = [];\r\n if (this.formValidate.selectRule.trim().length <= 0) {\r\n return this.$message.error('请选择属性');\r\n }\r\n this.ruleList.forEach((item, index) => {\r\n if (item.rule_name === this.formValidate.selectRule) {\r\n this.attrs = [...item.rule_value];\r\n }\r\n });\r\n this.canSel = true;\r\n this.generateAttr(this.attrs);\r\n },\r\n // 选择规格模板\r\n handleCommand(e) {},\r\n // 获取商品属性模板；\r\n productGetRule() {\r\n productGetRuleApi().then((res) => {\r\n this.ruleList = res.data;\r\n });\r\n },\r\n // 获取运费模板；\r\n productGetTemplate() {\r\n productGetTemplateApi().then((res) => {\r\n this.templateList = res.data;\r\n });\r\n },\r\n paramsGetTemplate() {\r\n paramListApi().then((res) => {\r\n this.paramsTypeList = res.data.list;\r\n });\r\n },\r\n changeParamsType(e) {\r\n e ? this.getParams(e) : (this.formValidate.params_list = []);\r\n },\r\n getParams(id) {\r\n paramInfoApi(id).then((res) => {\r\n this.formValidate.params_list = res.data.value;\r\n });\r\n },\r\n isSubset(arr1, arr2) {\r\n // 将数组转换为 Set，以便进行高效的包含检查\r\n const set1 = new Set(arr1);\r\n const set2 = new Set(arr2);\r\n\r\n // 检查 set2 中的每个元素是否都在 set1 中\r\n for (let elem of set2) {\r\n if (!set1.has(elem)) {\r\n return false;\r\n }\r\n }\r\n return true;\r\n },\r\n // 批量添加\r\n batchAdd() {\r\n let arr = [];\r\n for (let val of this.attrs) {\r\n if (this.oneFormBatch[0][val.value]) {\r\n arr.push(this.oneFormBatch[0][val.value]);\r\n }\r\n }\r\n\r\n // 批量设置商品规格属性\r\n const batchFields = [\r\n 'pic',\r\n 'price',\r\n 'cost',\r\n 'ot_price',\r\n 'stock',\r\n 'weight',\r\n 'volume',\r\n 'bar_code',\r\n 'bar_code_number',\r\n ];\r\n // const defaultFields = ['bar_code', 'bar_code_number'];\r\n\r\n for (let val of this.manyFormValidate) {\r\n const batch = this.oneFormBatch[0];\r\n // 如果存在筛选条件且满足条件,或无筛选条件时\r\n if (!arr.length || this.isSubset(val.attr_arr, arr)) {\r\n // 设置有值的批量字段\r\n batchFields.forEach((field) => {\r\n if (batch[field] && batch[field] !== undefined) {\r\n if (field === 'pic' && batch[field]) {\r\n this.$set(val, field, batch[field]);\r\n } else if (field != 'pic') {\r\n this.$set(val, field, batch[field]);\r\n }\r\n }\r\n });\r\n\r\n // 设置默认字段\r\n // defaultFields.forEach((field) => {\r\n // this.$set(val, field, batch[field]);\r\n // });\r\n }\r\n }\r\n },\r\n changeSpecImg(arr, img) {\r\n // 判断是否存在规格图\r\n let isHas = false;\r\n for (let i = 1; i < this.manyFormValidate.length; i++) {\r\n let item = this.manyFormValidate[i];\r\n if (item.pic && this.isSubset(item.attr_arr, arr)) {\r\n isHas = true;\r\n break;\r\n }\r\n }\r\n if (isHas) {\r\n this.$confirm('可以同步修改下方该规格图片，确定要替换吗？', '提示', {\r\n confirmButtonText: '替换',\r\n cancelButtonText: '暂不',\r\n type: 'warning',\r\n })\r\n .then(() => {\r\n for (let val of this.manyFormValidate) {\r\n if (this.isSubset(val.attr_arr, arr)) {\r\n this.$set(val, 'pic', img);\r\n }\r\n }\r\n })\r\n .catch(() => {});\r\n } else {\r\n for (let val of this.manyFormValidate) {\r\n if (this.isSubset(val.attr_arr, arr)) {\r\n this.$set(val, 'pic', img);\r\n }\r\n }\r\n }\r\n },\r\n // 立即生成\r\n generate(type, isCopy, arr) {\r\n this.manyFormValidate = [];\r\n this.formValidate.header = [];\r\n },\r\n clearAttr() {\r\n this.formDynamic.attrsName = '';\r\n this.formDynamic.attrsVal = '';\r\n },\r\n\r\n // 删除规格\r\n handleRemoveRole(index) {\r\n this.attrs.splice(index, 1);\r\n this.manyFormValidate.splice(index, 1);\r\n if (!this.attrs.length) {\r\n this.formValidate.header = [];\r\n this.manyFormValidate = [];\r\n } else {\r\n this.generateAttr(this.attrs);\r\n }\r\n },\r\n // 删除表格中 对应属性\r\n delAttrTable(val) {\r\n for (let i = 0; i < this.manyFormValidate.length; i++) {\r\n let item = this.manyFormValidate[i];\r\n if (item.attr_arr && item.attr_arr.includes(val)) {\r\n this.manyFormValidate.splice(i, 1);\r\n i--;\r\n }\r\n }\r\n },\r\n // 删除属性\r\n handleRemove2(item, index, val) {\r\n // 删除 manyFormValidate中 title = item.value 的属性值\r\n item.splice(index, 1);\r\n // this.generateAttr(this.attrs);\r\n this.delAttrTable(val);\r\n },\r\n // 新增规格\r\n handleAddRole() {\r\n let data = {\r\n value: this.formDynamic.attrsName,\r\n add_pic: 0,\r\n detail: [],\r\n };\r\n this.attrs.push(data);\r\n },\r\n handleAddParams() {\r\n let data = {\r\n name: '',\r\n value: '',\r\n };\r\n this.formValidate.params_list.push(data);\r\n },\r\n handleSaveAsTemplate() {\r\n this.$prompt('', '请输入模板名称', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n })\r\n .then(({ value }) => {\r\n let spec = this.attrs.map((item) => {\r\n return {\r\n value: item.value,\r\n detail: item.detail.map((e) => e.value),\r\n };\r\n });\r\n let formDynamic = {\r\n rule_name: value,\r\n spec: spec,\r\n };\r\n ruleAddApi(formDynamic, 0)\r\n .then((res) => {\r\n this.$message.success(res.msg);\r\n this.productGetRule();\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n })\r\n .catch(() => {});\r\n },\r\n // 新增一条属性\r\n addOneAttr(val, val2) {\r\n this.generateAttr(this.attrs, val2);\r\n },\r\n handleFocus(val) {\r\n this.changeAttrValue = val;\r\n },\r\n handleBlur() {\r\n this.changeAttrValue = '';\r\n },\r\n handleSelImg(item) {\r\n this.$imgModal((e) => {\r\n item.pic = e.att_dir;\r\n this.changeSpecImg([item.value], e.att_dir);\r\n });\r\n },\r\n handleRemoveImg(item) {\r\n item.pic = '';\r\n },\r\n // 规格名称改变\r\n attrChangeValue(i, val) {\r\n if (val.trim().length && this.attrs[i].detail.length) {\r\n this.generateHeader(this.attrs);\r\n if (this.manyFormValidate.length) {\r\n this.manyFormValidate.map((item, i) => {\r\n if (i > 0) {\r\n if (Object.keys(item.detail).includes(this.changeAttrValue)) {\r\n item.detail[val] = item.detail[this.changeAttrValue];\r\n item[val] = item[this.changeAttrValue];\r\n delete item.detail[this.changeAttrValue];\r\n delete item[this.changeAttrValue];\r\n }\r\n }\r\n });\r\n this.changeAttrValue = val;\r\n }\r\n } else {\r\n this.generateAttr(this.attrs);\r\n }\r\n },\r\n // 规格值改变\r\n attrDetailChangeValue(val, i) {\r\n if (this.manyFormValidate.length) {\r\n let key = this.attrs[i].value;\r\n this.manyFormValidate.map((item, i) => {\r\n if (i > 0) {\r\n if (Object.keys(item.detail).includes(key) && item.detail[key] === this.changeAttrValue) {\r\n item.detail[key] = val;\r\n let index = item.attr_arr.findIndex((item) => item === this.changeAttrValue);\r\n item.attr_arr[index] = val;\r\n }\r\n }\r\n });\r\n this.changeAttrValue = val;\r\n } else {\r\n this.generateAttr(this.attrs, 1);\r\n }\r\n },\r\n // 规格图片添加开关\r\n addPic(e, i) {\r\n if (e) {\r\n this.attrs.map((item, ii) => {\r\n if (ii !== i) {\r\n this.$set(item, 'add_pic', 0);\r\n }\r\n });\r\n this.canSel = false;\r\n } else {\r\n this.canSel = true;\r\n }\r\n },\r\n // 规格拖拽排序后\r\n onMoveSpec() {\r\n this.generateAttr(this.attrs);\r\n },\r\n changeCurrentIndex(i) {\r\n this.currentIndex = i;\r\n },\r\n // 生成商品规格表头\r\n generateHeader(data) {\r\n let specificationsColumns = data.map((item) => ({\r\n title: item.value,\r\n key: item.value,\r\n minWidth: 140,\r\n fixed: 'left',\r\n }));\r\n let arr;\r\n if ([1, 2].includes(Number(this.formValidate.virtual_type))) {\r\n arr = [...specificationsColumns, ...VirtualTableHead];\r\n // 找到slot 等于 fictitious 将title改为规格名称\r\n this.formValidate.header.map((item) => {\r\n if (item.slot === 'fictitious') {\r\n item.title = this.formValidate.virtual_type == 1 ? '添加卡密/网盘' : '选择优惠券';\r\n }\r\n });\r\n } else if (this.formValidate.virtual_type == 3) {\r\n arr = [...specificationsColumns, ...VirtualTableHead2];\r\n } else {\r\n arr = [...specificationsColumns, ...GoodsTableHead];\r\n }\r\n this.$set(this.formValidate, 'header', arr);\r\n this.tableKey += 1;\r\n this.columnsInstalM = arr;\r\n },\r\n /*\r\n * 生成属性\r\n * @param {Array} data 规格数据\r\n * */\r\n generateAttr(data, val) {\r\n this.generateHeader(data);\r\n const combinations = this.generateCombinations(data);\r\n console.log('规格组合总数：' + combinations.length);\r\n const virtualType = this.formValidate.virtual_type;\r\n // 如果combinations数量超过 500，则分批次生成属性\r\n let rows = [];\r\n if (combinations.length > 500) {\r\n const batchSize = Math.ceil(combinations.length / 500);\r\n for (let i = 0; i < combinations.length; i += batchSize) {\r\n setTimeout((e) => {\r\n let d = this.generateAttrBatch(data, combinations.slice(i, i + batchSize), val);\r\n rows = [...rows, ...d];\r\n this.manyFormValidate = [...this.oneFormBatch, ...rows];\r\n }, 0);\r\n }\r\n } else {\r\n rows = this.generateAttrBatch(data, combinations, val);\r\n this.manyFormValidate = [...this.oneFormBatch, ...rows];\r\n }\r\n },\r\n // 生成属性批次\r\n generateAttrBatch(data, combinations, val) {\r\n const existingItems = this.manyFormValidate.slice(1); // 排除第一项默认数据\r\n\r\n const rows = combinations.map((combination) => {\r\n const row = {\r\n attr_arr: combination,\r\n detail: {},\r\n title: '',\r\n key: '',\r\n price: 0,\r\n pic: '',\r\n ot_price: 0,\r\n cost: 0,\r\n stock: 0,\r\n is_show: 1,\r\n is_default_select: 0,\r\n unique: '',\r\n weight: '',\r\n volume: '',\r\n brokerage: 0,\r\n brokerage_two: 0,\r\n vip_price: 0,\r\n vip_proportion: 0,\r\n };\r\n\r\n // 设置虚拟类型相关属性\r\n if (this.formValidate.virtual_type === 1) {\r\n row.virtual_list = [];\r\n row.disk_info = '';\r\n } else if (this.formValidate.virtual_type === 2) {\r\n row.coupon_id = 0;\r\n row.coupon_name = '';\r\n }\r\n\r\n // 处理规格属性\r\n data.forEach((item, i) => {\r\n const value = combination[i];\r\n row[item.value] = value;\r\n row.title = item.value;\r\n row.key = item.value;\r\n row.detail[item.value] = value;\r\n\r\n // 查找匹配的现有规格项\r\n const matchedItem = existingItems.find((item) => item.attr_arr && arraysEqual(item.attr_arr, combination));\r\n\r\n if (matchedItem) {\r\n Object.assign(row, {\r\n price: matchedItem.price,\r\n cost: matchedItem.cost,\r\n ot_price: matchedItem.ot_price,\r\n stock: matchedItem.stock,\r\n pic: matchedItem.pic,\r\n unique: matchedItem.unique || '',\r\n weight: matchedItem.weight || '',\r\n volume: matchedItem.volume || '',\r\n is_show: matchedItem.is_show || 1,\r\n is_default_select: matchedItem.is_default_select || 0,\r\n volume: matchedItem.volume || 0,\r\n bar_code_number: matchedItem.bar_code_number || 0,\r\n is_virtual: matchedItem.is_virtual,\r\n brokerage: matchedItem.brokerage,\r\n brokerage_two: matchedItem.brokerage_two,\r\n vip_price: matchedItem.vip_price,\r\n vip_proportion: matchedItem.vip_proportion,\r\n });\r\n\r\n if (this.formValidate.virtual_type === 1) {\r\n row.virtual_list = matchedItem.virtual_list;\r\n row.disk_info = matchedItem.disk_info;\r\n } else if (this.formValidate.virtual_type === 2 && matchedItem.coupon_id) {\r\n row.coupon_id = matchedItem.coupon_id;\r\n row.coupon_name = matchedItem.coupon_name;\r\n }\r\n } else if (item.add_pic && combination.includes(val)) {\r\n const picItem = item.detail.find((e) => combination.includes(e.value));\r\n if (picItem) row.pic = picItem.pic;\r\n }\r\n });\r\n return row;\r\n });\r\n return rows;\r\n },\r\n // 切换默认选中规格\r\n changeDefaultSelect(e, index) {\r\n // 一个开启 其他关闭\r\n this.manyFormValidate.map((item, i) => {\r\n if (i !== index) {\r\n item.is_default_select = 0;\r\n }\r\n });\r\n if (e) this.manyFormValidate[index].is_show = 1;\r\n },\r\n // 改变是否显示\r\n changeDefaultShow(index) {\r\n // 如果默认选中开启 则不可隐藏\r\n if (this.manyFormValidate[index].is_default_select === 1) {\r\n this.manyFormValidate[index].is_show = 1;\r\n this.$message.error('默认规格不可隐藏');\r\n }\r\n },\r\n // 生成规格组合\r\n generateCombinations(arr, prefix = []) {\r\n if (arr.length === 0) {\r\n return [prefix];\r\n }\r\n const [first, ...rest] = arr;\r\n return first.detail.flatMap((detail) => this.generateCombinations(rest, [...prefix, detail.value]));\r\n },\r\n // 添加属性\r\n createAttr(num, idx) {\r\n if (num) {\r\n // 判断是否存在同样熟悉\r\n var isExist = this.attrs[idx].detail.some((item) => item.value === num);\r\n if (isExist) {\r\n this.$message.error('规格值已存在');\r\n return;\r\n }\r\n this.attrs[idx].detail.push({ value: num, pic: '' });\r\n if (this.manyFormValidate.length) {\r\n this.addOneAttr(this.attrs[idx].value, num);\r\n } else {\r\n this.generateAttr(this.attrs);\r\n }\r\n\r\n this.$refs.specStock.$refs['popoverRef_' + idx][0].doClose(); //关闭的\r\n this.clearAttr();\r\n setTimeout(() => {\r\n if (this.$refs.specStock.$refs['popoverRef_' + idx]) {\r\n //重点是以下两句\r\n this.$refs.specStock.$refs['popoverRef_' + idx][0].doShow(); //打开的\r\n //重点是以上两句\r\n }\r\n }, 20);\r\n } else {\r\n this.$refs.specStock.$refs['popoverRef_' + idx][0].doClose(); //关闭的\r\n }\r\n },\r\n handleShowPop(index) {\r\n this.$refs.specStock.$refs['inputRef_' + index][0].focus();\r\n },\r\n // 商品分类；\r\n goodsCategory() {\r\n cascaderListApi(1)\r\n .then((res) => {\r\n this.treeSelect = res.data;\r\n })\r\n .catch((res) => {\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n // 改变规格\r\n changeSpec() {\r\n this.formValidate.is_sub = [];\r\n let id = this.$route.params.id;\r\n if (id) {\r\n checkActivityApi(id)\r\n .then((res) => {})\r\n .catch((res) => {\r\n this.formValidate.spec_type = this.spec_type;\r\n this.$message.error(res.msg);\r\n });\r\n }\r\n },\r\n // 详情\r\n getInfo() {\r\n this.spinShow = true;\r\n productInfoApi(this.$route.params.id)\r\n .then(async (res) => {\r\n let data = res.data.productInfo;\r\n this.infoData(data);\r\n this.spinShow = false;\r\n })\r\n .catch((res) => {\r\n this.spinShow = false;\r\n this.$message.error(res.msg);\r\n });\r\n },\r\n handleRemove(i) {\r\n this.images.splice(i, 1);\r\n this.formValidate.slider_image.splice(i, 1);\r\n this.oneFormValidate[0].pic = this.formValidate.slider_image[0];\r\n },\r\n // 关闭图片上传模态框\r\n changeCancel(msg) {\r\n this.modalPic = false;\r\n },\r\n // 点击商品图\r\n modalPicTap(tit, picTit = '', index = 0) {\r\n this.modalPic = true;\r\n this.isChoice = tit === 'dan' ? '单选' : '多选';\r\n this.picTit = picTit;\r\n this.tableIndex = index;\r\n },\r\n // 获取单张图片信息\r\n getPic(pc) {\r\n switch (this.picTit) {\r\n case 'danFrom':\r\n this.formValidate.image = pc.att_dir;\r\n if (!this.$route.params.id) {\r\n if (this.formValidate.spec_type === 0) {\r\n this.oneFormValidate[0].pic = pc.att_dir;\r\n } else {\r\n this.manyFormValidate.map((item) => {\r\n item.pic = pc.att_dir;\r\n });\r\n this.oneFormBatch[0].pic = pc.att_dir;\r\n }\r\n }\r\n break;\r\n case 'danTable':\r\n this.oneFormValidate[this.tableIndex].pic = pc.att_dir;\r\n break;\r\n case 'duopi':\r\n this.oneFormBatch[this.tableIndex].pic = pc.att_dir;\r\n break;\r\n case 'recommend_image':\r\n this.formValidate.recommend_image = pc.att_dir;\r\n break;\r\n default:\r\n if (this.manyFormValidate.length) this.manyFormValidate[this.tableIndex].pic = pc.att_dir;\r\n }\r\n this.modalPic = false;\r\n },\r\n deleteRow(index) {\r\n this.formValidate.params_list.splice(index, 1);\r\n },\r\n // 获取多张图信息\r\n getPicD(pc) {\r\n this.images = pc;\r\n this.images.map((item) => {\r\n this.formValidate.slider_image.push(item.att_dir);\r\n this.formValidate.slider_image = this.formValidate.slider_image.splice(0, 10);\r\n });\r\n this.oneFormValidate[0].pic = this.formValidate.slider_image[0];\r\n this.modalPic = false;\r\n },\r\n // 提交\r\n handleSubmit(name) {\r\n this.$refs[name].validate((valid) => {\r\n if (valid) {\r\n this.formValidate.type = this.type;\r\n let arr = this.formValidate.spec_type === 0 ? this.oneFormValidate : this.manyFormValidate;\r\n let item = JSON.parse(JSON.stringify(arr));\r\n if (this.formValidate.spec_type === 1) {\r\n if (item.length < 2) return this.$message.warning('商品规格-规格数量最少1个');\r\n // 删除第一项\r\n item.shift();\r\n }\r\n for (let i = 0; i < item.length; i++) {\r\n if (item[i].stock > 1000000) {\r\n return this.$message.error('规格库存-库存超出系统范围(1000000)');\r\n }\r\n }\r\n if (this.formValidate.is_sub[0] === 1) {\r\n for (let i = 0; i < item.length; i++) {\r\n if (item[i].brokerage === null || item[i].brokerage_two === null) {\r\n return this.$message.error('营销设置- 一二级返佣不能为空');\r\n }\r\n }\r\n } else {\r\n for (let i = 0; i < item.length; i++) {\r\n if (item[i].vip_price === null) {\r\n return this.$message.error('营销设置-会员价不能为空');\r\n }\r\n }\r\n }\r\n if (this.formValidate.is_sub.length === 2) {\r\n for (let i = 0; i < item.length; i++) {\r\n if (item[i].brokerage === null || item[i].brokerage_two === null || item[i].vip_price === null) {\r\n return this.$message.error('营销设置- 一二级返佣和会员价不能为空');\r\n }\r\n }\r\n }\r\n if (this.formValidate.freight == 3 && !this.formValidate.temp_id) {\r\n return this.$message.warning('商品信息-运费模板不能为空');\r\n }\r\n let activeIds = [];\r\n this.dataLabel.forEach((item) => {\r\n activeIds.push(item.id);\r\n });\r\n this.formValidate.label_id = activeIds;\r\n if (this.openSubimit) return;\r\n this.openSubimit = true;\r\n this.formValidate.description = formatRichText(this.content);\r\n if (this.formValidate.spec_type === 0) {\r\n this.formValidate.attrs = item;\r\n this.formValidate.header = [];\r\n this.formValidate.items = [];\r\n this.formValidate.is_copy = 0;\r\n } else {\r\n this.formValidate.items = this.attrs;\r\n this.formValidate.attrs = item;\r\n this.formValidate.is_copy = 1;\r\n }\r\n productAddApi(this.formValidate)\r\n .then(async (res) => {\r\n this.openSubimit = false;\r\n this.$message.success(res.msg);\r\n if (this.$route.params.id === '0') {\r\n cacheDelete().catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n }\r\n setTimeout(() => {\r\n this.openSubimit = false;\r\n this.$router.push({ path: this.$routeProStr + '/product/product_list' });\r\n }, 500);\r\n })\r\n .catch((res) => {\r\n setTimeout((e) => {\r\n this.openSubimit = false;\r\n }, 1000);\r\n this.$message.error(res.msg);\r\n });\r\n } else {\r\n if (!this.formValidate.store_name) {\r\n return this.$message.warning('商品信息-商品名称不能为空');\r\n } else if (!this.formValidate.cate_id.length) {\r\n return this.$message.warning('商品信息-商品分类不能为空');\r\n } else if (!this.formValidate.unit_name) {\r\n return this.$message.warning('商品信息-商品单位不能为空');\r\n } else if (!this.formValidate.slider_image.length) {\r\n return this.$message.warning('商品信息-商品轮播图不能为空');\r\n } else if (!this.formValidate.logistics.length && !this.formValidate.virtual_type) {\r\n return this.$message.warning('物流设置-至少选择一种物流方式');\r\n } else if (!this.formValidate.temp_id && this.formValidate.freight == 3) {\r\n return this.$message.warning('商品信息-运费模板不能为空');\r\n }\r\n }\r\n });\r\n },\r\n changeTemplate(msg) {\r\n this.template = msg;\r\n },\r\n // 表单验证\r\n validate(prop, status, error) {\r\n if (status === false) {\r\n this.$message.warning(error);\r\n }\r\n },\r\n // 移动\r\n handleDragStart(e, item) {\r\n this.dragging = item;\r\n },\r\n handleDragEnd(e, item) {\r\n this.dragging = null;\r\n },\r\n handleDragOver(e) {\r\n e.dataTransfer.dropEffect = 'move';\r\n },\r\n handleDragEnter(e, item) {\r\n e.dataTransfer.effectAllowed = 'move';\r\n if (item === this.dragging) {\r\n return;\r\n }\r\n const newItems = [...this.formValidate.slider_image];\r\n const src = newItems.indexOf(this.dragging);\r\n const dst = newItems.indexOf(item);\r\n newItems.splice(dst, 0, ...newItems.splice(src, 1));\r\n this.formValidate.slider_image = newItems;\r\n },\r\n //对象数组去重；\r\n unique(arr) {\r\n const res = new Map();\r\n return arr.filter((arr) => !res.has(arr.product_id) && res.set(arr.product_id, 1));\r\n },\r\n // 商品id\r\n getProductId(data) {\r\n this.goods_modals = false;\r\n this.formValidate.recommend_list = this.unique(this.formValidate.recommend_list.concat(data));\r\n },\r\n // 选择推荐商品\r\n changeGoods() {\r\n this.goods_modals = true;\r\n this.$refs.goodslist.getList();\r\n this.$refs.goodslist.goodsCategory();\r\n },\r\n // 选择用户标签\r\n activeData(dataLabel) {\r\n this.labelShow = false;\r\n this.dataLabel = dataLabel;\r\n },\r\n // 选择商品标签\r\n activeLabel(data) {\r\n this.tagShow = false;\r\n this.formValidate.label_list = Array.from(new Set(data));\r\n },\r\n // 标签弹窗关闭\r\n labelClose() {\r\n this.labelShow = false;\r\n this.tagShow = false;\r\n },\r\n // 删除用户标签\r\n closeLabel(label) {\r\n let index = this.dataLabel.indexOf(this.dataLabel.filter((d) => d.id == label.id)[0]);\r\n this.dataLabel.splice(index, 1);\r\n },\r\n // 打开选择用户标签\r\n openLabel(row) {\r\n this.labelShow = true;\r\n },\r\n handleRemoveRecommend(i) {\r\n this.formValidate.recommend_list.splice(i, 1);\r\n },\r\n // 打开的营销活动标签\r\n watchActivity() {\r\n let marketing = [];\r\n // 使用对象映射优化权限判断逻辑\r\n const permissionMap = {\r\n 默认: true,\r\n 秒杀: 'seckill',\r\n 砍价: 'bargain',\r\n 拼团: 'combination',\r\n };\r\n this.formValidate.activity.forEach((el) => {\r\n if (permissionMap[el] === true || (permissionMap[el] && checkArray(permissionMap[el]))) {\r\n marketing.push(el);\r\n }\r\n });\r\n this.formValidate.activity = marketing;\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@use './productAdd.scss' as *;\r\n</style>\r\n"]}]}
|
