flow-pool.vue 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864
  1. <template>
  2. <view class="content">
  3. <view class="box-pack-between ft32 item flex-y-center flex-grow-1" style="margin: 0;">
  4. <text>模式设置</text>
  5. <view class="ft24 item-off flex">
  6. <view class="flex-grow-1 flex-center" @click="bindcheck(item.type)" :data-index="index" v-for="(item,index) of switch_list"
  7. :key="index" :class="item.type==moshi?'act':''">{{item.name}}</view>
  8. </view>
  9. </view>
  10. <block v-if="moshi==2">
  11. <view class="box-pack-between ft32 item flex-y-center flex-grow-1" style="margin: 0;">
  12. <text>展示方式</text>
  13. <view class="ft24 item-off flex">
  14. <view class="flex-grow-1 flex-center" @click="bindtime(item.type)" :data-index="index" v-for="(item,index) of switch_time"
  15. :key="index" :class="item.type==moshi_type?'act':''">{{item.name}}</view>
  16. </view>
  17. </view>
  18. <view class="item" v-if="moshi_type==1&&list_way.length>0">
  19. <view class="por list_way-item" v-if="item.name&&item.checked" v-for="(item,index) of list_way" :key='index'>
  20. <view class="flex-y-center">
  21. <image class="list_way-item-del" @click="delScene(index)" src="../../static/images/del.png"></image>
  22. <text class="">{{item.name}}</text>
  23. </view>
  24. </view>
  25. </view>
  26. <view class="item-bg" v-if="moshi_type==2">
  27. <view class="mgr57">
  28. <view class="box-pack-between" @click="getll">
  29. <text class="item-bg-32">默认流量池</text>
  30. <text class="iconfont icon-prev"></text>
  31. </view>
  32. <view style="margin-top: 20rpx;">
  33. <view class="por list_way-item" style="background: #FFFFFF;" v-if="item.name&&item.checked" v-for="(item,index) of list_way"
  34. :key='index'>
  35. <view class="flex-y-center">
  36. <image class="list_way-item-del" @click="delScene(index)" :data-index='index' src="../../static/images/del.png"></image>
  37. <text class="">{{item.name}}</text>
  38. </view>
  39. </view>
  40. </view>
  41. </view>
  42. <view class="mgr40">
  43. <view class="item-bg-32 box-pack-between" style="padding-bottom: 20rpx;">
  44. <text>优先级</text>
  45. <text class="enit" @click="enit" v-if="rule_val.length>0">重新编辑</text>
  46. </view>
  47. <view v-if="rule_val.length>0" class="main-home">
  48. <view class="main-home-deta" v-for="(item,index) of rule_val" :key='index'>
  49. <view class="box-pack-between">
  50. <text class="text-1 wd80px">{{item.type==2?'周':item.type==3?'月':'天'}}</text>
  51. <view class="text-1 wd180px"> {{item.type==1?item.val_name:item.val}}</view>
  52. <view class="text-1 wd200px">{{item.powerpool_name}}</view>
  53. </view>
  54. </view>
  55. </view>
  56. <block v-else>
  57. <dragSort :list="deta" :props="props" @bindlabel="bindTimeChange" @change="onDragSortChange"></dragSort>
  58. </block>
  59. </view>
  60. <view class="main-home" v-if="deta_index=='天'">
  61. <view class="main-home-deta" v-for="(item,index) of arr_time" :key='index'>
  62. <view class="box-pack-between">
  63. <text>{{item.time_name}}</text>
  64. <text @click="addfn">{{item.fnname}}</text>
  65. <image class="del" @click="del(index)" :data-title="item" src="../../static/images/del.png" mode=""></image>
  66. </view>
  67. </view>
  68. <view class="ft26 flex-center" @click="addtime">
  69. <view class="main-item">+添加时间 </view>
  70. </view>
  71. </view>
  72. <view class="main-home" v-if="deta_index=='周'">
  73. <view class="main-home-deta" v-for="(item,index) of week" :key='index'>
  74. <view class="box-pack-between">
  75. <text>{{item.week_name}}</text>
  76. <text @click="addfn">{{item.fnname}}</text>
  77. <image class="del" @click="del(index)" :data-title="item" src="../../static/images/del.png" mode=""></image>
  78. </view>
  79. </view>
  80. <view class="ft26 flex-center" @click="addtime">
  81. <view class="main-item">+添加星期</view>
  82. </view>
  83. </view>
  84. <view class="main-home" v-if="deta_index=='月'">
  85. <view class="main-home-deta" v-for="(item,index) of month" :key='index'>
  86. <view class="box-pack-between">
  87. <text>{{item.month_name}}</text>
  88. <text @click="addfn">{{item.fnname}}</text>
  89. <image class="del" @click="del(index)" :data-title="item" src="../../static/images/del.png" mode=""></image>
  90. </view>
  91. </view>
  92. <view class="ft26 flex-center" @click="addtime">
  93. <view class="main-item">+添加日期 </view>
  94. </view>
  95. </view>
  96. </view>
  97. </block>
  98. <!-- 授权 -->
  99. <zx-uni-popup ref="popup" type="bottom">
  100. <view class="shoot">
  101. <view class="flex shoot-header box-pack-between">
  102. <text class="" @click="cancel">取消</text>
  103. <text class="confirm" @click="confirm">确认</text>
  104. </view>
  105. <view class="flex">
  106. <block v-if="deta_index=='天'">
  107. <scroll-view scroll-y class="flex-grow-1 hg400">
  108. <view class="header-item flex-center" :class="act_index1==index?'act':''" @click="choise1" :data-title="item"
  109. :data-index="index" :key="index" v-for="(item,index) of time_list1">
  110. {{item}}
  111. </view>
  112. </scroll-view>
  113. <scroll-view scroll-y class="flex-grow-1 hg400">
  114. <view class="header-item flex-center" @click="choise2" :data-title="item" :data-index="index" :class="act_index2==index?'act':''"
  115. :key="index" v-for="(item,index) of time_list2">
  116. {{item}}
  117. </view>
  118. </scroll-view>
  119. </block>
  120. <block v-if="deta_index=='周'">
  121. <scroll-view scroll-y class="flex-grow-1 hg400">
  122. <view class="header-item flex-center" @click="choise1" :data-num="item.num" :data-title="item.name" :data-index="index"
  123. :class="act_index1==index?'act':''" :key="index" v-for="(item,index) of week1">
  124. {{item.name}}
  125. </view>
  126. </scroll-view>
  127. </block>
  128. <block v-if="deta_index=='月'">
  129. <scroll-view scroll-y class="flex-grow-1 hg400">
  130. <view class="header-item-month" @click="choise1" :data-num="item.num" :data-title="item.name" :data-index="index"
  131. :class="act_index1==index?'act':''" :key="index" v-for="(item,index) of month1">
  132. <view class="flex-center">
  133. {{item.name}}
  134. </view>
  135. </view>
  136. </scroll-view>
  137. </block>
  138. <scroll-view :class="deta_index=='月'?'wd40':''" scroll-y class="flex-grow-1 hg400" bindscrolltolower="bindscrolltolower">
  139. <view class="header-item text-1" @click="choise3" :data-title="item.name" :data-id="item.id" :data-index="index"
  140. :class="act_index3==index?'act':''" :key="index" v-for="(item,index) of list">
  141. {{item.name}}
  142. </view>
  143. </scroll-view>
  144. </view>
  145. </view>
  146. </zx-uni-popup>
  147. </view>
  148. </template>
  149. <script>
  150. import dragSort from '../../components/drag-sort/index.vue'
  151. import zxUniPopup from '@/components/zx-uni-popup/uni-popup.vue';
  152. export default {
  153. components: {
  154. dragSort,
  155. zxUniPopup,
  156. },
  157. props: {
  158. list_way: Array,
  159. thismoshi: Number,
  160. this_moshi_type: Number,
  161. rule_arr_val: Array,
  162. },
  163. watch: {
  164. thismoshi: {
  165. deep: true, // 深度监听
  166. handler(newVal, oldVal) {
  167. this.moshi = newVal;
  168. }
  169. },
  170. this_moshi_type: {
  171. deep: true,
  172. handler(newVal, oldVal) {
  173. this.moshi_type = newVal;
  174. }
  175. },
  176. rule_arr_val: {
  177. deep: true,
  178. handler(newVal, oldVal) {
  179. var rule_arr = [];
  180. for (var i of newVal) {
  181. if (i.type == 1) {
  182. var val_arr = i.val.split(",");
  183. var pp = val_arr[0] + ':00' + '-' + val_arr[1] + ':00';
  184. i.val_name = pp;
  185. }
  186. rule_arr.push(i.type + '-' + i.val + '-' + i.powerpool_id);
  187. }
  188. this.rule_val = newVal;
  189. this.$emit('confirm', rule_arr.join(";"))
  190. }
  191. },
  192. },
  193. data() {
  194. return {
  195. rule_val: [],
  196. moshi: this.thismoshi,
  197. moshi_type: this.this_moshi_type,
  198. switch_list: [{
  199. name: "普通模式",
  200. type: 1,
  201. }, {
  202. name: "高级模式",
  203. type: 2,
  204. }, ],
  205. switch_time: [{
  206. name: "时间",
  207. type: 2,
  208. },
  209. {
  210. name: "轮询",
  211. type: 1,
  212. },
  213. ],
  214. props: {
  215. label: 'label'
  216. },
  217. deta: [{
  218. label: "天"
  219. },
  220. {
  221. label: "周"
  222. },
  223. {
  224. label: "月"
  225. },
  226. ],
  227. deta_index: -1,
  228. time_list1: [
  229. "01:00",
  230. "02:00",
  231. "03:00", "04:00", "05:00", "06:00", "07:00", "08:00", "09:00", "10:00", "11:00",
  232. "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00", "21:00", "22:00", "23:00",
  233. "24:00",
  234. ],
  235. time_list2: [
  236. "01:00", "02:00", "03:00", "04:00", "05:00", "06:00", "07:00", "08:00", "09:00", "10:00", "11:00",
  237. "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00", "21:00", "22:00", "23:00",
  238. "24:00",
  239. ],
  240. week: [],
  241. week1: [{
  242. name: "星期日",
  243. num: 7,
  244. },
  245. {
  246. name: "星期一",
  247. num: 1,
  248. }, {
  249. name: "星期二",
  250. num: 2,
  251. }, {
  252. name: "星期三",
  253. num: 3,
  254. }, {
  255. name: "星期四",
  256. num: 4,
  257. }, {
  258. name: "星期五",
  259. num: 5,
  260. }, {
  261. name: "星期六",
  262. num: 6,
  263. }
  264. ],
  265. month: [],
  266. month1: [{
  267. name: 1,
  268. }, {
  269. name: 2
  270. }, {
  271. name: 3,
  272. }, {
  273. name: 4
  274. }, {
  275. name: 5,
  276. }, {
  277. name: 6
  278. }, {
  279. name: 7,
  280. }, {
  281. name: 8
  282. }, {
  283. name: 9,
  284. }, {
  285. name: 10
  286. }, {
  287. name: 11,
  288. }, {
  289. name: 12
  290. }, {
  291. name: 13,
  292. },
  293. {
  294. name: 14
  295. }, {
  296. name: 15,
  297. }, {
  298. name: 16
  299. }, {
  300. name: 17,
  301. }, {
  302. name: 18
  303. }, {
  304. name: 19,
  305. }, {
  306. name: 20
  307. }, {
  308. name: 21,
  309. }, {
  310. name: 22
  311. }, {
  312. name: 23,
  313. }, {
  314. name: 24
  315. }, {
  316. name: 25,
  317. }, {
  318. name: 26
  319. }, {
  320. name: 27,
  321. }, {
  322. name: 28
  323. }, {
  324. name: 29
  325. },
  326. {
  327. name: 30
  328. }, {
  329. name: 31
  330. },
  331. ],
  332. act_index1: -1,
  333. act_index2: -1,
  334. act_index3: -1,
  335. time1: "",
  336. time2: "",
  337. fnname: "",
  338. fnid: "",
  339. arr_time: [],
  340. time_arr: [],
  341. list: [],
  342. // moshi: 1,
  343. // moshi_type: 2,
  344. powerpool_id: "",
  345. level: "",
  346. // rule: "",
  347. page: 1,
  348. rule: [],
  349. month_name: "",
  350. deta: [{
  351. label: "天",
  352. level: 1,
  353. }, {
  354. label: "周",
  355. level: 2
  356. }, {
  357. label: "月",
  358. level: 3
  359. }, ],
  360. rule_arr: [],
  361. }
  362. },
  363. computed: {
  364. },
  365. onShow(e) {
  366. },
  367. onLoad() {
  368. },
  369. methods: {
  370. enit(e) {
  371. this.rule_val = [];
  372. this.$emit('confirm', "")
  373. },
  374. onDragSortChange(e) {
  375. var array = this.deta;
  376. var label = e.data;
  377. for (var i in array) {
  378. if (array[i].label == e.data.label) {
  379. array.splice(i, 1)
  380. }
  381. }
  382. var arr = array;
  383. if (e.frontData) {
  384. for (var i in arr) {
  385. if (arr[i].label == e.frontData.label) {
  386. arr.splice(Number(i) + 1, 0, label);
  387. }
  388. }
  389. this.deta = arr;
  390. }
  391. if (!e.frontData) {
  392. array.unshift(label)
  393. this.deta = array;
  394. }
  395. for (var i of this.deta) {
  396. if (i.label == '天') {
  397. i.level = 1
  398. }
  399. if (i.label == '周') {
  400. i.level = 2
  401. }
  402. if (i.label == '月') {
  403. i.level = 3
  404. }
  405. }
  406. this.$emit('bindlevel', this.deta)
  407. },
  408. addfn(e) {
  409. },
  410. bindscrolltolower(e) {
  411. this.http();
  412. },
  413. http() {
  414. this.request({
  415. url: "powerpool/poollists",
  416. data: {
  417. page: this.page,
  418. token: uni.getStorageSync("token"),
  419. },
  420. }).then(res => {
  421. if (res.code === '200') {
  422. for (var i of res.data) {
  423. i.checked = false;
  424. }
  425. this.list = this.list.concat(res.data);
  426. this.page = this.page + 1;
  427. }
  428. })
  429. },
  430. del(index) {
  431. if (this.deta_index == '天') {
  432. this.arr_time.splice(index, 1)
  433. }
  434. if (this.deta_index == '周') {
  435. this.week.splice(index, 1)
  436. }
  437. if (this.deta_index == '月') {
  438. this.month.splice(index, 1);
  439. }
  440. this.publue()
  441. },
  442. delScene(index) {
  443. this.$emit('ondel', index)
  444. },
  445. cancel() {
  446. this.$refs.popup.close();
  447. },
  448. addtime(e) {
  449. this.page = 1;
  450. this.list = [];
  451. this.http();
  452. this.$refs.popup.open();
  453. },
  454. choise1(e) {
  455. let index = e.currentTarget.dataset.index,
  456. title = e.currentTarget.dataset.title;
  457. this.time1 = title;
  458. this.act_index1 = index;
  459. if (this.deta_index == '周') {
  460. var num = e.currentTarget.dataset.num;
  461. this.num = num;
  462. this.week_name = title;
  463. }
  464. if (this.deta_index == '月') {
  465. this.month_name = title;
  466. }
  467. },
  468. choise2(e) {
  469. let index = e.currentTarget.dataset.index,
  470. title = e.currentTarget.dataset.title;
  471. this.time2 = title;
  472. this.act_index2 = index;
  473. },
  474. choise3(e) {
  475. let id = e.currentTarget.dataset.id,
  476. index = e.currentTarget.dataset.index,
  477. title = e.currentTarget.dataset.title;
  478. this.fnname = title;
  479. this.fnid = id;
  480. this.act_index3 = index;
  481. },
  482. confirm(e) {
  483. if (!this.fnid) {
  484. uni.showToast({
  485. title: "请选择记录",
  486. icon: 'none'
  487. })
  488. return
  489. }
  490. if (this.deta_index == '周') {
  491. this.week.push({
  492. level: 2,
  493. week_name: this.week_name,
  494. time: this.num,
  495. fnid: this.fnid,
  496. fnname: this.fnname,
  497. })
  498. } else if (this.deta_index == '月') {
  499. this.month.push({
  500. level: 3,
  501. month_name: this.month_name,
  502. fnid: this.fnid,
  503. fnname: this.fnname,
  504. time: this.month_name,
  505. })
  506. } else {
  507. var time_sting = parseInt(this.time1) + "," + parseInt(this.time2);
  508. var time = this.time1 + "-" + this.time2;
  509. this.arr_time.push({
  510. level: 1,
  511. time_name: time,
  512. time: time_sting,
  513. fnid: this.fnid,
  514. fnname: this.fnname,
  515. });
  516. //展示
  517. this.time_arr.push(time_sting);
  518. this.check_time(JSON.stringify(this.time_arr));
  519. }
  520. this.publue()
  521. },
  522. publue() {
  523. var arr3;
  524. if (this.deta[0].level == 1 && this.deta[1].level == 2 && this.deta[2].level == 3) {
  525. arr3 = [...this.arr_time, ...this.week, ...this.month];
  526. }
  527. if (this.deta[0].level == 1 && this.deta[1].level == 3 && this.deta[2].level == 2) {
  528. arr3 = [...this.arr_time, ...this.month, ...this.week];
  529. }
  530. if (this.deta[0].level == 2 && this.deta[1].level == 1 && this.deta[2].level == 3) {
  531. arr3 = [...this.week, ...this.arr_time, ...this.month];
  532. }
  533. if (this.deta[0].level == 2 && this.deta[1].level == 3 && this.deta[2].level == 1) {
  534. arr3 = [...this.week, ...this.month, ...this.arr_time];
  535. }
  536. if (this.deta[0].level == 3 && this.deta[1].level == 1 && this.deta[2].level == 2) {
  537. arr3 = [...this.month, ...this.arr_time, ...this.week];
  538. }
  539. if (this.deta[0].level == 3 && this.deta[1].level == 2 && this.deta[2].level == 1) {
  540. arr3 = [...this.month, ...this.week, ...this.arr_time];
  541. }
  542. var rule_arr = [];
  543. for (var i of arr3) {
  544. rule_arr.push(i.level + '-' + i.time + '-' + i.fnid);
  545. }
  546. // this.rule_arr = rule_arr.join(";");
  547. this.$emit('confirm', rule_arr.join(";"))
  548. this.$refs.popup.close();
  549. },
  550. check_time(arr) {
  551. this.request({
  552. url: "videofuneng/check_time",
  553. data: {
  554. time: arr,
  555. },
  556. }).then(res => {
  557. if (res.code === '200') {
  558. }
  559. }).catch(res => {
  560. this.arr_time.pop();
  561. this.time_arr.pop();
  562. uni.showToast({
  563. title: res.message,
  564. icon: 'none'
  565. })
  566. });
  567. },
  568. // 模式
  569. bindcheck(index) {
  570. this.moshi = index;
  571. this.$emit('oncheck', index)
  572. },
  573. // 优先级 天,
  574. bindTimeChange(index) {
  575. this.act_index1 = -1;
  576. this.act_index2 = -1;
  577. this.act_index3 = -1;
  578. this.time1 = "";
  579. this.time2 = "";
  580. this.fnname = "";
  581. this.fnid = "";
  582. this.deta_index = index;
  583. },
  584. getll() {
  585. this.$emit('onTime', 3)
  586. },
  587. bindtime(index) {
  588. this.moshi_type = index;
  589. this.$emit('onTime', index)
  590. },
  591. },
  592. }
  593. </script>
  594. <style>
  595. .item {
  596. padding: 32rpx 40rpx;
  597. }
  598. .wd80px {
  599. width: 80rpx;
  600. text-align: center;
  601. }
  602. .wd180px {
  603. width: 180rpx;
  604. text-align: center;
  605. }
  606. .wd200px {
  607. width: 200rpx;
  608. text-align: center;
  609. }
  610. .shoot {
  611. height: 500rpx;
  612. background: #FFFFFF;
  613. }
  614. .header-item {
  615. padding: 10rpx 0;
  616. /* height: 70rpx; */
  617. text-align: center;
  618. }
  619. .header-item-month {
  620. height: 70rpx;
  621. display: inline-block;
  622. width: 100rpx;
  623. }
  624. .header-item-month view {
  625. height: 100%;
  626. }
  627. .shoot .wd40 {
  628. width: 40%;
  629. }
  630. .hg400 {
  631. height: 400rpx;
  632. }
  633. .shoot-header {
  634. padding: 20rpx;
  635. border-bottom: 1rpx solid #f1f1f1;
  636. }
  637. .confirm {
  638. color: #007AFF;
  639. }
  640. .shoot .act {
  641. color: #007AFF;
  642. }
  643. .main-home {
  644. padding: 20rpx 30rpx;
  645. background: #FFFFFF;
  646. border-radius: 12rpx;
  647. margin: 0 auto;
  648. font-size: 28rpx;
  649. font-family: PingFang SC, PingFang SC-Regular;
  650. font-weight: 400;
  651. color: #333333;
  652. margin-bottom: 20rpx;
  653. }
  654. .del {
  655. width: 32rpx;
  656. height: 32rpx;
  657. }
  658. .main-item {
  659. color: #3387ff;
  660. border: 2rpx solid #3387ff;
  661. padding: 6rpx 10rpx;
  662. margin: 0 auto;
  663. display: inline-block;
  664. border-radius: 4rpx;
  665. }
  666. .moshi_level .act {
  667. background: #3387ff;
  668. ;
  669. color: #FFFFFF;
  670. border: 1rpx solid #3387ff;
  671. }
  672. .main-home-deta {
  673. margin-bottom: 20rpx;
  674. }
  675. .mgr40 {
  676. margin-bottom: 40rpx;
  677. }
  678. .enit {
  679. padding: 8rpx 10rpx;
  680. border: 1rpx solid #ccc;
  681. font-size: 22rpx;
  682. }
  683. .qr_content {
  684. padding: 0 40rpx;
  685. }
  686. .qr_content_img {
  687. display: inline-block;
  688. position: relative;
  689. }
  690. .qr_content_img .qr_content_img_li {
  691. margin-left: 20rpx;
  692. width: 120rpx;
  693. height: 120rpx;
  694. }
  695. .qr_content_img_del {
  696. width: 40rpx;
  697. height: 40rpx;
  698. position: absolute;
  699. top: 0;
  700. right: 0;
  701. }
  702. .tr {
  703. text-align: right;
  704. }
  705. .pdr-20 {
  706. padding-right: 20rpx;
  707. }
  708. .item {
  709. padding: 32rpx 40rpx;
  710. }
  711. .upimg {
  712. width: 126rpx;
  713. height: 126rpx;
  714. }
  715. .add-home {
  716. color: #FFFFFF;
  717. width: 126rpx;
  718. height: 54rpx;
  719. background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
  720. border-radius: 8rpx;
  721. box-shadow: 0px 0px 8rpx 0px rgba(51, 135, 255, 0.2);
  722. }
  723. .item-bg {
  724. width: 670rpx;
  725. /* height: 298rpx; */
  726. background: #f6f8fe;
  727. border-radius: 12rpx;
  728. margin: 0 auto;
  729. font-size: 28rpx;
  730. font-family: PingFang SC, PingFang SC-Regular;
  731. font-weight: 400;
  732. color: #333333;
  733. padding: 36rpx 32rpx;
  734. }
  735. .item-del {
  736. width: 40rpx;
  737. height: 40rpx;
  738. }
  739. .mar64 {
  740. margin-bottom: 64rpx;
  741. }
  742. .item-bg .mar64:last-child {
  743. margin-bottom: 0rpx;
  744. }
  745. .hg200rpx {
  746. height: 100rpx;
  747. }
  748. .mgr57 {
  749. margin-bottom: 57rpx;
  750. }
  751. .item-bg-32 {
  752. margin-right: 32rpx;
  753. }
  754. .qrupimg {
  755. width: 80rpx;
  756. height: 80rpx;
  757. }
  758. .tips {
  759. font-size: 26rpx;
  760. color: #999;
  761. }
  762. </style>