{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\product\\productAdd\\components\\BasicInfo.vue?vue&type=style&index=0&id=83b67628&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\product\\productAdd\\components\\BasicInfo.vue","mtime":1761614939047},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpAdXNlICcuLi9wcm9kdWN0QWRkLnNjc3MnIGFzICo7DQo="},{"version":3,"sources":["BasicInfo.vue"],"names":[],"mappings":";AA8MA","file":"BasicInfo.vue","sourceRoot":"src/pages/product/productAdd/components","sourcesContent":["<template>\r\n  <!-- 基础信息 -->\r\n  <el-row :gutter=\"24\">\r\n    <el-col :span=\"24\">\r\n      <el-form-item label=\"商品类型：\" props=\"is_virtual\">\r\n        <div\r\n          class=\"virtual\"\r\n          :class=\"formValidate.virtual_type == item.id ? 'virtual_boder' : 'virtual_boder2'\"\r\n          v-for=\"(item, index) in goodsType\"\r\n          :key=\"index\"\r\n          v-db-click\r\n          @click=\"virtualbtn(item.id, 2)\"\r\n          v-show=\"\r\n            (formValidate.id && formValidate.virtual_type == item.id) ||\r\n            (isCai == -1 && index == 0 && !formValidate.id) ||\r\n            (isCai == 0 && !formValidate.id)\r\n          \"\r\n        >\r\n          <div class=\"virtual_top\">{{ item.tit }}</div>\r\n          <div class=\"virtual_bottom\">({{ item.tit2 }})</div>\r\n          <div v-if=\"formValidate.virtual_type == item.id\" class=\"virtual_san\"></div>\r\n          <div v-if=\"formValidate.virtual_type == item.id\" class=\"virtual_dui\">✓</div>\r\n        </div>\r\n      </el-form-item>\r\n    </el-col>\r\n\r\n    <el-col :span=\"24\">\r\n      <el-form-item label=\"商品名称：\" prop=\"store_name\">\r\n        <el-input\r\n          class=\"content_width\"\r\n          v-model=\"formValidate.store_name\"\r\n          placeholder=\"请输入商品名称\"\r\n          maxlength=\"80\"\r\n          show-word-limit\r\n        />\r\n      </el-form-item>\r\n    </el-col>\r\n\r\n    <el-col :span=\"24\">\r\n      <el-form-item label=\"单位：\" prop=\"unit_name\">\r\n        <el-input\r\n          class=\"input_width\"\r\n          v-model=\"formValidate.unit_name\"\r\n          placeholder=\"请输入单位\"\r\n          maxlength=\"5\"\r\n          show-word-limit\r\n        />\r\n      </el-form-item>\r\n    </el-col>\r\n    <el-col :span=\"24\">\r\n      <el-form-item label=\"商品轮播图：\" prop=\"slider_image\">\r\n        <div class=\"acea-row\">\r\n          <div\r\n            class=\"pictrue\"\r\n            v-for=\"(item, index) in formValidate.slider_image\"\r\n            :key=\"index\"\r\n            draggable=\"true\"\r\n            @dragstart=\"handleDragStart($event, item)\"\r\n            @dragover.prevent=\"handleDragOver($event, item)\"\r\n            @dragenter=\"handleDragEnter($event, item)\"\r\n            @dragend=\"handleDragEnd($event, item)\"\r\n          >\r\n            <img v-lazy=\"item\" />\r\n            <i class=\"el-icon-error btndel\" v-db-click @click=\"handleRemove(index)\"></i>\r\n          </div>\r\n          <div\r\n            v-if=\"formValidate.slider_image.length < 10\"\r\n            class=\"upLoad acea-row row-center-wrapper\"\r\n            v-db-click\r\n            @click=\"modalPicTap('duo')\"\r\n          >\r\n            <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n          </div>\r\n          <el-input v-model=\"formValidate.slider_image[0]\" style=\"display: none\"></el-input>\r\n        </div>\r\n\r\n        <div class=\"tips-info\">建议尺寸：800*800，可拖拽改变图片顺序，默认首张图为主图，最多上传10张</div>\r\n\r\n        <!-- <div class=\"tips\">(最多10张<br />750*750)</div> -->\r\n      </el-form-item>\r\n    </el-col>\r\n    <el-col :span=\"24\" id=\"selectvideo\">\r\n      <el-form-item label=\"添加视频：\" prop=\"video_link\">\r\n        <div v-if=\"!formValidate.video_link\" class=\"videbox\" @click=\"addVideo\">\r\n          <i class=\"el-icon-video-camera\"></i>\r\n        </div>\r\n        <div class=\"box-video-style\" v-if=\"formValidate.video_link\">\r\n          <video style=\"width: 100%; height: 100%\" :src=\"formValidate.video_link\" controls=\"controls\">\r\n            您的浏览器不支持 video 标签。\r\n          </video>\r\n          <div class=\"mark\"></div>\r\n          <i class=\"el-icon-delete iconv\" v-db-click @click=\"delVideo\"></i>\r\n        </div>\r\n        <Progress class=\"progress\" :percent=\"progress\" :stroke-width=\"5\" v-if=\"upload.videoIng\" />\r\n        <div class=\"tips-info\">建议时长：9～30秒，视频宽高比16:9</div>\r\n      </el-form-item>\r\n    </el-col>\r\n    <el-col :span=\"24\">\r\n      <el-form-item label=\"商品分类：\" prop=\"cate_id\">\r\n        <el-cascader\r\n          class=\"content_width\"\r\n          v-model=\"formValidate.cate_id\"\r\n          filterable\r\n          size=\"small\"\r\n          :options=\"treeSelect\"\r\n          :props=\"{ multiple: true, checkStrictly: true, emitPath: false }\"\r\n          clearable\r\n        ></el-cascader>\r\n        <span class=\"addfont\" v-db-click @click=\"addCate\">新增分类</span>\r\n      </el-form-item>\r\n    </el-col>\r\n    <el-col :span=\"24\">\r\n      <el-form-item label=\"商品标签：\">\r\n        <div class=\"flex\">\r\n          <useLabel\r\n            v-if=\"tileLabelList.length\"\r\n            :activeId.sync=\"formValidate.label_list\"\r\n            :listData=\"tileLabelList\"\r\n          ></useLabel>\r\n          <el-button v-db-click @click=\"addGoodsTag\">选择标签</el-button>\r\n        </div>\r\n      </el-form-item>\r\n    </el-col>\r\n    <el-col :span=\"24\">\r\n      <el-form-item label=\"商品状态：\">\r\n        <el-radio-group v-model=\"formValidate.is_show\">\r\n          <el-radio :label=\"1\" class=\"radio\">上架</el-radio>\r\n          <el-radio :label=\"0\">下架</el-radio>\r\n        </el-radio-group>\r\n      </el-form-item>\r\n    </el-col>\r\n  </el-row>\r\n</template>\r\n\r\n<script>\r\nimport useLabel from '@/components/goodsLabel/useLabel';\r\n\r\nexport default {\r\n  name: 'BasicInfo',\r\n  components: {\r\n    useLabel,\r\n  },\r\n  props: {\r\n    formValidate: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    goodsType: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    treeSelect: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    tileLabelList: {\r\n      type: Array,\r\n      required: true,\r\n    },\r\n    upload: {\r\n      type: Object,\r\n      required: true,\r\n    },\r\n    isCai: {\r\n      type: Number | String,\r\n      required: true,\r\n    },\r\n  },\r\n  methods: {\r\n    virtualbtn(id, type) {\r\n      this.$emit('virtualbtn', id, type);\r\n    },\r\n    handleDragStart(e, item) {\r\n      this.$emit('handleDragStart', e, item);\r\n    },\r\n    handleDragOver(e, item) {\r\n      this.$emit('handleDragOver', e, item);\r\n    },\r\n    handleDragEnter(e, item) {\r\n      this.$emit('handleDragEnter', e, item);\r\n    },\r\n    handleDragEnd(e, item) {\r\n      this.$emit('handleDragEnd', e, item);\r\n    },\r\n    handleRemove(index) {\r\n      this.$emit('handleRemove', index);\r\n    },\r\n    modalPicTap(type) {\r\n      this.$emit('modalPicTap', type);\r\n    },\r\n    addVideo() {\r\n      this.$emit('addVideo');\r\n    },\r\n    delVideo() {\r\n      this.$emit('delVideo');\r\n    },\r\n    addCate() {\r\n      this.$emit('addCate');\r\n    },\r\n    addGoodsTag() {\r\n      this.$emit('addGoodsTag');\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"]}]}