| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\live\\creat_live.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\live\\creat_live.vue","mtime":1761614939031},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"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:DQppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOw0KaW1wb3J0IHVwbG9hZFBpY3R1cmVzIGZyb20gJ0AvY29tcG9uZW50cy91cGxvYWRQaWN0dXJlcyc7DQppbXBvcnQgeyBsaXZlQWRkLCBsaXZlQXVjaG9yTGlzdCB9IGZyb20gJ0AvYXBpL2xpdmUnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnY3JlYXRfbGl2ZScsDQogIGNvbXBvbmVudHM6IHsNCiAgICB1cGxvYWRQaWN0dXJlcywNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICAuLi5tYXBTdGF0ZSgnbWVkaWEnLCBbJ2lzTW9iaWxlJ10pLA0KICAgIGxhYmVsV2lkdGgoKSB7DQogICAgICByZXR1cm4gdGhpcy5pc01vYmlsZSA/IHVuZGVmaW5lZCA6ICcxMjBweCc7DQogICAgfSwNCiAgICBsYWJlbFBvc2l0aW9uKCkgew0KICAgICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyAndG9wJyA6ICdyaWdodCc7DQogICAgfSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgZ3JpZEJ0bjogew0KICAgICAgICB4bDogNCwNCiAgICAgICAgbGc6IDgsDQogICAgICAgIG1kOiA4LA0KICAgICAgICBzbTogOCwNCiAgICAgICAgeHM6IDgsDQogICAgICB9LA0KICAgICAgZ3JpZFBpYzogew0KICAgICAgICB4bDogNiwNCiAgICAgICAgbGc6IDgsDQogICAgICAgIG1kOiAxMiwNCiAgICAgICAgc206IDEyLA0KICAgICAgICB4czogMTIsDQogICAgICB9LA0KICAgICAgZ3JpZDogew0KICAgICAgICB4bDogMTAsDQogICAgICAgIGxnOiAxNiwNCiAgICAgICAgbWQ6IDE4LA0KICAgICAgICBzbTogMjQsDQogICAgICAgIHhzOiAyNCwNCiAgICAgIH0sDQogICAgICBsb2FkaW5nOiBmYWxzZSwNCiAgICAgIGZvcm1WYWxpZGF0ZTogew0KICAgICAgICBuYW1lOiAnJywNCiAgICAgICAgYW5jaG9yX25hbWU6ICcnLA0KICAgICAgICBhbmNob3Jfd2VjaGF0OiAnJywNCiAgICAgICAgcGhvbmU6ICcnLA0KICAgICAgICBzY3JlZW5fdHlwZTogMCwNCiAgICAgICAgY2xvc2VfbGlrZTogMSwNCiAgICAgICAgY2xvc2VfZ29vZHM6IDEsDQogICAgICAgIGNsb3NlX2NvbW1lbnQ6IDEsDQogICAgICAgIGNvdmVyX2ltZzogJycsDQogICAgICAgIHNoYXJlX2ltZzogJycsDQogICAgICAgIHNvcnQ6IDAsDQogICAgICAgIHR5cGU6IDAsDQogICAgICAgIHN0YXJ0X3RpbWU6ICcnLA0KICAgICAgfSwNCiAgICAgIHNjcmVlbl90eXBlOiBbDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ+erluWxjycsDQogICAgICAgICAgbGFiZWw6IDAsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ+aoquWxjycsDQogICAgICAgICAgbGFiZWw6IDEsDQogICAgICAgIH0sDQogICAgICBdLA0KICAgICAgdHlwZTogWw0KICAgICAgICAvLyB7DQogICAgICAgIC8vICAgICB2YWx1ZTon5o6o5rWBJywNCiAgICAgICAgLy8gICAgIGxhYmVsOjENCiAgICAgICAgLy8gfSwNCiAgICAgICAgew0KICAgICAgICAgIHZhbHVlOiAn5omL5py655u05pKtJywNCiAgICAgICAgICBsYWJlbDogMCwNCiAgICAgICAgfSwNCiAgICAgIF0sDQogICAgICBjbG9zZV9saWtlOiBbDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ+W8gOWQrycsDQogICAgICAgICAgbGFiZWw6IDEsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ+WFs+mXrScsDQogICAgICAgICAgbGFiZWw6IDAsDQogICAgICAgIH0sDQogICAgICBdLA0KICAgICAgY2xvc2VfZ29vZHM6IFsNCiAgICAgICAgew0KICAgICAgICAgIHZhbHVlOiAn5byA5ZCvJywNCiAgICAgICAgICBsYWJlbDogMSwNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIHZhbHVlOiAn5YWz6ZetJywNCiAgICAgICAgICBsYWJlbDogMCwNCiAgICAgICAgfSwNCiAgICAgIF0sDQogICAgICBjbG9zZV9jb21tZW50OiBbDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ+W8gOWQrycsDQogICAgICAgICAgbGFiZWw6IDEsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICB2YWx1ZTogJ+WFs+mXrScsDQogICAgICAgICAgbGFiZWw6IDAsDQogICAgICAgIH0sDQogICAgICBdLA0KICAgICAgdGltZVZhbDogJycsDQogICAgICBtb2RhbFBpYzogZmFsc2UsDQogICAgICBpc0Nob2ljZTogJ+WNlemAiScsDQogICAgICBhY3RpdmVJbmRleDogMCwNCiAgICAgIGxpdmVMaXN0OiBbXSwNCiAgICAgIG1vZGFsMzogZmFsc2UsDQogICAgICBydWxlVmFsaWRhdGU6IHsNCiAgICAgICAgYW5jaG9yX3dlY2hhdDogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICdQbGVhc2Ugc2VsZWN0IHRoZSBjaXR5JywgdHJpZ2dlcjogJ2NoYW5nZScgfV0sDQogICAgICAgIG5hbWU6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAnVGhlIG5hbWUgY2Fubm90IGJlIGVtcHR5JywgdHJpZ2dlcjogJ2JsdXInIH1dLA0KICAgICAgfSwNCiAgICB9Ow0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuZ2V0TGl2ZSgpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgY2FuY2VsKCkgew0KICAgICAgdGhpcy5tb2RhbDMgPSBmYWxzZTsNCiAgICB9LA0KICAgIGNvZGVJbWcoKSB7DQogICAgICB0aGlzLm1vZGFsMyA9IHRydWU7DQogICAgfSwNCiAgICBhbmNob3JOYW1lKGUpIHsNCiAgICAgIHRoaXMubGl2ZUxpc3QuZmlsdGVyKChlbCwgaW5kZXgpID0+IHsNCiAgICAgICAgaWYgKGVsLndlY2hhdCA9PT0gZSkgew0KICAgICAgICAgIHRoaXMuZm9ybVZhbGlkYXRlLmFuY2hvcl9uYW1lID0gZWwubmFtZTsNCiAgICAgICAgfQ0KICAgICAgfSk7DQogICAgfSwNCiAgICAvL+S4u+aSreWIl+ihqO+8mw0KICAgIGdldExpdmUoKSB7DQogICAgICBsZXQgZm9ybVZhbGlkYXRlID0gew0KICAgICAgICBrZXJ3b3JkOiAnJywNCiAgICAgICAgcGFnZTogJycsDQogICAgICAgIGxpbWl0OiAnJywNCiAgICAgIH07DQogICAgICBsaXZlQXVjaG9yTGlzdChmb3JtVmFsaWRhdGUpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLmxpdmVMaXN0ID0gcmVzLmRhdGEubGlzdDsNCiAgICAgICAgfSkNCiAgICAgICAgLmNhdGNoKChlcnJvcikgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZXJyb3IubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICAvLyDngrnlh7vlm77mloflsIHpnaINCiAgICBtb2RhbFBpY1RhcCh0eXBlKSB7DQogICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gdHlwZTsNCiAgICAgIHRoaXMubW9kYWxQaWMgPSB0cnVlOw0KICAgIH0sDQogICAgLy8g6YCJ5oup5pel5pyfDQogICAgc2VsZWN0RGF0ZShlKSB7DQogICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5zdGFydF90aW1lID0gZTsNCiAgICB9LA0KICAgIC8vIOiOt+WPluWbvueJh+S/oeaBrw0KICAgIGdldFBpYyhwYykgew0KICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICBpZiAodGhpcy5hY3RpdmVJbmRleCA9PSAwKSB7DQogICAgICAgICAgdGhpcy5mb3JtVmFsaWRhdGUuY292ZXJfaW1nID0gcGMuYXR0X2RpcjsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLmZvcm1WYWxpZGF0ZS5zaGFyZV9pbWcgPSBwYy5hdHRfZGlyOw0KICAgICAgICB9DQogICAgICAgIHRoaXMubW9kYWxQaWMgPSBmYWxzZTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g5L+d5a2YDQogICAgaGFuZGxlU3VibWl0KG5hbWUpIHsNCiAgICAgIHRoaXMubG9hZGluZyA9IHRydWU7DQogICAgICBsaXZlQWRkKHRoaXMuZm9ybVZhbGlkYXRlKQ0KICAgICAgICAudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCfmt7vliqDmiJDlip8nKTsNCiAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHsNCiAgICAgICAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgICAgICAgdGhpcy4kcm91dGVyLnB1c2goeyBwYXRoOiB0aGlzLiRyb3V0ZVByb1N0ciArICcvbWFya2V0aW5nL2xpdmUvbGl2ZV9yb29tJyB9KTsNCiAgICAgICAgICB9LCA1MDApOw0KICAgICAgICB9KQ0KICAgICAgICAuY2F0Y2goKGVycm9yKSA9PiB7DQogICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7DQogICAgICAgICAgICB0aGlzLmxvYWRpbmcgPSBmYWxzZTsNCiAgICAgICAgICB9LCAxMDAwKTsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKGVycm9yLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["creat_live.vue"],"names":[],"mappings":";AAqOA;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;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"creat_live.vue","sourceRoot":"src/pages/marketing/live","sourcesContent":["<template>\r\n <div>\r\n <pages-header\r\n ref=\"pageHeader\"\r\n :title=\"$route.meta.title\"\r\n :backUrl=\"$routeProStr + '/marketing/live/live_room'\"\r\n ></pages-header>\r\n <el-card :bordered=\"false\" shadow=\"never\" class=\"mt16\">\r\n <el-form\r\n ref=\"formValidate\"\r\n :model=\"formValidate\"\r\n :label-width=\"labelWidth\"\r\n :label-position=\"labelPosition\"\r\n class=\"tabform\"\r\n :rules=\"ruleValidate\"\r\n @submit.native.prevent\r\n >\r\n <el-row :gutter=\"24\">\r\n <el-col :span=\"24\">\r\n <el-alert class=\"mb10\" type=\"warning\" show-icon :closable=\"false\">\r\n <span slot=\"title\"\r\n >必须前往微信小程序官方后台开通直播权限，关注<span\r\n style=\"color: red; cursor: pointer\"\r\n v-db-click\r\n @click=\"codeImg\"\r\n >【小程序直播】</span\r\n >须知直播状态</span\r\n >\r\n </el-alert>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"选择主播：\" prop=\"anchor_wechat\">\r\n <el-select\r\n v-model=\"formValidate.anchor_wechat\"\r\n filterable\r\n clearable\r\n class=\"content_width\"\r\n @change=\"anchorName\"\r\n >\r\n <el-option\r\n v-for=\"(item, index) in liveList\"\r\n :value=\"item.wechat\"\r\n :key=\"index\"\r\n :label=\"item.wechat\"\r\n ></el-option>\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"直播间名称：\" prop=\"name\">\r\n <el-input\r\n enter-button\r\n placeholder=\"请输入直播间名称\"\r\n element-id=\"name\"\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 <div style=\"display: flex\">\r\n <el-form-item label=\"背景图：\" prop=\"name\">\r\n <div v-db-click @click=\"modalPicTap(0)\" class=\"box\">\r\n <img :src=\"formValidate.cover_img\" alt=\"\" v-if=\"formValidate.cover_img\" />\r\n <div class=\"upload-box 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 <div class=\"desc\">尺寸：1080*1920px</div>\r\n </el-form-item>\r\n </div>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <div style=\"display: flex\">\r\n <el-form-item label=\"分享图：\" prop=\"name\">\r\n <div v-db-click @click=\"modalPicTap(1)\" class=\"box\">\r\n <img :src=\"formValidate.share_img\" alt=\"\" v-if=\"formValidate.share_img\" />\r\n <div class=\"upload-box 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 <div class=\"desc\">尺寸：800*640px</div>\r\n </el-form-item>\r\n </div>\r\n </el-col>\r\n <!--<el-col :span=\"24\">-->\r\n <!--<el-form-item label=\"主播昵称：\">-->\r\n <!--<el-input enter-button placeholder=\"请输入主播昵称\" element-id=\"anchor_name\" v-model=\"formValidate.anchor_name\" style=\"width: 60%;\"/>-->\r\n <!--</el-form-item>-->\r\n <!--</el-col>-->\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"联系电话：\">\r\n <el-input\r\n placeholder=\"请输入主播联系电话\"\r\n v-model=\"formValidate.phone\"\r\n class=\"content_width\"\r\n maxlength=\"11\"\r\n show-word-limit\r\n />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"直播时间：\" prop=\"name\">\r\n <el-date-picker\r\n clearable\r\n type=\"datetimerange\"\r\n format=\"yyyy-MM-dd HH:mm\"\r\n placeholder=\"请选择直播时间\"\r\n class=\"content_width\"\r\n v-model=\"timeVal\"\r\n @change=\"selectDate\"\r\n value-format=\"yyyy-MM-dd HH:mm\"\r\n range-separator=\"-\"\r\n start-placeholder=\"开始日期\"\r\n end-placeholder=\"结束日期\"\r\n ></el-date-picker>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"排序：\">\r\n <el-input type=\"number\" placeholder=\"0\" v-model=\"formValidate.sort\" class=\"content_width\" />\r\n </el-form-item>\r\n </el-col>\r\n <!-- <el-col :span=\"24\">\r\n <el-form-item label=\"显示样式：\">\r\n <el-radio-group v-model=\"formValidate.screen_type\">\r\n <el-radio :label=\"item.label\" v-for=\"(item, index) in screen_type\" :key=\"index\">\r\n <span>{{ item.value }}</span>\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=\"直播间类型：\">\r\n <el-radio-group v-model=\"formValidate.type\">\r\n <el-radio :label=\"item.label\" v-for=\"(item, index) in type\" :key=\"index\">\r\n <span>{{ item.value }}</span>\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=\"直播间点赞：\">\r\n <el-switch\r\n class=\"defineSwitch\"\r\n :active-value=\"1\"\r\n :inactive-value=\"0\"\r\n v-model=\"formValidate.close_like\"\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-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"直播卖货：\">\r\n <el-switch\r\n class=\"defineSwitch\"\r\n :active-value=\"1\"\r\n :inactive-value=\"0\"\r\n v-model=\"formValidate.close_goods\"\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-col>\r\n <el-col :span=\"24\">\r\n <el-form-item label=\"直播间评论：\">\r\n <el-switch\r\n class=\"defineSwitch\"\r\n :active-value=\"1\"\r\n :inactive-value=\"0\"\r\n v-model=\"formValidate.close_comment\"\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-col>\r\n </el-row>\r\n <el-row :gutter=\"24\">\r\n <el-col v-bind=\"grid\" :span=\"24\">\r\n <el-button\r\n :loading=\"loading\"\r\n type=\"primary\"\r\n style=\"margin-left: 120px\"\r\n v-db-click\r\n @click=\"handleSubmit('formItem')\"\r\n >\r\n 提交\r\n </el-button>\r\n <!-- <el-button\r\n type=\"primary\"\r\n v-db-click @click=\"handleSubmit('formItem')\"\r\n style=\"width: 19%; margin-left: 99px\"\r\n >提交</el-button\r\n > -->\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n </el-card>\r\n <div>\r\n <el-dialog :visible.sync=\"modalPic\" width=\"950px\" title=\"上传商品图\" :close-on-click-modal=\"false\" :z-index=\"888\">\r\n <uploadPictures\r\n :isChoice=\"isChoice\"\r\n @getPic=\"getPic\"\r\n :gridBtn=\"gridBtn\"\r\n :gridPic=\"gridPic\"\r\n v-if=\"modalPic\"\r\n ></uploadPictures>\r\n </el-dialog>\r\n </div>\r\n <el-dialog :visible.sync=\"modal3\" title=\"二维码\">\r\n <div class=\"acea-row row-around\">\r\n <div v-viewer class=\"QRpic\">\r\n <img src=\"https://res.wx.qq.com/op_res/9rSix1dhHfK4rR049JL0PHJ7TpOvkuZ3mE0z7Ou_Etvjf-w1J_jVX0rZqeStLfwh\" />\r\n </div>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport { liveAdd, liveAuchorList } from '@/api/live';\r\nexport default {\r\n name: 'creat_live',\r\n components: {\r\n uploadPictures,\r\n },\r\n computed: {\r\n ...mapState('media', ['isMobile']),\r\n labelWidth() {\r\n return this.isMobile ? undefined : '120px';\r\n },\r\n labelPosition() {\r\n return this.isMobile ? 'top' : 'right';\r\n },\r\n },\r\n data() {\r\n return {\r\n gridBtn: {\r\n xl: 4,\r\n lg: 8,\r\n md: 8,\r\n sm: 8,\r\n xs: 8,\r\n },\r\n gridPic: {\r\n xl: 6,\r\n lg: 8,\r\n md: 12,\r\n sm: 12,\r\n xs: 12,\r\n },\r\n grid: {\r\n xl: 10,\r\n lg: 16,\r\n md: 18,\r\n sm: 24,\r\n xs: 24,\r\n },\r\n loading: false,\r\n formValidate: {\r\n name: '',\r\n anchor_name: '',\r\n anchor_wechat: '',\r\n phone: '',\r\n screen_type: 0,\r\n close_like: 1,\r\n close_goods: 1,\r\n close_comment: 1,\r\n cover_img: '',\r\n share_img: '',\r\n sort: 0,\r\n type: 0,\r\n start_time: '',\r\n },\r\n screen_type: [\r\n {\r\n value: '竖屏',\r\n label: 0,\r\n },\r\n {\r\n value: '横屏',\r\n label: 1,\r\n },\r\n ],\r\n type: [\r\n // {\r\n // value:'推流',\r\n // label:1\r\n // },\r\n {\r\n value: '手机直播',\r\n label: 0,\r\n },\r\n ],\r\n close_like: [\r\n {\r\n value: '开启',\r\n label: 1,\r\n },\r\n {\r\n value: '关闭',\r\n label: 0,\r\n },\r\n ],\r\n close_goods: [\r\n {\r\n value: '开启',\r\n label: 1,\r\n },\r\n {\r\n value: '关闭',\r\n label: 0,\r\n },\r\n ],\r\n close_comment: [\r\n {\r\n value: '开启',\r\n label: 1,\r\n },\r\n {\r\n value: '关闭',\r\n label: 0,\r\n },\r\n ],\r\n timeVal: '',\r\n modalPic: false,\r\n isChoice: '单选',\r\n activeIndex: 0,\r\n liveList: [],\r\n modal3: false,\r\n ruleValidate: {\r\n anchor_wechat: [{ required: true, message: 'Please select the city', trigger: 'change' }],\r\n name: [{ required: true, message: 'The name cannot be empty', trigger: 'blur' }],\r\n },\r\n };\r\n },\r\n mounted() {\r\n this.getLive();\r\n },\r\n methods: {\r\n cancel() {\r\n this.modal3 = false;\r\n },\r\n codeImg() {\r\n this.modal3 = true;\r\n },\r\n anchorName(e) {\r\n this.liveList.filter((el, index) => {\r\n if (el.wechat === e) {\r\n this.formValidate.anchor_name = el.name;\r\n }\r\n });\r\n },\r\n //主播列表；\r\n getLive() {\r\n let formValidate = {\r\n kerword: '',\r\n page: '',\r\n limit: '',\r\n };\r\n liveAuchorList(formValidate)\r\n .then((res) => {\r\n this.liveList = res.data.list;\r\n })\r\n .catch((error) => {\r\n this.$message.error(error.msg);\r\n });\r\n },\r\n // 点击图文封面\r\n modalPicTap(type) {\r\n this.activeIndex = type;\r\n this.modalPic = true;\r\n },\r\n // 选择日期\r\n selectDate(e) {\r\n this.formValidate.start_time = e;\r\n },\r\n // 获取图片信息\r\n getPic(pc) {\r\n this.$nextTick(() => {\r\n if (this.activeIndex == 0) {\r\n this.formValidate.cover_img = pc.att_dir;\r\n } else {\r\n this.formValidate.share_img = pc.att_dir;\r\n }\r\n this.modalPic = false;\r\n });\r\n },\r\n // 保存\r\n handleSubmit(name) {\r\n this.loading = true;\r\n liveAdd(this.formValidate)\r\n .then((res) => {\r\n this.$message.success('添加成功');\r\n setTimeout(() => {\r\n this.loading = false;\r\n this.$router.push({ path: this.$routeProStr + '/marketing/live/live_room' });\r\n }, 500);\r\n })\r\n .catch((error) => {\r\n setTimeout(() => {\r\n this.loading = false;\r\n }, 1000);\r\n this.$message.error(error.msg);\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.QRpic {\r\n width: 180px;\r\n height: 180px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n.desc {\r\n font-size: 12px;\r\n color: #999;\r\n}\r\n.upload-box {\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.box {\r\n width: 60px;\r\n height: 60px;\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</style>\r\n"]}]}
|
