{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\lottery\\create.vue?vue&type=style&index=0&id=fb4da6e2&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\lottery\\create.vue","mtime":1761614939032},{"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:DQouY29udGVudF93aWR0aCB7DQogIHdpZHRoOiA0NjBweDsNCn0NCjo6di1kZWVwIC5lbC10YWJzX19pdGVtIHsNCiAgaGVpZ2h0OiA1NHB4ICFpbXBvcnRhbnQ7DQogIGxpbmUtaGVpZ2h0OiA1NHB4ICFpbXBvcnRhbnQ7DQp9DQouY3VzdG9tLWxhYmVsIHsNCiAgZGlzcGxheTogaW5saW5lLWZsZXg7DQogIGxpbmUtaGVpZ2h0OiAxLjU7DQp9DQouZ3JleSB7DQogIGNvbG9yOiAjOTk5Ow0KfQ0KLm1heFcgOjp2LWRlZXAgLml2dS1zZWxlY3QtZHJvcGRvd24gew0KICBtYXgtd2lkdGg6IDYwMHB4Ow0KfQ0KLml2dS10YWJsZS13cmFwcGVyIHsNCiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAjZGNkZWUyOw0KICBib3JkZXItdG9wOiAxcHggc29saWQgI2RjZGVlMjsNCn0NCi50YWJCb3hfaW1nIHsNCiAgd2lkdGg6IDUwcHg7DQogIGhlaWdodDogNTBweDsNCn0NCi50YWJCb3hfaW1nIGltZyB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDEwMCU7DQp9DQoucHJpY2VCb3ggew0KICB3aWR0aDogMTAwJTsNCn0NCi5mb3JtIHsNCiAgLnBpY0JveCB7DQogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgfQ0KICAucGljdHJ1ZSB7DQogICAgd2lkdGg6IDU4cHg7DQogICAgaGVpZ2h0OiA1OHB4Ow0KICAgIGJvcmRlcjogMXB4IGRvdHRlZCByZ2JhKDAsIDAsIDAsIDAuMSk7DQogICAgbWFyZ2luLXJpZ2h0OiAwcHg7DQogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICBjdXJzb3I6IHBvaW50ZXI7DQoNCiAgICBpbWcgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgICBoZWlnaHQ6IDEwMCU7DQogICAgfQ0KICAgIC5idG5kZWwgew0KICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgei1pbmRleDogOTsNCiAgICAgIGZvbnQtc2l6ZTogMjBweDsNCiAgICAgIGxlZnQ6IDQ2cHg7DQogICAgICB0b3A6IC00cHg7DQogICAgfQ0KICB9DQogIC51cExvYWQgew0KICAgIHdpZHRoOiA1OHB4Ow0KICAgIGhlaWdodDogNThweDsNCiAgICBsaW5lLWhlaWdodDogNThweDsNCiAgICBib3JkZXI6IDFweCBkb3R0ZWQgcmdiYSgwLCAwLCAwLCAwLjEpOw0KICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDAuMDIpOw0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgfQ0KfQ0KLmxhYmVsSW5wdXQgew0KICBib3JkZXI6IDFweCBzb2xpZCAjZGNkZWUyOw0KICBwYWRkaW5nOiAwIDE1cHg7DQogIHdpZHRoOiA0NjBweDsNCiAgYm9yZGVyLXJhZGl1czogNXB4Ow0KICBtaW4taGVpZ2h0OiAzMHB4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQogIC5zcGFuIHsNCiAgICBmb250LXNpemU6IDEycHg7DQogICAgY29sb3I6ICNjNWM4Y2U7DQogIH0NCiAgLml2dS1pY29uLWlvcy1hcnJvdy1kb3duIHsNCiAgICBmb250LXNpemU6IDE0cHg7DQogICAgY29sb3I6ICM4MDg2OTU7DQogIH0NCn0NCg=="},{"version":3,"sources":["create.vue"],"names":[],"mappings":";AA6iCA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA","file":"create.vue","sourceRoot":"src/pages/marketing/lottery","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"i-layout-page-header header-title\">\r\n      <div class=\"fl_header\">\r\n        <el-button\r\n          class=\"btn-back\"\r\n          icon=\"el-icon-arrow-left\"\r\n          size=\"small\"\r\n          type=\"text\"\r\n          v-db-click\r\n          @click=\"$router.go(-1)\"\r\n          >返回</el-button\r\n        >\r\n        <el-divider direction=\"vertical\"></el-divider>\r\n        <span class=\"ivu-page-header-title\">{{ $route.meta.title }}</span>\r\n      </div>\r\n    </div>\r\n    <el-card :bordered=\"false\" shadow=\"never\" class=\"ivu-mt\" :body-style=\"{ padding: '0 20px 20px' }\">\r\n      <el-row class=\"mt30 acea-row row-middle row-center\">\r\n        <el-col :span=\"24\" v-loading=\"spinShow\">\r\n          <el-form\r\n            class=\"form\"\r\n            ref=\"formValidate\"\r\n            :rules=\"ruleValidate\"\r\n            :model=\"formValidate\"\r\n            @on-validate=\"validate\"\r\n            :label-width=\"labelWidth\"\r\n            :label-position=\"labelPosition\"\r\n            @submit.native.prevent\r\n          >\r\n            <el-row>\r\n              <el-col :span=\"24\">\r\n                <el-form-item label=\"活动类型：\" prop=\"name\" label-for=\"name\">\r\n                  <el-radio-group v-model=\"formValidate.factor\" @input=\"onClickTab\">\r\n                    <el-radio v-for=\"(item, index) in tabs\" :label=\"item.type\" :disabled=\"!!lottery_id\" :key=\"index\">{{\r\n                      item.name\r\n                    }}</el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"24\">\r\n                <el-form-item label=\"活动名称：\" prop=\"name\" label-for=\"name\">\r\n                  <el-input\r\n                    placeholder=\"请输入活动名称\"\r\n                    v-model=\"formValidate.name\"\r\n                    class=\"content_width\"\r\n                    maxlength=\"80\"\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=\"活动时间：\">\r\n                  <div class=\"acea-row row-middle\">\r\n                    <el-date-picker\r\n                      v-model=\"formValidate.period\"\r\n                      :editable=\"false\"\r\n                      type=\"datetimerange\"\r\n                      format=\"yyyy-MM-dd\"\r\n                      value-format=\"yyyy-MM-dd\"\r\n                      range-separator=\"-\"\r\n                      start-placeholder=\"开始日期\"\r\n                      end-placeholder=\"结束日期\"\r\n                      @change=\"onchangeTime\"\r\n                      style=\"width: 460px\"\r\n                    ></el-date-picker>\r\n                  </div>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"24\">\r\n                <el-form-item label=\"参与用户：\" prop=\"attends_user\" label-for=\"attends_user\">\r\n                  <el-radio-group element-id=\"attends_user\" v-model=\"formValidate.attends_user\" @input=\"changeUsers\">\r\n                    <el-radio :label=\"1\" class=\"radio\">全部用户</el-radio>\r\n                    <el-radio :label=\"2\">部分用户</el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"24\" v-if=\"formValidate.attends_user == 2\">\r\n                <el-form-item label=\"\" :prop=\"formValidate.attends_user == 2 ? 'user_level' : ''\">\r\n                  <div class=\"acea-row row-middle\">\r\n                    <el-select\r\n                      multiple\r\n                      v-model=\"formValidate.user_level\"\r\n                      class=\"content_width\"\r\n                      placeholder=\"请选择用户等级\"\r\n                    >\r\n                      <el-option\r\n                        v-for=\"item in userLevelListApi\"\r\n                        :value=\"item.id\"\r\n                        :key=\"item.id\"\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=\"formValidate.attends_user == 2\">\r\n                <el-form-item label=\"\" :prop=\"formValidate.attends_user == 2 ? 'is_svip' : ''\">\r\n                  <div class=\"acea-row row-middle\">\r\n                    <el-select\r\n                      v-model=\"formValidate.is_svip\"\r\n                      clearable\r\n                      placeholder=\"请选择是否是付费会员\"\r\n                      class=\"content_width\"\r\n                    >\r\n                      <el-option\r\n                        v-for=\"item in templateList\"\r\n                        :value=\"item.id\"\r\n                        :key=\"item.id\"\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=\"formValidate.attends_user == 2\">\r\n                <el-form-item label=\"\" :prop=\"formValidate.attends_user == 2 ? 'user_label' : ''\">\r\n                  <div class=\"acea-row row-middle\">\r\n                    <div class=\"labelInput acea-row row-between-wrapper\" v-db-click @click=\"selectLabelShow = true\">\r\n                      <div class=\"\">\r\n                        <div v-if=\"selectDataLabel.length\">\r\n                          <el-tag\r\n                            :closable=\"false\"\r\n                            v-for=\"(item, index) in selectDataLabel\"\r\n                            @close=\"closeLabel(item)\"\r\n                            :key=\"index\"\r\n                            class=\"mr10\"\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=\"ivu-icon ivu-icon-ios-arrow-down\"></div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"tips-info ml100 grey\">三个条件都设置后,必须这些条件都满足的用户才能参加抽奖</div>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"24\" v-if=\"formValidate.factor == 5\">\r\n                <el-form-item\r\n                  label=\"抽奖次数：\"\r\n                  :prop=\"formValidate.factor == 5 ? 'lottery_num_term' : ''\"\r\n                  label-for=\"status\"\r\n                >\r\n                  <el-radio-group element-id=\"lottery_num_term\" v-model=\"formValidate.lottery_num_term\">\r\n                    <el-radio :label=\"1\" class=\"radio\">每天N次</el-radio>\r\n                    <el-radio :label=\"2\">每人N次</el-radio>\r\n                  </el-radio-group>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"24\" v-if=\"formValidate.factor == 5\">\r\n                <el-form-item\r\n                  label=\"邀请新用户最多可获得抽奖\"\r\n                  :prop=\"formValidate.factor == 5 ? 'lottery_num' : ''\"\r\n                  label-for=\"lottery_num\"\r\n                >\r\n                  <div class=\"acea-row row-middle\">\r\n                    <div class=\"mr10 grey\"></div>\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      placeholder=\"\"\r\n                      element-id=\"lottery_num\"\r\n                      :min=\"1\"\r\n                      :precision=\"0\"\r\n                      v-model=\"formValidate.lottery_num\"\r\n                      class=\"content_width\"\r\n                    />\r\n                    <div class=\"ml10 grey\">次</div>\r\n                  </div>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col :span=\"24\" v-if=\"formValidate.factor == 5\">\r\n                <el-form-item\r\n                  label=\"邀请一位新用户关注公众号可获得抽奖\"\r\n                  :prop=\"formValidate.factor == 5 ? 'spread_num' : ''\"\r\n                  label-for=\"spread_num\"\r\n                >\r\n                  <div class=\"acea-row row-middle\">\r\n                    <div class=\"mr10 grey\"></div>\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      placeholder=\"\"\r\n                      element-id=\"spread_num\"\r\n                      :min=\"1\"\r\n                      :precision=\"0\"\r\n                      v-model=\"formValidate.spread_num\"\r\n                      class=\"content_width\"\r\n                    />\r\n                    <div class=\"ml10 grey\">次</div>\r\n                  </div>\r\n                </el-form-item>\r\n              </el-col>\r\n              <el-col\r\n                :span=\"24\"\r\n                v-if=\"formValidate.factor == 1 || formValidate.factor == 3 || formValidate.factor == 4\"\r\n              >\r\n                <el-form-item\r\n                  :label=\"formValidate.factor == 1 ? '抽奖消耗积分：' : '抽奖次数：'\"\r\n                  :prop=\"\r\n                    formValidate.factor == 1 || formValidate.factor == 3 || formValidate.factor == 4 ? 'factor_num' : ''\r\n                  \"\r\n                  label-for=\"factor_num\"\r\n                >\r\n                  <div class=\"acea-row row-middle\">\r\n                    <!-- <div class=\"mr10 grey\"></div> -->\r\n                    <el-input-number\r\n                      :controls=\"false\"\r\n                      placeholder=\"\"\r\n                      element-id=\"factor_num\"\r\n                      :min=\"1\"\r\n                      :precision=\"0\"\r\n                      v-model=\"formValidate.factor_num\"\r\n                      class=\"content_width\"\r\n                    >\r\n                    </el-input-number>\r\n                    <!-- <div class=\"ml10 grey\" v-if=\"formValidate.factor !== 1\">次</div> -->\r\n                  </div>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <el-row>\r\n              <el-col :span=\"24\">\r\n                <el-form-item label=\"规格选择：\" prop=\"prize\">\r\n                  <el-table ref=\"selection\" :data=\"specsData\">\r\n                    <el-table-column min-width=\"30\">\r\n                      <template slot-scope=\"scope\">\r\n                        <div class=\"drag\" @on-drag-drop=\"onDragDrop\">\r\n                          <img class=\"handle\" src=\"@/assets/images/drag-icon.png\" alt=\"\" />\r\n                        </div>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column label=\"序号\" type=\"index\" width=\"50\"> </el-table-column>\r\n                    <el-table-column label=\"图片\" min-width=\"80\">\r\n                      <template slot-scope=\"scope\">\r\n                        <div\r\n                          class=\"acea-row scope.row-middle scope.row-center-wrapper\"\r\n                          v-db-click\r\n                          @click=\"modalPicTap('dan', 'goods', scope.$index)\"\r\n                        >\r\n                          <div class=\"pictrue pictrueTab\" v-if=\"scope.row.image\">\r\n                            <img v-lazy=\"scope.row.image\" />\r\n                          </div>\r\n                          <div class=\"upLoad pictrueTab acea-row row-center-wrapper\" v-else>\r\n                            <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n                          </div>\r\n                        </div>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column label=\"名称\" min-width=\"80\">\r\n                      <template slot-scope=\"scope\">\r\n                        <div>{{ scope.row.name }}</div>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column label=\"奖品\" min-width=\"80\">\r\n                      <template slot-scope=\"scope\">\r\n                        <div>{{ scope.row.type | typeName }}</div>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column label=\"提示语\" min-width=\"80\">\r\n                      <template slot-scope=\"scope\">\r\n                        <div>{{ scope.row.prompt }}</div>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column label=\"数量\" min-width=\"80\">\r\n                      <template slot-scope=\"scope\">\r\n                        <el-input-number\r\n                          :controls=\"false\"\r\n                          v-model=\"scope.row.total\"\r\n                          :max=\"9999999999\"\r\n                          :min=\"0\"\r\n                          :precision=\"0\"\r\n                          class=\"priceBox\"\r\n                        ></el-input-number>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column label=\"奖品概率(%)\" min-width=\"80\">\r\n                      <template slot-scope=\"scope\">\r\n                        <el-input-number\r\n                          :controls=\"false\"\r\n                          v-model=\"scope.row.percent\"\r\n                          :max=\"100\"\r\n                          :min=\"0\"\r\n                          :precision=\"2\"\r\n                          class=\"priceBox\"\r\n                        ></el-input-number>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column label=\"操作\" fixed=\"right\" width=\"80\">\r\n                      <template slot-scope=\"scope\">\r\n                        <a class=\"submission mr15\" v-db-click @click=\"editGoods(scope.$index)\">编辑</a>\r\n                      </template>\r\n                    </el-table-column>\r\n                  </el-table>\r\n                  <el-button\r\n                    v-if=\"specsData.length < 8\"\r\n                    type=\"primary\"\r\n                    class=\"submission mr15 mt20\"\r\n                    v-db-click\r\n                    @click=\"addGoods\"\r\n                    >添加商品</el-button\r\n                  >\r\n                </el-form-item>\r\n                <el-form-item>\r\n                  <div class=\"pl60 grey\">\r\n                    奖品必须设置为8个，列表中拖拽可调整奖品在九宫中的位置\r\n                    <el-tooltip effect=\"light\" placement=\"bottom\" width=\"380\">\r\n                      <a>查看位置示例图</a>\r\n                      <div class=\"api\" slot=\"content\">\r\n                        <img src=\"../../../assets/images/lotteryTest.png\" alt=\"\" />\r\n                      </div>\r\n                    </el-tooltip>\r\n                  </div>\r\n                </el-form-item>\r\n              </el-col>\r\n            </el-row>\r\n            <div>\r\n              <el-form-item\r\n                v-if=\"formValidate.factor != 3 && formValidate.factor != 4\"\r\n                :prop=\"formValidate.factor != 3 && formValidate.factor != 4 ? 'image' : ''\"\r\n              >\r\n                <div class=\"custom-label\" slot=\"label\">\r\n                  <div>\r\n                    <div>活动背景图</div>\r\n                    <div>(750*750)</div>\r\n                  </div>\r\n                  <div>：</div>\r\n                </div>\r\n                <div class=\"acea-row\">\r\n                  <div class=\"pictrue\" v-if=\"formValidate.image\">\r\n                    <img v-lazy=\"formValidate.image\" />\r\n                    <i class=\"el-icon-circle-close btndel\" v-db-click @click=\"handleRemove()\"></i>\r\n                  </div>\r\n                  <div\r\n                    v-else\r\n                    class=\"upLoad acea-row row-center-wrapper\"\r\n                    v-db-click\r\n                    @click=\"modalPicTap('dan', 'danFrom')\"\r\n                  >\r\n                    <i class=\"el-icon-picture-outline\" style=\"font-size: 24px\"></i>\r\n                  </div>\r\n                </div>\r\n              </el-form-item>\r\n              <el-form-item\r\n                v-if=\"formValidate.factor != 3 && formValidate.factor != 4\"\r\n                label=\"中奖名单：\"\r\n                :prop=\"formValidate.factor != 3 && formValidate.factor != 4 ? 'is_all_record' : ''\"\r\n                label-for=\"is_all_record\"\r\n              >\r\n                <el-switch\r\n                  class=\"defineSwitch\"\r\n                  :active-value=\"1\"\r\n                  :inactive-value=\"0\"\r\n                  v-model=\"formValidate.is_all_record\"\r\n                  size=\"large\"\r\n                  active-text=\"开启\"\r\n                  inactive-text=\"关闭\"\r\n                >\r\n                </el-switch>\r\n              </el-form-item>\r\n              <el-form-item\r\n                v-if=\"formValidate.factor != 3 && formValidate.factor != 4\"\r\n                label=\"个人中奖记录：\"\r\n                :prop=\"formValidate.factor != 3 && formValidate.factor != 4 ? 'is_personal_record' : ''\"\r\n                label-for=\"is_personal_record\"\r\n              >\r\n                <el-switch\r\n                  class=\"defineSwitch\"\r\n                  :active-value=\"1\"\r\n                  :inactive-value=\"0\"\r\n                  v-model=\"formValidate.is_personal_record\"\r\n                  size=\"large\"\r\n                  active-text=\"开启\"\r\n                  inactive-text=\"关闭\"\r\n                >\r\n                </el-switch>\r\n              </el-form-item>\r\n              <el-form-item\r\n                v-if=\"formValidate.factor != 3 && formValidate.factor != 4\"\r\n                label=\"活动规则：\"\r\n                prop=\"is_content\"\r\n                label-for=\"is_content\"\r\n              >\r\n                <el-switch\r\n                  class=\"defineSwitch\"\r\n                  :active-value=\"1\"\r\n                  :inactive-value=\"0\"\r\n                  v-model=\"formValidate.is_content\"\r\n                  size=\"large\"\r\n                  active-text=\"开启\"\r\n                  inactive-text=\"关闭\"\r\n                >\r\n                </el-switch>\r\n              </el-form-item>\r\n              <el-form-item\r\n                label=\"\"\r\n                :prop=\"\r\n                  formValidate.factor != 3 && formValidate.factor != 4 && formValidate.is_content == 1 ? 'content' : ''\r\n                \"\r\n                v-show=\"formValidate.factor != 3 && formValidate.factor != 4 && formValidate.is_content == 1\"\r\n              >\r\n                <WangEditor\r\n                  style=\"width: 90%\"\r\n                  :content=\"formValidate.content\"\r\n                  @editorContent=\"getEditorContent\"\r\n                ></WangEditor>\r\n              </el-form-item>\r\n              <el-form-item label=\"活动状态：\" prop=\"status\" label-for=\"status\">\r\n                <el-switch\r\n                  class=\"defineSwitch\"\r\n                  :active-value=\"1\"\r\n                  :inactive-value=\"0\"\r\n                  v-model=\"formValidate.status\"\r\n                  size=\"large\"\r\n                  active-text=\"开启\"\r\n                  inactive-text=\"关闭\"\r\n                >\r\n                </el-switch>\r\n              </el-form-item>\r\n            </div>\r\n            <el-form-item>\r\n              <el-button type=\"primary\" :loading=\"submitOpen\" v-db-click @click=\"next('formValidate')\">提交</el-button>\r\n            </el-form-item>\r\n          </el-form>\r\n        </el-col>\r\n      </el-row>\r\n    </el-card>\r\n\r\n    <!-- 上传图片-->\r\n    <el-dialog :visible.sync=\"modalPic\" width=\"950px\" title=\"上传商品图\" :close-on-click-modal=\"false\">\r\n      <uploadPictures :isChoice=\"isChoice\" @getPic=\"getPic\" v-if=\"modalPic\"></uploadPictures>\r\n    </el-dialog>\r\n    <!-- 上传图片-->\r\n    <el-dialog :visible.sync=\"addGoodsModel\" width=\"720px\" :title=\"title\" :close-on-click-modal=\"false\">\r\n      <addGoods ref=\"addGoodsForm\" v-if=\"addGoodsModel\" @addGoodsData=\"addGoodsData\" :editData=\"editData\"></addGoods>\r\n      <div class=\"acea-row row-right mt20\">\r\n        <el-button v-db-click @click=\"addGoodsModel = false\">取消</el-button>\r\n        <el-button type=\"primary\" v-db-click @click=\"submitAddGoods\">提交</el-button>\r\n      </div>\r\n    </el-dialog>\r\n    <!-- 用户标签 -->\r\n    <el-dialog\r\n      :visible.sync=\"selectLabelShow\"\r\n      scrollable\r\n      title=\"请选择用户标签\"\r\n      :closable=\"false\"\r\n      width=\"540px\"\r\n      :footer-hide=\"true\"\r\n      :mask-closable=\"false\"\r\n    >\r\n      <userLabel\r\n        v-if=\"selectLabelShow\"\r\n        :uid=\"0\"\r\n        ref=\"userLabel\"\r\n        :only_get=\"true\"\r\n        :selectDataLabel=\"selectDataLabel\"\r\n        @activeData=\"activeSelectData\"\r\n        @close=\"labelClose\"\r\n      ></userLabel>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport goodsList from '@/components/goodsList/index';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport userLabel from '@/components/userLabel';\r\nimport addGoods from './addGoods';\r\nimport { lotteryNewDetailApi, lotteryDetailApi, lotteryCreateApi, lotteryEditApi } from '@/api/lottery'; //详情 创建 编辑\r\nimport { lotteryFrom } from './formRule/lotteryFrom';\r\nimport { labelListApi } from '@/api/product';\r\nimport { levelListApi } from '@/api/user';\r\nimport WangEditor from '@/components/wangEditor/index.vue';\r\n\r\nimport { formatDate } from '@/utils/validate';\r\nimport { formatRichText } from '@/utils/editorImg';\r\nimport Sortable from 'sortablejs';\r\n\r\nexport default {\r\n  name: 'lotteryCreate',\r\n  components: {\r\n    goodsList,\r\n    uploadPictures,\r\n    addGoods,\r\n    WangEditor,\r\n    userLabel,\r\n  },\r\n  data() {\r\n    return {\r\n      selectDataLabel: [],\r\n      selectLabelShow: false,\r\n      content: '',\r\n      tabs: [\r\n        {\r\n          name: '积分抽取',\r\n          type: '1',\r\n        },\r\n        {\r\n          name: '订单支付',\r\n          type: '3',\r\n        },\r\n        {\r\n          name: '订单评价',\r\n          type: '4',\r\n        },\r\n      ],\r\n      title: '添加商品',\r\n      loading: false,\r\n      userLabelList: [], //用户标签列表\r\n      userLevelListApi: [], //用户等级列表\r\n      submitOpen: false,\r\n      spinShow: false,\r\n      addGoodsModel: false,\r\n      editData: {},\r\n      myConfig: {\r\n        autoHeightEnabled: false, // 编辑器不自动被内容撑高\r\n        initialFrameHeight: 500, // 初始容器高度\r\n        initialFrameWidth: '100%', // 初始容器宽度\r\n        UEDITOR_HOME_URL: '/UEditor/',\r\n        serverUrl: '',\r\n      },\r\n      isChoice: '单选',\r\n      current: 0,\r\n      modalPic: false,\r\n      modal_loading: false,\r\n      images: [],\r\n      templateList: [\r\n        { id: -1, name: '不限制会员类型' },\r\n        { id: 0, name: '非付费会员' },\r\n        { id: 1, name: '付费会员' },\r\n      ],\r\n      specsData: [\r\n        {\r\n          type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n          name: '', //活动名称\r\n          num: 10, //奖品数量\r\n          image: '', //奖品图片\r\n          chance: 1, //中奖权重\r\n          total: 0, //奖品数量\r\n          percent: 0, //中奖概率\r\n          min_try_num: 0, //抽奖次数尝试\r\n          prompt: '', //提示语\r\n        },\r\n        {\r\n          type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n          name: '', //活动名称\r\n          num: 10, //奖品数量\r\n          image: '', //奖品图片\r\n          chance: 1, //中奖权重\r\n          total: 0, //奖品数量\r\n          percent: 0, //中奖概率\r\n          min_try_num: 0, //抽奖次数尝试\r\n          prompt: '', //提示语\r\n        },\r\n        {\r\n          type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n          name: '', //活动名称\r\n          num: 10, //奖品数量\r\n          image: '', //奖品图片\r\n          chance: 1, //中奖权重\r\n          total: 0, //奖品数量\r\n          percent: 0, //中奖概率\r\n          min_try_num: 0, //抽奖次数尝试\r\n          prompt: '', //提示语\r\n        },\r\n        {\r\n          type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n          name: '', //活动名称\r\n          num: 10, //奖品数量\r\n          image: '', //奖品图片\r\n          chance: 1, //中奖权重\r\n          total: 0, //奖品数量\r\n          percent: 0, //中奖概率\r\n          min_try_num: 0, //抽奖次数尝试\r\n          prompt: '', //提示语\r\n        },\r\n        {\r\n          type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n          name: '', //活动名称\r\n          num: 10, //奖品数量\r\n          image: '', //奖品图片\r\n          chance: 1, //中奖权重\r\n          total: 0, //奖品数量\r\n          percent: 0, //中奖概率\r\n          min_try_num: 0, //抽奖次数尝试\r\n          prompt: '', //提示语\r\n        },\r\n        {\r\n          type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n          name: '', //活动名称\r\n          num: 10, //奖品数量\r\n          image: '', //奖品图片\r\n          chance: 1, //中奖权重\r\n          total: 0, //奖品数量\r\n          percent: 0, //中奖概率\r\n          min_try_num: 0, //抽奖次数尝试\r\n          prompt: '', //提示语\r\n        },\r\n        {\r\n          type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n          name: '', //活动名称\r\n          num: 10, //奖品数量\r\n          image: '', //奖品图片\r\n          chance: 1, //中奖权重\r\n          total: 0, //奖品数量\r\n          percent: 0, //中奖概率\r\n          min_try_num: 0, //抽奖次数尝试\r\n          prompt: '', //提示语\r\n        },\r\n        {\r\n          type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n          name: '', //活动名称\r\n          num: 10, //奖品数量\r\n          image: '', //奖品图片\r\n          chance: 1, //中奖权重\r\n          total: 0, //奖品数量\r\n          percent: 0, //中奖概率\r\n          min_try_num: 0, //抽奖次数尝试\r\n          prompt: '', //提示语\r\n        },\r\n      ],\r\n      formValidate: {\r\n        images: [],\r\n        name: '', //活动名称\r\n        desc: '', //活动描述\r\n        image: '', //活动背景图\r\n        factor: '1', //抽奖类型：1:积分 2:余额 3：下单支付成功 4:订单评价',5:关注\r\n        factor_num: 1, //获取一次抽奖的条件数量\r\n        attends_user: 1, //参与用户1：所有  2：部分\r\n        user_level: [], //参与用户等级\r\n        user_label: [], //参与用户标签\r\n        is_svip: '', //参与用户是否付费会员\r\n        prize_num: 0, //奖品数量\r\n        period: [], //活动时间\r\n        prize: [], //奖品数组\r\n        lottery_num_term: 1, //抽奖次数限制：1：每天2：每人\r\n        lottery_num: 1, //抽奖次数\r\n        spread_num: 1, //关注推广获取抽奖次数\r\n        is_all_record: 0, //中奖纪录展示\r\n        is_personal_record: 0, //个人中奖纪录展示\r\n        is_content: 0, //活动规格是否展示\r\n        content: '', //富文本内容\r\n        status: 0, //状态\r\n      },\r\n      ruleValidate: lotteryFrom,\r\n      currentid: '',\r\n      picTit: '',\r\n      tableIndex: 0,\r\n      copy: 0,\r\n      editIndex: null,\r\n      id: '',\r\n      copy: 0,\r\n      lottery_id: 0,\r\n    };\r\n  },\r\n  filters: {\r\n    typeName(type) {\r\n      if (type == 1) {\r\n        return '未中奖';\r\n      } else if (type == 2) {\r\n        return '积分';\r\n      } else if (type == 3) {\r\n        return '余额';\r\n      } else if (type == 4) {\r\n        return '红包';\r\n      } else if (type == 5) {\r\n        return '优惠券';\r\n      } else if (type == 6) {\r\n        return '商品';\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState('admin/layout', ['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  },\r\n  mounted() {\r\n    this.labelListApi();\r\n    this.levelListApi();\r\n    if (this.$route.query.type) {\r\n      this.formValidate.factor = this.$route.query.type;\r\n    }\r\n    if (this.$route.query.lottery_id) {\r\n      this.lottery_id = this.$route.query.lottery_id;\r\n      this.getInfo();\r\n    }\r\n    this.$nextTick((e) => {\r\n      this.setSort();\r\n    });\r\n  },\r\n  methods: {\r\n    submitAddGoods() {\r\n      this.$refs.addGoodsForm.handleSubmit('formValidate');\r\n    },\r\n    changeUsers(e) {\r\n      if (e == 1) {\r\n        this.formValidate.user_level = []; //参与用户等级\r\n        this.formValidate.user_label = []; //参与用户标签\r\n        this.formValidate.is_svip = '-1'; //参与用户是否付费会员\r\n        this.selectDataLabel = []; //参与用户是否付费会员\r\n      }\r\n    },\r\n    // 标签弹窗关闭\r\n    labelClose() {\r\n      this.selectLabelShow = false;\r\n    },\r\n    activeSelectData(data) {\r\n      this.selectLabelShow = false;\r\n      this.selectDataLabel = data;\r\n    },\r\n    onClickTab(e) {\r\n      if (this.lottery_id) this.getInfo();\r\n    },\r\n    getEditorContent(data) {\r\n      this.content = data;\r\n    },\r\n    //用户标签列表\r\n    labelListApi() {\r\n      labelListApi().then((res) => {\r\n        this.userLabelList = res.data.list;\r\n      });\r\n    },\r\n    //用户等级列表\r\n    levelListApi() {\r\n      levelListApi().then((res) => {\r\n        this.userLevelListApi = res.data.list;\r\n      });\r\n    },\r\n    // 具体日期\r\n    onchangeTime(e) {\r\n      this.$set(this.formValidate, 'period', e);\r\n    },\r\n    // 详情\r\n    getInfo(e) {\r\n      this.spinShow = true;\r\n      lotteryDetailApi(this.lottery_id)\r\n        .then((res) => {\r\n          if (res.status == 200 && !Array.isArray(res.data)) {\r\n            this.formValidate = res.data;\r\n            this.formValidate.user_level = res.data.user_level || [];\r\n            this.selectDataLabel = res.data.user_label || [];\r\n            this.formValidate.is_svip = res.data.is_svip;\r\n            this.content = res.data.is_content ? res.data.content : '';\r\n            this.formValidate.factor = res.data.factor.toString();\r\n            this.$set(this.formValidate, 'period', [\r\n              this.formatDate(res.data.start_time) || '',\r\n              this.formatDate(res.data.end_time) || '',\r\n            ]);\r\n            this.specsData = res.data.prize;\r\n            this.getProbability();\r\n          } else {\r\n            this.formValidate = {\r\n              images: [],\r\n              name: '', //活动名称\r\n              desc: '', //活动描述\r\n              image: '', //活动背景图\r\n              factor: e.toString(), //抽奖类型：1:积分 2:余额 3：下单支付成功 4:订单评价',5:关注\r\n              factor_num: 1, //获取一次抽奖的条件数量\r\n              attends_user: 1, //参与用户1：所有  2：部分\r\n              user_level: [], //参与用户等级\r\n              user_label: [], //参与用户标签\r\n              is_svip: '-1', //参与用户是否付费会员\r\n              prize_num: 0, //奖品数量\r\n              period: [], //活动时间\r\n              prize: [], //奖品数组\r\n              lottery_num_term: 1, //抽奖次数限制：1：每天2：每人\r\n              lottery_num: 1, //抽奖次数\r\n              spread_num: 1, //关注推广获取抽奖次数\r\n              is_all_record: 0, //中奖纪录展示\r\n              is_personal_record: 0, //个人中奖纪录展示\r\n              is_content: 0, //活动规格是否展示\r\n              content: '', //富文本内容\r\n              status: 0, //状态\r\n            };\r\n            this.specsData = [\r\n              {\r\n                type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n                name: '', //活动名称\r\n                num: 10, //奖品数量\r\n                image: '', //奖品图片\r\n                chance: 1, //中奖权重\r\n                total: 0, //奖品数量\r\n                percent: 0, //中奖概率\r\n                min_try_num: 0, //抽奖次数尝试\r\n                prompt: '', //提示语\r\n              },\r\n              {\r\n                type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n                name: '', //活动名称\r\n                num: 10, //奖品数量\r\n                image: '', //奖品图片\r\n                chance: 1, //中奖权重\r\n                total: 0, //奖品数量\r\n                percent: 0, //中奖概率\r\n                min_try_num: 0, //抽奖次数尝试\r\n                prompt: '', //提示语\r\n              },\r\n              {\r\n                type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n                name: '', //活动名称\r\n                num: 10, //奖品数量\r\n                image: '', //奖品图片\r\n                chance: 1, //中奖权重\r\n                total: 0, //奖品数量\r\n                percent: 0, //中奖概率\r\n                min_try_num: 0, //抽奖次数尝试\r\n                prompt: '', //提示语\r\n              },\r\n              {\r\n                type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n                name: '', //活动名称\r\n                num: 10, //奖品数量\r\n                image: '', //奖品图片\r\n                chance: 1, //中奖权重\r\n                total: 0, //奖品数量\r\n                percent: 0, //中奖概率\r\n                min_try_num: 0, //抽奖次数尝试\r\n                prompt: '', //提示语\r\n              },\r\n              {\r\n                type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n                name: '', //活动名称\r\n                num: 10, //奖品数量\r\n                image: '', //奖品图片\r\n                chance: 1, //中奖权重\r\n                total: 0, //奖品数量\r\n                percent: 0, //中奖概率\r\n                min_try_num: 0, //抽奖次数尝试\r\n                prompt: '', //提示语\r\n              },\r\n              {\r\n                type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n                name: '', //活动名称\r\n                num: 10, //奖品数量\r\n                image: '', //奖品图片\r\n                chance: 1, //中奖权重\r\n                total: 0, //奖品数量\r\n                percent: 0, //中奖概率\r\n                min_try_num: 0, //抽奖次数尝试\r\n                prompt: '', //提示语\r\n              },\r\n              {\r\n                type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n                name: '', //活动名称\r\n                num: 10, //奖品数量\r\n                image: '', //奖品图片\r\n                chance: 1, //中奖权重\r\n                total: 0, //奖品数量\r\n                percent: 0, //中奖概率\r\n                min_try_num: 0, //抽奖次数尝试\r\n                prompt: '', //提示语\r\n              },\r\n              {\r\n                type: 1, //类型 1：未中奖 2：积分  3:余额  4：红包 5:优惠券 6：站内商品\r\n                name: '', //活动名称\r\n                num: 10, //奖品数量\r\n                image: '', //奖品图片\r\n                chance: 1, //中奖权重\r\n                total: 0, //奖品数量\r\n                percent: 0, //中奖概率\r\n                min_try_num: 0, //抽奖次数尝试\r\n                prompt: '', //提示语\r\n              },\r\n            ];\r\n          }\r\n          this.$nextTick((e) => {\r\n            this.spinShow = false;\r\n          });\r\n        })\r\n        .catch((err) => {});\r\n    },\r\n    // 下一步\r\n    next(name) {\r\n      this.formValidate.prize = this.specsData;\r\n      if (this.formValidate.is_content) {\r\n        this.formValidate.content = formatRichText(this.content);\r\n      }\r\n      if (this.formValidate.attends_user == 2) {\r\n        if (this.selectDataLabel.length) {\r\n          let activeIds = [];\r\n          this.selectDataLabel.forEach((item) => {\r\n            activeIds.push(item.id);\r\n          });\r\n          this.formValidate.user_label = activeIds;\r\n        }\r\n      }\r\n      if (this.submitOpen) return false;\r\n      this.$refs[name].validate((valid) => {\r\n        if (valid) {\r\n          this.submitOpen = true;\r\n          if (this.formValidate.id && !this.copy) {\r\n            lotteryEditApi(this.formValidate.id, this.formValidate)\r\n              .then(async (res) => {\r\n                this.$message.success(res.msg);\r\n                this.submitOpen = false;\r\n                setTimeout(() => {\r\n                  this.$router.push({\r\n                    path: '/admin/marketing/lottery/list',\r\n                  });\r\n                }, 500);\r\n              })\r\n              .catch((res) => {\r\n                this.submitOpen = false;\r\n                this.$message.error(res.msg);\r\n              });\r\n          } else {\r\n            lotteryCreateApi(this.formValidate)\r\n              .then(async (res) => {\r\n                this.submitOpen = false;\r\n                this.$message.success(res.msg);\r\n                setTimeout(() => {\r\n                  this.$router.push({\r\n                    path: '/admin/marketing/lottery/list',\r\n                  });\r\n                }, 500);\r\n              })\r\n              .catch((res) => {\r\n                this.submitOpen = false;\r\n                this.$message.error(res.msg);\r\n              });\r\n          }\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    // 上一步\r\n    step() {\r\n      this.current--;\r\n    },\r\n    // 点击商品图\r\n    modalPicTap(tit, picTit, index) {\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          break;\r\n        default:\r\n          this.specsData[this.tableIndex].image = pc.att_dir;\r\n      }\r\n      this.modalPic = false;\r\n    },\r\n    handleRemove() {\r\n      this.formValidate.image = '';\r\n    },\r\n    // 表单验证\r\n    validate(prop, status, error) {\r\n      if (status === false) {\r\n        this.$message.error(error);\r\n        return false;\r\n      } else {\r\n        return true;\r\n      }\r\n    },\r\n    //新增商品\r\n    addGoods() {\r\n      this.addGoodsModel = true;\r\n      this.title = '添加商品';\r\n      this.editData = {};\r\n    },\r\n    //编辑商品\r\n    editGoods(index) {\r\n      this.addGoodsModel = true;\r\n      this.title = '添加奖品';\r\n      this.editData = this.specsData[index];\r\n      this.editIndex = index;\r\n    },\r\n    //删除商品\r\n    deleteGoods(index) {\r\n      this.specsData.splice(index, 1);\r\n    },\r\n    //获取数组中某个字段之和\r\n    sumArr(arr, name) {\r\n      let arrData = [];\r\n      for (let i = 0; i < arr.length; i++) {\r\n        arrData.push(arr[i][name]);\r\n      }\r\n      return eval(arrData.join('+'));\r\n    },\r\n    addGoodsData(data) {\r\n      this.editIndex != null\r\n        ? this.$set(this.specsData, [this.editIndex], data)\r\n        : this.specsData.length < 8\r\n        ? this.specsData.push(data)\r\n        : this.$message.warning('最多添加8个奖品');\r\n      this.getProbability();\r\n      this.addGoodsModel = false;\r\n      this.editIndex = null;\r\n    },\r\n    changeChance(e, index) {\r\n      console.log(e, index);\r\n      let value = e.target.value;\r\n      this.$set(this.specsData[index], 'percent', value);\r\n    },\r\n    changeTotal(data, index) {\r\n      this.$set(this.specsData[index], 'total', data);\r\n    },\r\n    //获取商品中奖概率\r\n    getProbability() {\r\n      let sum = 0;\r\n      sum = this.sumArr(this.specsData, 'chance');\r\n      for (let j = 0; j < this.specsData.length; j++) {\r\n        if (sum == 0) {\r\n          this.$set(this.specsData[j], 'probability', '0%');\r\n        } else {\r\n          this.$set(this.specsData[j], 'probability', ((this.specsData[j].chance / sum) * 100).toFixed(2) + '%');\r\n        }\r\n      }\r\n    },\r\n    //修改排序\r\n    onDragDrop(a, b) {\r\n      this.specsData.splice(b, 1, ...this.specsData.splice(a, 1, this.specsData[b]));\r\n    },\r\n    setSort() {\r\n      // ref一定跟table上面的ref一致\r\n      const el = this.$refs.selection.$el.querySelectorAll('.el-table__body-wrapper > table > tbody')[0];\r\n      this.sortable = Sortable.create(el, {\r\n        ghostClass: 'sortable-ghost',\r\n        handle: '.handle',\r\n        setData: function (dataTransfer) {\r\n          dataTransfer.setData('Text', '');\r\n        },\r\n        // 监听拖拽事件结束时触发\r\n        onEnd: (evt) => {\r\n          this.elChangeExForArray(evt.oldIndex, evt.newIndex, this.specsData);\r\n        },\r\n      });\r\n    },\r\n    elChangeExForArray(index1, index2, array, init) {\r\n      const arr = array;\r\n      const temp = array[index1];\r\n      const tempt = array[index2];\r\n      if (init) {\r\n        arr[index2] = tempt;\r\n        arr[index1] = temp;\r\n      } else {\r\n        arr[index1] = tempt;\r\n        arr[index2] = temp;\r\n      }\r\n      this.specsData = [];\r\n      this.$nextTick((e) => {\r\n        this.specsData = arr;\r\n      });\r\n    },\r\n    //时间格式转换\r\n    formatDate(time) {\r\n      if (time) {\r\n        let date = new Date(time * 1000);\r\n        return formatDate(date, 'yyyy-MM-dd hh:mm');\r\n      } else {\r\n        return '';\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.content_width {\r\n  width: 460px;\r\n}\r\n::v-deep .el-tabs__item {\r\n  height: 54px !important;\r\n  line-height: 54px !important;\r\n}\r\n.custom-label {\r\n  display: inline-flex;\r\n  line-height: 1.5;\r\n}\r\n.grey {\r\n  color: #999;\r\n}\r\n.maxW ::v-deep .ivu-select-dropdown {\r\n  max-width: 600px;\r\n}\r\n.ivu-table-wrapper {\r\n  border-left: 1px solid #dcdee2;\r\n  border-top: 1px solid #dcdee2;\r\n}\r\n.tabBox_img {\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n.tabBox_img img {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.priceBox {\r\n  width: 100%;\r\n}\r\n.form {\r\n  .picBox {\r\n    display: inline-block;\r\n    cursor: pointer;\r\n  }\r\n  .pictrue {\r\n    width: 58px;\r\n    height: 58px;\r\n    border: 1px dotted rgba(0, 0, 0, 0.1);\r\n    margin-right: 0px;\r\n    display: inline-block;\r\n    position: relative;\r\n    cursor: pointer;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n    .btndel {\r\n      position: absolute;\r\n      z-index: 9;\r\n      font-size: 20px;\r\n      left: 46px;\r\n      top: -4px;\r\n    }\r\n  }\r\n  .upLoad {\r\n    width: 58px;\r\n    height: 58px;\r\n    line-height: 58px;\r\n    border: 1px dotted rgba(0, 0, 0, 0.1);\r\n    border-radius: 4px;\r\n    background: rgba(0, 0, 0, 0.02);\r\n    cursor: pointer;\r\n  }\r\n}\r\n.labelInput {\r\n  border: 1px solid #dcdee2;\r\n  padding: 0 15px;\r\n  width: 460px;\r\n  border-radius: 5px;\r\n  min-height: 30px;\r\n  cursor: pointer;\r\n  .span {\r\n    font-size: 12px;\r\n    color: #c5c8ce;\r\n  }\r\n  .ivu-icon-ios-arrow-down {\r\n    font-size: 14px;\r\n    color: #808695;\r\n  }\r\n}\r\n</style>\r\n"]}]}