{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\product\\productList\\index.vue?vue&type=style&index=0&id=b77c4908&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\product\\productList\\index.vue","mtime":1761614939050},{"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:DQo6OnYtZGVlcCAuZWwtdGFic19faXRlbSB7DQogIGhlaWdodDogNTRweCAhaW1wb3J0YW50Ow0KICBsaW5lLWhlaWdodDogNTRweCAhaW1wb3J0YW50Ow0KfQ0KOjp2LWRlZXAgLml2dS1tb2RhbC1tYXNrIHsNCiAgei1pbmRleDogOTk5ICFpbXBvcnRhbnQ7DQp9DQoNCjo6di1kZWVwIC5pdnUtbW9kYWwtd3JhcCB7DQogIHotaW5kZXg6IDk5OSAhaW1wb3J0YW50Ow0KfQ0KDQouQm94IHsNCiAgOjp2LWRlZXAgLml2dS1tb2RhbC1ib2R5IHsNCiAgICBoZWlnaHQ6IDcwMHB4Ow0KICAgIG92ZXJmbG93OiBhdXRvOw0KICB9DQp9DQoNCi5iYXRjaC1ib3ggew0KICA6OnYtZGVlcCAuaXZ1LW1vZGFsLWJvZHkgew0KICAgIG92ZXJmbG93OiBhdXRvOw0KICAgIG1pbi1oZWlnaHQ6IDM1MHB4Ow0KICB9DQp9DQoNCi50YWJCb3hfaW1nIHsNCiAgd2lkdGg6IDM2cHg7DQogIGhlaWdodDogMzZweDsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQoNCiAgaW1nIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDEwMCU7DQogIH0NCn0NCg0KLmJnIHsNCiAgcG9zaXRpb246IGZpeGVkOw0KICBsZWZ0OiAwOw0KICB0b3A6IDA7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQogIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC41KTsNCiAgei1pbmRleDogMTE7DQp9DQoNCjo6di1kZWVwIC5oYXBweS1zY3JvbGwtY29udGVudCB7DQogIHdpZHRoOiAxMDAlOw0KDQogIC5kZW1vLXNwaW4taWNvbi1sb2FkIHsNCiAgICBhbmltYXRpb246IGFuaS1kZW1vLXNwaW4gMXMgbGluZWFyIGluZmluaXRlOw0KICB9DQoNCiAgQGtleWZyYW1lcyBhbmktZGVtby1zcGluIHsNCiAgICBmcm9tIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOw0KICAgIH0NCg0KICAgIDUwJSB7DQogICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpOw0KICAgIH0NCg0KICAgIHRvIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7DQogICAgfQ0KICB9DQoNCiAgLmRlbW8tc3Bpbi1jb2wgew0KICAgIGhlaWdodDogMTAwcHg7DQogICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgIGJvcmRlcjogMXB4IHNvbGlkICNlZWU7DQogIH0NCn0NCg0KLmxhYmVsSW5wdXQgew0KICBib3JkZXI6IDFweCBzb2xpZCAjZGNkZWUyOw0KICBwYWRkaW5nOiAwIDE1cHggMCAxMHB4Ow0KICBib3JkZXItcmFkaXVzOiA1cHg7DQogIG1pbi1oZWlnaHQ6IDMwcHg7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgZm9udC1zaXplOiAxMnB4Ow0KDQogIC5zcGFuIHsNCiAgICBjb2xvcjogI2M1YzhjZTsNCiAgfQ0KDQogIC5pY29ueGlheWkgew0KICAgIG1hcmdpbi1sZWZ0OiA1cHg7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICB9DQp9DQouZWwtZHJvcGRvd24tbGluayB7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgY29sb3I6IHZhcigtLXByZXYtY29sb3ItcHJpbWFyeSk7DQogIGZvbnQtc2l6ZTogMTJweDsNCn0NCi5lbC1pY29uLWFycm93LWRvd24gew0KICBmb250LXNpemU6IDEycHg7DQp9DQouZWwtZHJvcGRvd24tbWVudV9faXRlbSB7DQogIGEgew0KICAgIGNvbG9yOiAjNjA2MjY2Ow0KICB9DQp9DQoubGFiZWxfd2lkdGggew0KICB3aWR0aDogNDAwcHg7DQp9DQouc2VhcmNoLWZvcm0gew0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogIC5zZWFyY2gtZm9ybS1ib3ggew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgZmxleC13cmFwOiB3cmFwOw0KICAgIGZsZXg6IDE7DQogIH0NCiAgLnNlYXJjaC1mb3JtLXN1YiB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAusCA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/product/productList","sourcesContent":["<template>\r\n  <div class=\"article-manager\">\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\" :body-style=\"{ padding: 0 }\">\r\n      <div class=\"padding-add\">\r\n        <el-form ref=\"artFrom\" :model=\"artFrom\" label-width=\"80px\" label-position=\"right\" inline @submit.native.prevent>\r\n          <div class=\"acea-row search-form\">\r\n            <div class=\"search-form-box\">\r\n              <el-form-item label=\"商品搜索：\" label-for=\"store_name\">\r\n                <el-input\r\n                  clearable\r\n                  placeholder=\"请输入商品名称/关键字/ID\"\r\n                  v-model=\"artFrom.store_name\"\r\n                  class=\"form_content_width\"\r\n                />\r\n              </el-form-item>\r\n              <el-form-item label=\"商品类型：\">\r\n                <el-select v-model=\"artFrom.virtual_type\" clearable placeholder=\"全部\" class=\"form_content_width\">\r\n                  <el-option label=\"全部\" value=\"\" />\r\n                  <el-option label=\"普通商品\" value=\"0\" />\r\n                  <el-option label=\"卡密商品\" value=\"1\" />\r\n                  <el-option label=\"优惠券商品\" value=\"2\" />\r\n                  <el-option label=\"虚拟商品\" value=\"3\" />\r\n                </el-select>\r\n              </el-form-item>\r\n              <el-form-item label=\"商品分类：\" label-for=\"pid\">\r\n                <el-cascader\r\n                  v-model=\"artFrom.cate_id\"\r\n                  size=\"small\"\r\n                  :options=\"treeSelect\"\r\n                  :props=\"{ multiple: false, emitPath: false, checkStrictly: true }\"\r\n                  clearable\r\n                  class=\"form_content_width\"\r\n                ></el-cascader>\r\n              </el-form-item>\r\n              <el-form-item label=\"配送方式：\">\r\n                <el-select v-model=\"artFrom.logistics\" clearable placeholder=\"全部\" class=\"form_content_width\">\r\n                  <el-option label=\"全部\" value=\"\" />\r\n                  <el-option label=\"快递配送\" value=\"1\" />\r\n                  <el-option label=\"到店自提\" value=\"2\" />\r\n                </el-select>\r\n              </el-form-item>\r\n              <template v-if=\"collapse\">\r\n                <el-form-item label=\"商品标签：\" label-for=\"store_name\">\r\n                  <div class=\"labelInput acea-row row-between-wrapper form_content_width\" @click=\"openStoreLabel\">\r\n                    <div style=\"width: 90%\">\r\n                      <div v-if=\"storeLabelList.length\">\r\n                        <el-tag\r\n                          class=\"mr5\"\r\n                          closable\r\n                          v-for=\"(item, index) in storeLabelList\"\r\n                          :key=\"index\"\r\n                          @close=\"closeStoreLabel(item)\"\r\n                          >{{ item.label_name }}</el-tag\r\n                        >\r\n                      </div>\r\n                      <span class=\"span\" v-else>选择商品标签</span>\r\n                    </div>\r\n                    <div class=\"iconfont iconxiayi\"></div>\r\n                  </div>\r\n                </el-form-item>\r\n                <el-form-item label=\"商品规格：\">\r\n                  <el-select v-model=\"artFrom.spec_type\" clearable placeholder=\"全部\" class=\"form_content_width\">\r\n                    <el-option label=\"全部\" value=\"\" />\r\n                    <el-option label=\"单规格\" value=\"0\" />\r\n                    <el-option label=\"多规格\" value=\"1\" />\r\n                  </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"会员专属：\">\r\n                  <el-select v-model=\"artFrom.vip_product\" clearable placeholder=\"全部\" class=\"form_content_width\">\r\n                    <el-option label=\"全部\" value=\"\" />\r\n                    <el-option label=\"否\" value=\"0\" />\r\n                    <el-option label=\"是\" value=\"1\" />\r\n                  </el-select>\r\n                </el-form-item>\r\n\r\n                <el-form-item label=\"添加时间：\">\r\n                  <el-date-picker\r\n                    class=\"form_range_content_width\"\r\n                    clearable\r\n                    v-model=\"timeVal\"\r\n                    type=\"daterange\"\r\n                    :editable=\"false\"\r\n                    @change=\"onchangeTime\"\r\n                    format=\"yyyy/MM/dd\"\r\n                    value-format=\"yyyy/MM/dd\"\r\n                    start-placeholder=\"开始日期\"\r\n                    end-placeholder=\"结束日期\"\r\n                    :picker-options=\"pickerOptions\"\r\n                    style=\"width: 250px\"\r\n                  ></el-date-picker>\r\n                </el-form-item>\r\n                <el-form-item label=\"库存：\" label-for=\"store_name\">\r\n                  <el-input\r\n                    clearable\r\n                    placeholder=\"最小值\"\r\n                    v-model=\"artFrom.stock_s[0]\"\r\n                    class=\"form_range_content_width\"\r\n                  />\r\n                  ~\r\n                  <el-input\r\n                    clearable\r\n                    placeholder=\"最大值\"\r\n                    v-model=\"artFrom.stock_s[1]\"\r\n                    class=\"form_range_content_width\"\r\n                  />\r\n                </el-form-item>\r\n                <el-form-item label=\"价格：\" label-for=\"store_name\">\r\n                  <el-input\r\n                    clearable\r\n                    placeholder=\"最小值\"\r\n                    v-model=\"artFrom.price_s[0]\"\r\n                    class=\"form_range_content_width\"\r\n                  />\r\n                  ~\r\n                  <el-input\r\n                    clearable\r\n                    placeholder=\"最大值\"\r\n                    v-model=\"artFrom.price_s[1]\"\r\n                    class=\"form_range_content_width\"\r\n                  />\r\n                </el-form-item>\r\n                <el-form-item label=\"销量：\" label-for=\"store_name\">\r\n                  <el-input\r\n                    clearable\r\n                    placeholder=\"最小值\"\r\n                    v-model=\"artFrom.sales_s[0]\"\r\n                    class=\"form_range_content_width\"\r\n                  />\r\n                  ~\r\n                  <el-input\r\n                    clearable\r\n                    placeholder=\"最大值\"\r\n                    v-model=\"artFrom.sales_s[1]\"\r\n                    class=\"form_range_content_width\"\r\n                  />\r\n                </el-form-item>\r\n              </template>\r\n            </div>\r\n            <div class=\"search-form-sub\">\r\n              <el-button type=\"primary\" v-db-click @click=\"userSearchs\">查询</el-button>\r\n              <el-button class=\"ResetSearch\" v-db-click @click=\"reset\">重置</el-button>\r\n              <a class=\"ivu-ml-8 font12 ml10\" v-db-click @click=\"collapse = !collapse\">\r\n                <template v-if=\"!collapse\"> 展开 <i class=\"el-icon-arrow-down\" /> </template>\r\n                <template v-else> 收起 <i class=\"el-icon-arrow-up\" /> </template>\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </el-form>\r\n      </div>\r\n    </el-card>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt mt16\" :body-style=\"{ padding: '0 20px 20px' }\">\r\n      <el-tabs v-model=\"artFrom.type\" @tab-click=\"onClickTab\">\r\n        <el-tab-pane\r\n          :label=\"item.name + '(' + item.count + ')'\"\r\n          :name=\"item.type.toString()\"\r\n          v-for=\"(item, index) in headeNum\"\r\n          :key=\"index\"\r\n        />\r\n      </el-tabs>\r\n      <div class=\"Button\">\r\n        <router-link v-auth=\"['product-product-save']\" :to=\"$routeProStr + '/product/add_product'\"\r\n          ><el-button type=\"primary\" class=\"mr14\">添加商品</el-button></router-link\r\n        >\r\n        <el-button v-auth=\"['product-crawl-save']\" type=\"success\" class=\"mr14\" v-db-click @click=\"onCopy\"\r\n          >商品采集</el-button\r\n        >\r\n        <el-dropdown class=\"bnt mr14\" @command=\"batchSelect\">\r\n          <el-button>批量修改<i class=\"el-icon-arrow-down el-icon--right\"></i></el-button>\r\n          <el-dropdown-menu slot=\"dropdown\">\r\n            <el-dropdown-item :command=\"1\">商品分类</el-dropdown-item>\r\n            <el-dropdown-item :command=\"2\">物流设置</el-dropdown-item>\r\n            <el-dropdown-item :command=\"3\">购买送积分</el-dropdown-item>\r\n            <el-dropdown-item :command=\"4\">购买送优惠券</el-dropdown-item>\r\n            <el-dropdown-item :command=\"5\">关联用户标签</el-dropdown-item>\r\n            <el-dropdown-item :command=\"6\">活动推荐</el-dropdown-item>\r\n            <el-dropdown-item v-auth=\"['product-product-product_show']\" v-if=\"artFrom.type === '1'\" :command=\"7\"\r\n              >批量下架</el-dropdown-item\r\n            >\r\n            <el-dropdown-item v-auth=\"['product-product-product_show']\" v-if=\"artFrom.type === '2'\" :command=\"8\"\r\n              >批量上架</el-dropdown-item\r\n            >\r\n            <el-dropdown-item v-auth=\"['product-product-product_show']\" :command=\"9\">设置商品标签</el-dropdown-item>\r\n            <el-dropdown-item v-auth=\"['product-product-product_show']\" v-if=\"artFrom.type !== '6'\" :command=\"11\"\r\n              >移到回收站</el-dropdown-item\r\n            >\r\n            <el-dropdown-item v-auth=\"['product-product-product_show']\" v-if=\"artFrom.type == '6'\" :command=\"12\"\r\n              >恢复商品</el-dropdown-item\r\n            >\r\n          </el-dropdown-menu>\r\n        </el-dropdown>\r\n        <el-dropdown class=\"bnt mr14\" @command=\"goodsMove\">\r\n          <el-button>商品迁移<i class=\"el-icon-arrow-down el-icon--right\"></i></el-button>\r\n          <el-dropdown-menu slot=\"dropdown\">\r\n            <el-dropdown-item :command=\"1\">商品导入</el-dropdown-item>\r\n            <el-dropdown-item :command=\"2\">商品导出</el-dropdown-item>\r\n          </el-dropdown-menu>\r\n        </el-dropdown>\r\n        <el-button v-auth=\"['export-storeProduct']\" class=\"export\" v-db-click @click=\"onExports(0)\">数据导出</el-button>\r\n      </div>\r\n      <el-table\r\n        ref=\"table\"\r\n        :data=\"tableList\"\r\n        class=\"ivu-mt mt14\"\r\n        v-loading=\"loading\"\r\n        highlight-current-row\r\n        :row-key=\"getRowKey\"\r\n        @selection-change=\"handleSelectRow\"\r\n        empty-text=\"暂无数据\"\r\n      >\r\n        <el-table-column type=\"expand\" width=\"50\" v-if=\"['1', '2'].includes(artFrom.type)\">\r\n          <template slot-scope=\"scope\">\r\n            <expandRow :row=\"scope.row\"></expandRow>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column type=\"selection\" width=\"60\" :reserve-selection=\"true\"> </el-table-column>\r\n        <el-table-column label=\"商品ID\" width=\"80\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.id }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"商品图\" min-width=\"90\">\r\n          <template slot-scope=\"scope\">\r\n            <div class=\"tabBox_img\" v-viewer>\r\n              <img v-lazy=\"scope.row.image\" />\r\n            </div>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"商品名称\" min-width=\"250\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.store_name }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"参与活动\" width=\"90\">\r\n          <template slot-scope=\"scope\">\r\n            <el-tag\r\n              class=\"mb5 cup\"\r\n              v-if=\"scope.row.activityExist.bargain\"\r\n              type=\"\"\r\n              @click=\"activityDetail(scope.row, 0)\"\r\n              effect=\"dark\"\r\n            >\r\n              砍价\r\n            </el-tag>\r\n            <el-tag\r\n              class=\"mb5 cup\"\r\n              v-if=\"scope.row.activityExist.combination\"\r\n              type=\"success\"\r\n              @click=\"activityDetail(scope.row, 1)\"\r\n              effect=\"dark\"\r\n            >\r\n              拼团\r\n            </el-tag>\r\n            <el-tag\r\n              class=\"mb5 cup\"\r\n              v-if=\"scope.row.activityExist.seckill\"\r\n              type=\"warning\"\r\n              @click=\"activityDetail(scope.row, 2)\"\r\n              effect=\"dark\"\r\n            >\r\n              秒杀\r\n            </el-tag>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"商品类型\" min-width=\"100\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.product_type }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"商品售价\" min-width=\"100\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.price }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"销量\" min-width=\"100\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.sales }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"库存\" min-width=\"100\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.stock }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"排序\" min-width=\"100\">\r\n          <template slot-scope=\"scope\">\r\n            <span>{{ scope.row.sort }}</span>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"状态\" min-width=\"100\">\r\n          <template slot-scope=\"scope\">\r\n            <el-switch\r\n              class=\"defineSwitch\"\r\n              :active-value=\"1\"\r\n              :inactive-value=\"0\"\r\n              v-model=\"scope.row.is_show\"\r\n              :value=\"scope.row.is_show\"\r\n              :disabled=\"scope.row.stop_status ? true : false\"\r\n              @change=\"changeSwitch(scope.row)\"\r\n              size=\"large\"\r\n              active-text=\"上架\"\r\n              inactive-text=\"下架\"\r\n            >\r\n            </el-switch>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" fixed=\"right\" minWidth=\"100\">\r\n          <template slot-scope=\"scope\">\r\n            <!-- <a v-db-click @click=\"look(scope.row)\">查看</a>\r\n            <el-divider direction=\"vertical\"></el-divider> -->\r\n            <a v-db-click @click=\"edit(scope.row)\">编辑</a>\r\n            <el-divider direction=\"vertical\"></el-divider>\r\n            <el-dropdown size=\"small\">\r\n              <span class=\"el-dropdown-link\">更多<i class=\"el-icon-arrow-down el-icon--right\"></i> </span>\r\n              <el-dropdown-menu slot=\"dropdown\">\r\n                <el-dropdown-item>\r\n                  <router-link :to=\"{ path: $routeProStr + '/product/product_reply/' + scope.row.id }\"\r\n                    ><a>查看评论</a></router-link\r\n                  >\r\n                </el-dropdown-item>\r\n                <el-dropdown-item v-db-click @click.native=\"openModal(scope.row, 'vipPriceSet')\"\r\n                  >会员价管理</el-dropdown-item\r\n                >\r\n                <el-dropdown-item v-db-click @click.native=\"openModal(scope.row, 'brokerageSet')\"\r\n                  >佣金管理</el-dropdown-item\r\n                >\r\n                <el-dropdown-item\r\n                  v-if=\"artFrom.type === '6'\"\r\n                  v-db-click\r\n                  @click.native=\"del(scope.row, '恢复商品', scope.$index)\"\r\n                  >恢复商品</el-dropdown-item\r\n                >\r\n                <el-dropdown-item\r\n                  v-if=\"artFrom.type === '6'\"\r\n                  v-db-click\r\n                  @click.native=\"fullDel(scope.row, '彻底删除', scope.$index)\"\r\n                  >彻底删除</el-dropdown-item\r\n                >\r\n                <el-dropdown-item v-else v-db-click @click.native=\"del(scope.row, '移入回收站', scope.$index)\"\r\n                  >移到回收站</el-dropdown-item\r\n                >\r\n              </el-dropdown-menu>\r\n            </el-dropdown>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n      <div class=\"acea-row row-right page\">\r\n        <pagination\r\n          v-if=\"total\"\r\n          :total=\"total\"\r\n          :page.sync=\"artFrom.page\"\r\n          :limit.sync=\"artFrom.limit\"\r\n          @pagination=\"getDataList\"\r\n        />\r\n      </div>\r\n      <attribute :attrTemplate=\"attrTemplate\" v-on:changeTemplate=\"changeTemplate\"></attribute>\r\n    </el-card>\r\n    <!-- 生成淘宝京东表单-->\r\n    <el-dialog\r\n      :visible.sync=\"modals\"\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\r\n      :visible.sync=\"batchModal\"\r\n      class=\"batch-box\"\r\n      title=\"批量设置\"\r\n      :show-close=\"true\"\r\n      :close-on-click-modal=\"false\"\r\n      width=\"540px\"\r\n    >\r\n      <el-form\r\n        class=\"batchFormData\"\r\n        ref=\"batchFormData\"\r\n        :rules=\"ruleBatch\"\r\n        :model=\"batchFormData\"\r\n        label-width=\"90px\"\r\n        label-position=\"right\"\r\n        @submit.native.prevent\r\n      >\r\n        <el-row :gutter=\"24\">\r\n          <el-col :span=\"24\" v-if=\"batchType == 1\">\r\n            <!--            <el-divider content-position=\"left\">基础设置</el-divider>-->\r\n            <el-form-item label=\"商品分类：\" prop=\"cate_id\">\r\n              <!-- <el-select v-model=\"batchFormData.cate_id\" placeholder=\"请选择商品分类\" multiple class=\"perW20\">\r\n                <el-option v-for=\"item in treeSelect\" :disabled=\"item.pid === 0\" :value=\"item.id\" :key=\"item.id\">{{\r\n                  item.html + item.cate_name\r\n                }}</el-option>\r\n              </el-select> -->\r\n              <el-cascader\r\n                v-model=\"batchFormData.cate_id\"\r\n                size=\"small\"\r\n                :options=\"treeSelect\"\r\n                :props=\"{ multiple: true, emitPath: false, checkStrictly: true }\"\r\n                clearable\r\n                style=\"width: 400px\"\r\n              ></el-cascader>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"24\" v-if=\"batchType == 2\">\r\n            <el-form-item label=\"物流方式：\" prop=\"logistics\">\r\n              <el-checkbox-group v-model=\"batchFormData.logistics\" @change=\"logisticsBtn\">\r\n                <el-checkbox label=\"1\">快递</el-checkbox>\r\n                <el-checkbox label=\"2\">到店</el-checkbox>\r\n              </el-checkbox-group>\r\n            </el-form-item>\r\n            <el-form-item label=\"运费设置：\">\r\n              <el-radio-group v-model=\"batchFormData.freight\">\r\n                <!-- <el-radio :label=\"1\">包邮</el-radio> -->\r\n                <el-radio :label=\"2\">固定邮费</el-radio>\r\n                <el-radio :label=\"3\">运费模板</el-radio>\r\n              </el-radio-group>\r\n            </el-form-item>\r\n            <el-form-item label=\"\" v-if=\"batchFormData.freight == 2\">\r\n              <div class=\"acea-row\">\r\n                <el-input-number\r\n                  :controls=\"false\"\r\n                  :min=\"0\"\r\n                  v-model=\"batchFormData.postage\"\r\n                  placeholder=\"请输入金额\"\r\n                  class=\"perW20 maxW\"\r\n                />\r\n              </div>\r\n            </el-form-item>\r\n            <el-form-item label=\"\" v-if=\"batchFormData.freight == 3\" prop=\"temp_id\">\r\n              <div class=\"acea-row\">\r\n                <el-select v-model=\"batchFormData.temp_id\" clearable placeholder=\"请选择运费模板\" style=\"width: 414px\">\r\n                  <el-option\r\n                    v-for=\"(item, index) in templateList\"\r\n                    :value=\"item.id\"\r\n                    :key=\"index\"\r\n                    :label=\"item.name\"\r\n                  ></el-option>\r\n                </el-select>\r\n              </div>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"24\" v-if=\"[3, 4, 5, 6].includes(batchType)\">\r\n            <!--            <el-divider content-position=\"left\" v-if=\"[3, 4, 5, 6].includes(batchType)\">营销设置</el-divider>-->\r\n            <el-form-item label=\"赠送积分：\" prop=\"give_integral\" v-if=\"batchType == 3\">\r\n              <el-input-number\r\n                :controls=\"false\"\r\n                v-model=\"batchFormData.give_integral\"\r\n                :min=\"0\"\r\n                :max=\"9999999999\"\r\n                placeholder=\"请输入积分\"\r\n                style=\"width: 100%\"\r\n              />\r\n            </el-form-item>\r\n            <el-form-item label=\"赠送优惠券：\" v-if=\"batchType == 4\">\r\n              <div v-if=\"couponName.length\" class=\"mb20\">\r\n                <el-tag closable v-for=\"(item, index) in couponName\" :key=\"index\" @close=\"handleClose(item)\">{{\r\n                  item.title\r\n                }}</el-tag>\r\n              </div>\r\n              <el-button type=\"primary\" v-db-click @click=\"addCoupon\">添加优惠券</el-button>\r\n            </el-form-item>\r\n            <el-form-item label=\"关联标签：\" prop=\"label_id\" v-if=\"batchType == 5\">\r\n              <div class=\"acea-row label_width\">\r\n                <div class=\"labelInput acea-row row-between-wrapper\" v-db-click @click=\"openLabel\">\r\n                  <div style=\"width: auto\">\r\n                    <div v-if=\"dataLabel.length\">\r\n                      <el-tag\r\n                        class=\"m-r-2\"\r\n                        closable\r\n                        v-for=\"(item, index) in dataLabel\"\r\n                        @close=\"closeLabel(item)\"\r\n                        :key=\"index\"\r\n                        >{{ item.label_name }}</el-tag\r\n                      >\r\n                    </div>\r\n                    <span class=\"span\" v-else>选择用户关联标签</span>\r\n                  </div>\r\n                  <div class=\"iconfont iconxiayi\"></div>\r\n                </div>\r\n              </div>\r\n            </el-form-item>\r\n            <el-form-item label=\"商品推荐：\" v-if=\"batchType == 6\">\r\n              <el-checkbox-group v-model=\"batchFormData.recommend\">\r\n                <el-checkbox label=\"is_hot\">热卖单品</el-checkbox>\r\n                <!-- <el-checkbox label=\"is_benefit\">促销单品</el-checkbox> -->\r\n                <el-checkbox label=\"is_best\">精品推荐</el-checkbox>\r\n                <el-checkbox label=\"is_new\">首发新品</el-checkbox>\r\n                <el-checkbox label=\"is_good\">优品推荐</el-checkbox>\r\n              </el-checkbox-group>\r\n            </el-form-item>\r\n          </el-col>\r\n        </el-row>\r\n      </el-form>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button v-db-click @click=\"clearBatchData\">取 消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"batchSub\">确 定</el-button>\r\n      </span>\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=\"goodsLabelList\"\r\n        @activeLabel=\"activeGoodsLabel\"\r\n        @close=\"labelClose\"\r\n      ></goodsLabel>\r\n    </el-dialog>\r\n    <!-- 用户标签 -->\r\n    <el-dialog\r\n      :visible.sync=\"labelShow\"\r\n      title=\"请选择用户标签\"\r\n      width=\"540px\"\r\n      :show-close=\"true\"\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    <div v-if=\"isProductBox\">\r\n      <div class=\"bg\" v-db-click @click=\"isProductBox = false\"></div>\r\n      <goodsDetail :goodsId=\"goodsId\"></goodsDetail>\r\n    </div>\r\n    <coupon-list ref=\"couponTemplates\" @nameId=\"nameId\" :couponids=\"batchFormData.coupon_ids\"></coupon-list>\r\n    <!-- 商品导入 -->\r\n    <el-dialog\r\n      :visible.sync=\"importShow\"\r\n      title=\"商品导入\"\r\n      width=\"900px\"\r\n      :show-close=\"true\"\r\n      :close-on-click-modal=\"false\"\r\n    >\r\n      <goodsImport v-if=\"importShow\" @close=\"importShow = false\"></goodsImport>\r\n    </el-dialog>\r\n    <brokerageSet ref=\"brokerageSet\" :productId=\"productId\"></brokerageSet>\r\n    <vipPriceSet ref=\"vipPriceSet\" :productId=\"productId\"></vipPriceSet>\r\n    <!-- 商品标签 -->\r\n    <el-dialog :visible.sync=\"storeLabelShow\" title=\"选择商品标签\" width=\"540\">\r\n      <storeLabelList\r\n        v-if=\"storeLabelShow\"\r\n        ref=\"storeLabel\"\r\n        @activeData=\"activeStoreData\"\r\n        @close=\"storeLabelClose\"\r\n      ></storeLabelList>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport expandRow from './tableExpand.vue';\r\nimport attribute from './attribute';\r\nimport toExcel from '../../../utils/Excel.js';\r\nimport { mapState } from 'vuex';\r\nimport taoBao from './taoBao';\r\nimport goodsDetail from './components/goodsDetail.vue';\r\nimport couponList from '@/components/couponList';\r\nimport { exportProductList, exportProductExport } from '@/api/export';\r\nimport settings from '@/setting';\r\nimport goodsImport from './components/goodsImport.vue';\r\nimport brokerageSet from '../components/brokerageSet.vue';\r\nimport vipPriceSet from '../components/vipPriceSet.vue';\r\nimport {\r\n  getGoodHeade,\r\n  getGoods,\r\n  PostgoodsIsShow,\r\n  cascaderListApi, // 分类列表\r\n  productShowApi,\r\n  productUnshowApi,\r\n  storeProductApi,\r\n  batchSetting,\r\n  productGetTemplateApi,\r\n  productLabelUseListApi,\r\n  productBatchDelete,\r\n} from '@/api/product';\r\nimport userLabel from '@/components/labelList';\r\nimport storeLabelList from '@/components/storeLabelList';\r\nimport goodsLabel from '@/components/goodsLabel';\r\n\r\nexport default {\r\n  name: 'product_productList',\r\n  components: {\r\n    expandRow,\r\n    attribute,\r\n    taoBao,\r\n    goodsDetail,\r\n    userLabel,\r\n    couponList,\r\n    goodsImport,\r\n    brokerageSet,\r\n    vipPriceSet,\r\n    storeLabelList,\r\n    goodsLabel,\r\n  },\r\n  computed: {\r\n    ...mapState('userLevel', ['categoryId']),\r\n  },\r\n  data() {\r\n    return {\r\n      routePre: settings.routePre,\r\n      pickerOptions: this.$timeOptions,\r\n      template: false,\r\n      modals: false,\r\n      importShow: false,\r\n      batchModal: false,\r\n      labelShow: false,\r\n      batchType: 1, // 批量设置类型\r\n      batchFormData: {\r\n        cate_id: [],\r\n        logistics: [],\r\n        freight: 2,\r\n        postage: 0,\r\n        temp_id: null,\r\n        give_integral: 0,\r\n        label_id: [],\r\n        coupon_ids: [],\r\n        recommend: [],\r\n      },\r\n      ruleBatch: {},\r\n      couponName: [], // 优惠券\r\n      dataLabel: [], // 标签\r\n      templateList: [], // 运费模版\r\n      grid: {\r\n        xl: 6,\r\n        lg: 8,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      artFrom: {\r\n        page: 1,\r\n        limit: 15,\r\n        cate_id: '',\r\n        type: '1',\r\n        store_name: '',\r\n        spec_type: '',\r\n        logistics: '',\r\n        vip_product: '',\r\n        is_gift: '',\r\n        sales_s: ['', ''],\r\n        stock_s: ['', ''],\r\n        price_s: ['', ''],\r\n        store_label_id: [],\r\n        time: '',\r\n        virtual_type: '',\r\n      },\r\n      list: [],\r\n      tableList: [],\r\n      headeNum: [],\r\n      loading: false,\r\n      data: [],\r\n      total: 0,\r\n      attrTemplate: false,\r\n      ids: [],\r\n      goodsId: '',\r\n      isProductBox: false,\r\n      treeSelect: [],\r\n      multipleSelection: [],\r\n      showBrokerage: false,\r\n      showVipPrice: false,\r\n      storeLabelShow: false,\r\n      tagShow: false,\r\n      productId: 0,\r\n      storeLabelList: [],\r\n      goodsLabelList: [],\r\n      timeVal: [],\r\n      collapse: false,\r\n    };\r\n  },\r\n  watch: {\r\n    $route() {\r\n      if (this.$route.fullPath === this.$routeProStr + '/product/product_list?type=5') {\r\n        this.getPath();\r\n      }\r\n    },\r\n  },\r\n  created() {},\r\n  activated() {\r\n    this.goodHeade();\r\n    this.goodsCategory();\r\n    this.getLabelList();\r\n    if (this.$route.fullPath === this.$routeProStr + '/product/product_list?type=5') {\r\n      this.getPath();\r\n    } else {\r\n      this.getDataList();\r\n    }\r\n  },\r\n  methods: {\r\n    // 具体日期\r\n    onchangeTime(e) {\r\n      this.timeVal = e;\r\n      this.artFrom.time = this.timeVal ? this.timeVal.join('-') : '';\r\n      this.artFrom.page = 1;\r\n      this.getDataList();\r\n    },\r\n    // 标签弹窗关闭\r\n    storeLabelClose() {\r\n      this.storeLabelShow = false;\r\n    },\r\n    getLabelList() {\r\n      productLabelUseListApi()\r\n        .then((res) => {\r\n          res.data.map((el) => {\r\n            if (el.list && el.list.length) {\r\n              el.list.map((label) => {\r\n                label.active = false;\r\n              });\r\n            }\r\n          });\r\n          this.goodsLabelList = res.data;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    openStoreLabel(row) {\r\n      this.storeLabelShow = true;\r\n      this.$nextTick((e) => {\r\n        this.$refs.storeLabel.storeLabel(JSON.parse(JSON.stringify(this.storeLabelList)));\r\n      });\r\n    },\r\n    closeStoreLabel(label) {\r\n      let index = this.storeLabelList.indexOf(this.storeLabelList.filter((d) => d.id == label.id)[0]);\r\n      this.storeLabelList.splice(index, 1);\r\n      this.getLabelId(this.storeLabelList);\r\n    },\r\n    activeStoreData(storeDataLabel) {\r\n      this.storeLabelShow = false;\r\n      this.storeLabelList = storeDataLabel;\r\n      this.getLabelId(storeDataLabel);\r\n    },\r\n    getLabelId(storeDataLabel) {\r\n      let storeActiveIds = [];\r\n      storeDataLabel.forEach((item) => {\r\n        storeActiveIds.push(item.id);\r\n      });\r\n      this.artFrom.store_label_id = storeActiveIds;\r\n      this.artFrom.page = 1;\r\n      this.getDataList();\r\n    },\r\n    activityDetail(row, type) {\r\n      let name = '';\r\n      if (type === 0) {\r\n        name = 'marketing_storeBargain';\r\n      } else if (type === 1) {\r\n        name = 'marketing_combinalist';\r\n      } else if (type === 2) {\r\n        name = 'marketing_storeSeckill';\r\n      }\r\n      this.$router.push({\r\n        name,\r\n        params: {\r\n          product_id: row.id,\r\n        },\r\n      });\r\n    },\r\n    openModal(row, type) {\r\n      this.productId = row.id;\r\n      this.$refs[type].visible = true;\r\n    },\r\n    batchSub() {\r\n      let data = this.batchFormData;\r\n      data.ids = this.ids;\r\n      data.type = this.batchType;\r\n      let activeIds = [];\r\n      this.dataLabel.forEach((item) => {\r\n        activeIds.push(item.id);\r\n      });\r\n      data.label_id = activeIds;\r\n      if (this.batchType == 2 && !this.batchFormData.logistics.length) {\r\n        return this.$message.warning('请选择物流方式');\r\n      }\r\n      batchSetting(data)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.getDataList();\r\n          this.clearBatchData(false);\r\n          this.ids = [];\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    clearBatchData(status) {\r\n      if (!status) {\r\n        this.batchFormData = {\r\n          cate_id: [],\r\n          logistics: [],\r\n          freight: 0,\r\n          postage: null,\r\n          temp_id: null,\r\n          give_integral: null,\r\n          label_id: [],\r\n          coupon_ids: [],\r\n          recommend: [],\r\n          is_gift: null,\r\n          label_list: [],\r\n        };\r\n        this.dataLabel = [];\r\n      }\r\n      this.batchModal = false;\r\n      this.$refs.table.clearSelection();\r\n    },\r\n    // 批量设置商品\r\n    batchSelect(type) {\r\n      if (!this.ids.length) {\r\n        this.$message.warning('请选择要修改的商品');\r\n      } else if (type === 7) {\r\n        this.onDismount();\r\n      } else if (type === 8) {\r\n        this.onShelves();\r\n      } else if (type === 9) {\r\n        this.batchType = type;\r\n        this.tagShow = true;\r\n      } else if (type === 11) {\r\n        this.batchGoodsSetting('全部移到回收站', 1);\r\n      } else if (type === 12) {\r\n        this.batchGoodsSetting('恢复选中商品', 2);\r\n      } else {\r\n        this.batchType = type;\r\n        this.batchModal = true;\r\n        this.productGetTemplate();\r\n      }\r\n    },\r\n    batchGoodsSetting(tit, type) {\r\n      let url = type == 1 ? 'product/product/batch_delete' : 'product/product/batch_recover';\r\n      let delfromData = {\r\n        title: tit,\r\n        url,\r\n        method: 'post',\r\n        ids: {\r\n          ids: this.ids,\r\n        },\r\n        un: 1,\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.goodHeade();\r\n          this.getDataList();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    goodsMove(type) {\r\n      if (type === 1) {\r\n        this.onImport();\r\n      } else {\r\n        this.onExports(2);\r\n      }\r\n    },\r\n    activeData(dataLabel) {\r\n      this.labelShow = false;\r\n      this.dataLabel = dataLabel;\r\n    },\r\n    nameId(id, names) {\r\n      this.batchFormData.coupon_ids = id;\r\n      this.couponName = this.unique(names);\r\n    },\r\n    handleClose(name) {\r\n      let index = this.couponName.indexOf(name);\r\n      this.couponName.splice(index, 1);\r\n      this.formValidate.coupon_ids.splice(index, 1);\r\n    },\r\n    //对象数组去重；\r\n    unique(arr) {\r\n      const res = new Map();\r\n      return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));\r\n    },\r\n    // 获取运费模板；\r\n    productGetTemplate() {\r\n      productGetTemplateApi().then((res) => {\r\n        this.templateList = res.data;\r\n      });\r\n    },\r\n    // 标签弹窗关闭\r\n    labelClose() {\r\n      this.labelShow = false;\r\n      this.tagShow = false;\r\n    },\r\n    // 选择商品标签\r\n    activeGoodsLabel(data) {\r\n      console.log(data, 'data');\r\n      this.tagShow = false;\r\n      this.batchFormData.label_list = Array.from(new Set(data));\r\n      this.batchSub();\r\n    },\r\n    look(row) {\r\n      this.goodsId = row.id;\r\n      this.isProductBox = true;\r\n    },\r\n    // 物流方式\r\n    logisticsBtn(e) {\r\n      this.batchFormData.logistics = e;\r\n    },\r\n    // 关联用户标签\r\n    openLabel() {\r\n      this.labelShow = true;\r\n      // this.$refs.userLabel.setLabel(JSON.parse(JSON.stringify(this.dataLabel)));\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    addCoupon() {\r\n      this.$refs.couponTemplates.isTemplate = true;\r\n      this.$refs.couponTemplates.tableList();\r\n    },\r\n    getPath() {\r\n      this.artFrom.page = 1;\r\n      this.artFrom.type = this.$route.query.type.toString();\r\n      this.getDataList();\r\n    },\r\n    onImport() {\r\n      this.importShow = true;\r\n    },\r\n    // 导出\r\n    async onExports(type) {\r\n      let [th, filekey, data, fileName] = [[], [], [], ''];\r\n      let excelData = JSON.parse(JSON.stringify(this.artFrom));\r\n      excelData.page = 1;\r\n      excelData.limit = 50;\r\n      excelData.ids = this.ids;\r\n      for (let i = 0; i < excelData.page + 1; i++) {\r\n        let lebData = await this.getExcelData(excelData, type);\r\n        if (!fileName) fileName = lebData.filename;\r\n        if (!filekey.length) {\r\n          filekey = lebData.fileKey;\r\n        }\r\n        if (!th.length) th = lebData.header;\r\n        if (lebData.export.length) {\r\n          data = data.concat(lebData.export);\r\n          excelData.page++;\r\n        } else {\r\n          this.$exportExcel(th, filekey, fileName, data);\r\n          return;\r\n        }\r\n      }\r\n    },\r\n    getExcelData(excelData, type) {\r\n      let fun = type ? exportProductExport : exportProductList;\r\n      return new Promise((resolve, reject) => {\r\n        fun(excelData).then((res) => {\r\n          resolve(res.data);\r\n        });\r\n      });\r\n    },\r\n    freight() {\r\n      this.$refs.template.isTemplate = true;\r\n    },\r\n    // 批量上架\r\n    onShelves() {\r\n      if (this.ids.length === 0) {\r\n        this.$message.warning('请选择要上架的商品');\r\n      } else {\r\n        let data = {\r\n          ids: this.ids,\r\n        };\r\n        productShowApi(data)\r\n          .then((res) => {\r\n            this.$message.success(res.msg);\r\n            this.goodHeade();\r\n            this.getDataList();\r\n          })\r\n          .catch((res) => {\r\n            this.$message.error(res.msg);\r\n          });\r\n      }\r\n    },\r\n    // 批量下架\r\n    onDismount() {\r\n      if (this.ids.length === 0) {\r\n        this.$message.warning('请选择要下架的商品');\r\n      } else {\r\n        let data = {\r\n          ids: this.ids,\r\n        };\r\n        productUnshowApi(data)\r\n          .then((res) => {\r\n            this.$message.success(res.msg);\r\n            this.artFrom.page = 1;\r\n            this.goodHeade();\r\n            this.getDataList();\r\n          })\r\n          .catch((res) => {\r\n            this.$message.error(res.msg);\r\n          });\r\n      }\r\n    },\r\n\r\n    // 全选\r\n    // onSelectTab (selection) {\r\n    //     let data = []\r\n    //     selection.map((item) => {\r\n    //         data.push(item.id)\r\n    //     })\r\n    //     this.ids = data\r\n    // },\r\n    getRowKey(row) {\r\n      return row.id;\r\n    },\r\n    //  选中某一行\r\n    handleSelectRow(selection) {\r\n      const uniqueArr = [];\r\n      const ids = [];\r\n      for (let i = 0; i < selection.length; i++) {\r\n        const item = selection[i];\r\n        if (!ids.includes(item.id)) {\r\n          uniqueArr.push(item);\r\n          ids.push(item.id);\r\n        }\r\n      }\r\n      this.ids = ids;\r\n      this.multipleSelection = uniqueArr;\r\n    },\r\n    // 添加淘宝商品成功\r\n    onClose() {\r\n      this.modals = false;\r\n    },\r\n    // 复制淘宝\r\n    onCopy() {\r\n      this.$router.push({\r\n        path: this.$routeProStr + '/product/add_product',\r\n        query: { type: -1 },\r\n      });\r\n      // this.modals = true\r\n    },\r\n    // tab选择\r\n    onClickTab() {\r\n      this.artFrom.page = 1;\r\n      this.multipleSelection = [];\r\n      this.$refs.table.clearSelection();\r\n      this.getDataList();\r\n    },\r\n    // 下拉树\r\n    handleCheckChange(data) {\r\n      let value = '';\r\n      let title = '';\r\n      this.list = [];\r\n      this.artFrom.cate_id = 0;\r\n      data.forEach((item, index) => {\r\n        value += `${item.id},`;\r\n        title += `${item.title},`;\r\n      });\r\n      value = value.substring(0, value.length - 1);\r\n      title = title.substring(0, title.length - 1);\r\n      this.list.push({\r\n        value,\r\n        title,\r\n      });\r\n      this.artFrom.cate_id = value;\r\n      this.getDataList();\r\n    },\r\n    // 获取商品表单头数量\r\n    goodHeade() {\r\n      getGoodHeade(this.artFrom)\r\n        .then((res) => {\r\n          this.headeNum = res.data.list;\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\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    getDataList() {\r\n      this.loading = true;\r\n      this.artFrom.cate_id = this.artFrom.cate_id || '';\r\n      getGoods(this.artFrom)\r\n        .then((res) => {\r\n          let data = res.data;\r\n          this.tableList = data.list;\r\n          this.total = res.data.count;\r\n          this.$nextTick(() => {\r\n            //确保dom加载完毕\r\n            // this.setChecked();\r\n            this.showSelectData();\r\n          });\r\n          this.loading = false;\r\n        })\r\n        .catch((res) => {\r\n          this.loading = false;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    showSelectData() {\r\n      if (this.multipleSelection.length > 0) {\r\n        // 判断是否存在勾选过的数据\r\n        this.tableList.forEach((row) => {\r\n          // 获取数据列表接口请求到的数据\r\n          this.multipleSelection.forEach((item) => {\r\n            // 勾选到的数据\r\n            if (row.id === item.id) {\r\n              this.$refs.table.toggleRowSelection(item, true); // 若有重合，则回显该条数据\r\n            }\r\n          });\r\n        });\r\n      }\r\n    },\r\n    // 表格搜索\r\n    userSearchs() {\r\n      this.artFrom.page = 1;\r\n      this.goodHeade();\r\n      this.getDataList();\r\n    },\r\n    // 上下架\r\n    changeSwitch(row) {\r\n      PostgoodsIsShow(row.id, row.is_show)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.goodHeade();\r\n          this.getDataList();\r\n        })\r\n        .catch((res) => {\r\n          row.is_show = !row.is_show ? 1 : 0;\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 数据导出；\r\n    exportData: function () {\r\n      let th = ['商品名称', '商品简介', '商品分类', '价格', '库存', '销量', '收藏人数'];\r\n      let filterVal = ['store_name', 'store_info', 'cate_name', 'price', 'stock', 'sales', 'collect'];\r\n      this.where.page = 'nopage';\r\n      getGoods(this.where).then((res) => {\r\n        let data = res.data.map((v) => filterVal.map((k) => v[k]));\r\n        let fileTime = Date.parse(new Date());\r\n        let [fileName, fileType, sheetName] = ['商户数据_' + fileTime, 'xlsx', '商户数据'];\r\n        toExcel({ th, data, fileName, fileType, sheetName });\r\n      });\r\n    },\r\n    // 属性弹出；\r\n    attrTap() {\r\n      this.attrTemplate = true;\r\n    },\r\n    changeTemplate(msg) {\r\n      this.attrTemplate = msg;\r\n    },\r\n    // 编辑\r\n    edit(row) {\r\n      this.$router.push({ path: this.$routeProStr + '/product/add_product/' + row.id });\r\n    },\r\n    // 确认\r\n    del(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `product/product/${row.id}`,\r\n        method: 'DELETE',\r\n        ids: '',\r\n        un: 1,\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.tableList.splice(num, 1);\r\n          this.goodHeade();\r\n          this.getDataList();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    fullDel(row, tit, num) {\r\n      let delfromData = {\r\n        title: tit,\r\n        num: num,\r\n        url: `product/full_del/${row.id}`,\r\n        method: 'DELETE',\r\n      };\r\n      this.$modalSure(delfromData)\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.tableList.splice(num, 1);\r\n          this.goodHeade();\r\n          this.getDataList();\r\n        })\r\n        .catch((res) => {\r\n          this.$message.error(res.msg);\r\n        });\r\n    },\r\n    // 重置\r\n    reset(name) {\r\n      this.artFrom = {\r\n        page: 1,\r\n        limit: 15,\r\n        cate_id: '',\r\n        type: '1',\r\n        store_name: '',\r\n        spec_type: '',\r\n        logistics: '',\r\n        vip_product: '',\r\n        is_gift: '',\r\n        sales_s: ['', ''],\r\n        stock_s: ['', ''],\r\n        price_s: ['', ''],\r\n        store_label_id: [],\r\n        time: '',\r\n        virtual_type: '',\r\n      };\r\n      this.storeLabelList = [];\r\n      this.tableList = [];\r\n      this.total = 0;\r\n      this.timeVal = [];\r\n      this.getDataList();\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang=\"scss\">\r\n::v-deep .el-tabs__item {\r\n  height: 54px !important;\r\n  line-height: 54px !important;\r\n}\r\n::v-deep .ivu-modal-mask {\r\n  z-index: 999 !important;\r\n}\r\n\r\n::v-deep .ivu-modal-wrap {\r\n  z-index: 999 !important;\r\n}\r\n\r\n.Box {\r\n  ::v-deep .ivu-modal-body {\r\n    height: 700px;\r\n    overflow: auto;\r\n  }\r\n}\r\n\r\n.batch-box {\r\n  ::v-deep .ivu-modal-body {\r\n    overflow: auto;\r\n    min-height: 350px;\r\n  }\r\n}\r\n\r\n.tabBox_img {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.bg {\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  z-index: 11;\r\n}\r\n\r\n::v-deep .happy-scroll-content {\r\n  width: 100%;\r\n\r\n  .demo-spin-icon-load {\r\n    animation: ani-demo-spin 1s linear infinite;\r\n  }\r\n\r\n  @keyframes ani-demo-spin {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    50% {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  .demo-spin-col {\r\n    height: 100px;\r\n    position: relative;\r\n    border: 1px solid #eee;\r\n  }\r\n}\r\n\r\n.labelInput {\r\n  border: 1px solid #dcdee2;\r\n  padding: 0 15px 0 10px;\r\n  border-radius: 5px;\r\n  min-height: 30px;\r\n  cursor: pointer;\r\n  font-size: 12px;\r\n\r\n  .span {\r\n    color: #c5c8ce;\r\n  }\r\n\r\n  .iconxiayi {\r\n    margin-left: 5px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n  color: var(--prev-color-primary);\r\n  font-size: 12px;\r\n}\r\n.el-icon-arrow-down {\r\n  font-size: 12px;\r\n}\r\n.el-dropdown-menu__item {\r\n  a {\r\n    color: #606266;\r\n  }\r\n}\r\n.label_width {\r\n  width: 400px;\r\n}\r\n.search-form {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  .search-form-box {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    flex: 1;\r\n  }\r\n  .search-form-sub {\r\n    display: flex;\r\n    align-items: baseline;\r\n  }\r\n}\r\n</style>\r\n"]}]}